Krytyka projektowania stron internetowych nr 3: Firefly
Nasze krytyki projektowania stron internetowych stały się hitem zarówno wśród klientów, jak i komentatorów. Kontynuuj wspaniałą pracę, dostarczając wysokiej jakości pomysły i sugestie!
Dzisiejsza strona to Firefly, strona główna agencji pośrednictwa pracy z siedzibą w Wielkiej Brytanii.
Poznaj elementy Envato
Jeśli chcesz zgłosić swoją stronę internetową, która będzie prezentowana w przyszłej krytyce projektowania, zajmuje to tylko kilka minut. Za krytykę Twojego projektu pobieramy 24 USD - znacznie mniej niż zapłacisz za konsultanta, który zajrzy na Twoją stronę! Tutaj dowiesz sie więcej.
Robaczek świętojański
Według ich własnej definicji „Firefly jest firmą doradczą zajmującą się rekrutacją, która specjalizuje się w pozyskiwaniu, zatrudnianiu i zarządzaniu pracownikami opieki społecznej na stanowiskach sektora publicznego i prywatnego w całym Londynie i sąsiednich hrabstwach. Nasze podejście do rekrutacji jest indywidualne i konsultacyjne. ”
Oto strona główna ich witryny:
Ogólnie projekt strony jest naprawdę fajny i mam wiele dobrych rzeczy do powiedzenia na ten temat. Przyjrzyjmy się kilku z nich dogłębnie.
Schemat kolorów
Po pierwsze, naprawdę podoba mi się tutaj paleta kolorów. Wykorzystuje wszystkie jasne kolory, które są przyjemne dla oczu i razem wyglądają pięknie.
Najodważniejszym kolorem jest tutaj zieleń, a projektant zastosował ją w idealnych ilościach. Jest rozrzucony dość mocno na górze strony, tylko w kluczowych miejscach w całej zawartości, i pojawia się jako główny kolor stopki (w trzech odmianach!).
Dbałość o szczegóły
Na stronie znajduje się wiele drobnych elementów, które są po prostu miłymi akcentami. To pokazuje, że projektant poświęcił czas na zwolnienie tempa i poprawienie interfejsu zamiast pośpiechu, aby coś opublikować.
Powtórzenie
Powtarzanie jest jednym z kluczowych aspektów projektu i zasadą, która jest albo niezrozumiana, albo zupełnie nieznana wielu projektantom stron internetowych. Ten projektant wykorzystał go po mistrzowsku nie tylko poprzez powtórzenie zieleni, jak wspomniano powyżej, ale także poprzez użycie elementu koła z logo.
Powtarzanie elementu na takiej stronie sprawia, że projekt wydaje się bardziej spójny. Podczas przeglądania strony daje również oko coś znajomego.
Układ
Projektant postanowił zaimplementować układ trzech kolumn i przyczepił się do niego na całej długości witryny. Dopasowania są silne, a kolumny są wykonywane bardzo dobrze. Wizualne oddzielenie skrajnie prawej kolumny poprzez użycie ciemniejszego koloru tła jest doskonałym akcentem, ponieważ pomaga wyróżnić główną treść i przełamać monotonię dużej białej strony.
Rzeczy do poprawy
Ogólnie rzecz biorąc, projekt jest jednym z najsilniejszych, jakie kiedykolwiek widzieliśmy w przypadku krytyki. Można jednak wprowadzić kilka drobnych poprawek.
Rozdzielczość obrazu
Ponieważ mam tło w druku, jestem nazistą w rozdzielczości. Logo w lewym górnym rogu nie tylko reprezentuje markę firmy, ale jest także jedną z pierwszych rzeczy, które użytkownik widzi, gdy trafia na stronę. Z tego powodu chcesz się upewnić, że jest przyjemny.
Wysadziłem trochę logo, aby pokazać ci, co mam na myśli. To wprawdzie sprawia, że problem staje się jeszcze gorszy, ale jest to dobra ilustracja tego, czego należy szukać na mniejszym poziomie podczas zapisywania zdjęć.
Uważnie obserwuj artefakty i degradację obrazu. To logo jest dość małe i nie powinno grzęznąć w witrynie, jeśli miałoby zostać zapisane w wyższej rozdzielczości.
Tekst ciężki
Być może najgorszym problemem wizualnym tej strony jest to, że jest ona tak bardzo obciążona tekstem. Jest to po prostu wiele informacji, które można rzucić komuś, gdy pierwszy raz trafi na Twoją stronę. Taki odczyt może być czasochłonny i onieśmielający, a nawet może całkowicie zignorować tekst.
Zastanowiłbym się nad zredukowaniem tego do absolutnych potrzeb i umieszczeniem wszelkich nieistotnych informacji na stronie pomocniczej, zamiast nadania jej tutaj rangi.
Użyteczność
Istnieje niewielki problem z użytecznością niektórych tekstów na stronie. Nie jestem pewien, co go powoduje, ale w Safari tekst w kolumnie Welcome nie jest wybierany.
Wiem, że to brzmi wybrednie, ale cały sens posiadania tekstu na żywo polega na tym, że masz czystą, wyraźną iw pełni wybieraną (i dlatego kopiowalną) kopię na stronie.
Polecam zajrzeć do kodu, aby zobaczyć, co powoduje ten błąd.
Dwa spinacze
Jak wspomniałem powyżej, powtarzanie jest dobrą rzeczą w projektowaniu. Jak jednak zauważyłem, często jest źle rozumiany lub niewłaściwie wykorzystywany. Spinacz do papieru jest ładnym elementem graficznym i świetnie byłoby powtórzyć go gdzie indziej na stronie, ale umieszczenie dwóch z nich tak blisko siebie powoduje, że ta sekcja cierpi na zespół klonów Photoshopa.
Myślę, że użycie tylko jednego spinacza do papieru byłoby mocniejszym stwierdzeniem. Jeśli naprawdę chcesz pozostać przy dwóch, upewnij się, że nie są one identyczne. Obróć jeden lub odwróć, aby zapewnić niewielką zmienność.
Twoja kolej!
Teraz, gdy przeczytałeś moje komentarze, dołącz i pomóż, udzielając projektantowi dalszych rad. Daj nam znać, co Twoim zdaniem jest świetne w tym projekcie i co Twoim zdaniem może być mocniejsze. Jak zawsze prosimy, abyście szanowali również projektanta strony i oferowali jasne konstruktywne porady, pozbawione jakichkolwiek ostrych zniewag.
Chcesz mieć krytykę swojej witryny? Tutaj dowiesz sie więcej.
