Krytyka projektowania stron internetowych nr 4: Anthem Design Group
Co tydzień przyglądamy się nowej stronie internetowej i analizujemy projekt. Wskażemy zarówno obszary, które są dobrze wykonane, jak i te, które przydadzą się trochę pracy. Na koniec zakończymy prośbą o przekazanie własnej opinii.
Dzisiejszą stroną jest Anthem Design Group. Anthem to niewielka, wielokrotnie nagradzana agencja kreatywna i interaktywna, z siedzibą w Atlancie w stanie Georgia w USA
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.
Hymn
„Jesteśmy przyjazną, pracowitą grupą kreatywnych i technicznych ludzi o bardzo wysokich standardach, którzy uwielbiają tworzyć niesamowite strony internetowe, aplikacje, gry i sztukę. Nasza praca jest wielokrotnie nagradzana, atrakcyjna i doskonale wykonana. Uwielbiamy współpracować z każdym biznesem i jesteśmy dumni z naszej różnorodnej i fantastycznej grupy klientów. ”
Oto strona główna ich witryny:
Jest to dość mocna konstrukcja z trzema podstawowymi kolumnami i paskiem bocznym (czyli w zasadzie cztery kolumny). Duży obraz w górę to suwak obrazu z podstawowym przejściem do zanikania.
Przeanalizujmy kilka rzeczy, które są naprawdę miłe w tym projekcie.
Łatwy w nawigacji
Na jednej stronie wiele się dzieje, ale w przeważającej części jest ona logicznie uporządkowana i łatwa do sortowania. Strona główna wydaje się być dobrym przeglądem wszystkiego, co znajdziesz na stronie. Kilka stron dostępnych za pośrednictwem nawigacji jest reprezentowanych tutaj na stronie z odrobiną treści.
Za każdym razem, gdy nie masz pojęcia, jak wypełnić stronę główną dużej witryny, pamiętaj, że często powinna ona służyć jako brama do wszystkiego innego. Wstawienie niewielkich podglądów reszty strony tutaj pozwala użytkownikowi szybko zapoznać się z tym, co oferujesz, a także pomoże w znalezieniu określonej treści.
Breaking the Lines
Ta strona ma dość ścisłe ustawienia i urządzenia zabezpieczające, które są dobre do utrzymania wszystkiego w czystości i porządku. Widzimy jednak w stopce, że często dobrze jest wziąć taki projekt i rozbić go w kilku miejscach.
Tutaj widzimy logo i informacje kontaktowe umieszczone w pudełku, które narusza surowe ustawienia linii przez stopkę i separację treści. Chciałbym, aby coś u góry strony również podniosło ten pomysł, aby złagodzić sztywność projektu.
Obszary do poprawy
Przejdźmy teraz do krytyki. Poniżej znajduje się kilka kwestii, które osobiście uważam, że powinny zostać rozwiązane w odniesieniu do projektu.
Interaktywny?
Widzę słowo „interaktywne” w kilku miejscach na stronie dotyczące tego, co robi Anthem, ale oprócz suwaka obrazu strona po prostu nie wydaje się bardzo interaktywna. Myślę, że jednym z kluczowych obszarów cierpienia są efekty najechania na link lub ich brak.
W nawigacji różnica w kolorze linku w stanach bez aktywowania i aktywowania jest nieco zbyt subtelna i być może niemożliwe dla osób niewidomych, aby zauważyły nawet tak mały tekst. Ponadto, oprócz tych na pasku bocznym, prawie wszystkie inne linki na stronie nie mają absolutnie żadnego efektu najechania kursorem. Jeśli kursor przeglądarki nie zmienił się automatycznie dla linków, użytkownicy prawdopodobnie nawet nie wiedzieliby, że na stronie są jakieś obecne.
Ponownie wiąże się to ściśle z pojęciem „interaktywny”. Dodanie elementów, które zmieniają się w wyniku interakcji w różnych punktach strony, sprawi, że strona będzie o wiele bardziej aktywna i aktywna. Te elementy nie muszą krzyczeć na użytkowników, ale przynajmniej nie powinny być ukryte.
Dodawanie linków
W tym samym duchu, co ożywianie obecnych linków, myślę, że należy dodać jeszcze kilka. Jak powiedziałem wcześniej, podoba mi się to, jak treść strony głównej i nawigacja łączą się. Na przykład w nawigacji znajduje się łącze do usług oraz sekcja usług na stronie. Jednak tekst „Usługi i możliwości” w sekcji treści nie jest włączony jako link do strony „Usługi i możliwości”.
Zawsze staraj się, aby użytkownicy byli śmiesznie łatwi. Jeśli zobaczą nagłówek pasujący do miejsca, do którego chcą się udać, powinni być w stanie kliknąć go, aby tam dotrzeć, zamiast szukać odpowiedniego linku.
Rozstaw
Na stronie znajduje się kilka miejsc, które dzielą treść na trzy kolumny, każda z własnym nagłówkiem. Problem polega na tym, że nagłówek i kolumna są tak daleko od siebie oddalone, że nie od razu widać, że należą one do siebie.
Zalecam usunięcie tutaj około połowy odstępów, aby użytkownicy mogli od razu powiedzieć, że te dwa obszary powinny być interpretowane jako jedna jednostka.
Wyrównanie i przepełnienie
Są dwa kluczowe obszary, w których dostrzegam problemy z nieprawidłowymi ustawieniami małych przedmiotów. Pierwszy znajduje się na pasku bocznym. Wygląda na to, że kanał na Twitterze wylewa się z pudełka.
Drugi to legalna kopia i łącza nawigacyjne w stopce. Tak naprawdę nie współdzielą żadnego wyrównania i wydają się po prostu swobodnie unosić w przestrzeni. Polecam nadać im mocne wyrównanie do lewej i być może przesunąć je w pobliżu obszaru logo po lewej stronie.
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.
