Kritérium webového designu č. 4: Anthem Design Group
Každý týden se podíváme na nový web a analyzujeme jeho design. Ukážeme na obě oblasti, které jsou vedeny dobře, a oblasti, které by mohly nějakou práci využít. Nakonec budeme požádáni, abyste nám poskytli vlastní zpětnou vazbu.
Dnešní web je Anthem Design Group. Anthem je malá oceněná kreativní a interaktivní designová agentura se sídlem v Atlantě v Georgii USA
Pokud chcete svůj web odeslat jako součást budoucí kritiky designu, trvá to jen několik minut. Za kritiku vašeho návrhu účtujeme 24 USD - podstatně méně, než kolik byste zaplatili konzultantovi, aby se podíval na vaše stránky! Více se dozvíte zde.
Hymna
„Jsme přátelská, pracovitá skupina kreativních a technických lidí s velmi vysokými standardy, která milují vytváření úžasných webů, aplikací, her a umění. Naše práce je oceňovaná, atraktivní a jemně vytvořená. Rádi spolupracujeme s jakoukoli velikostí a jsme hrdí na naši rozmanitou a fantastickou skupinu klientů. “
Zde je domovská stránka jejich webových stránek:
Je to docela silný design se třemi primárními sloupci a postranním panelem (tedy v podstatě čtyř sloupců). Velký obrázek nahoru je posuvník obrazu se základním přechodem vyblednutí.
Podívejme se na pár věcí, které jsou v tomto designu opravdu pěkné.
Snadná navigace
Pro jednu stránku se toho hodně děje, ale z větší části je to logicky rozloženo a snadno se třídit. Zdá se, že domovská stránka slouží jako pěkný přehled všeho, co na webu najdete. Několik stránek přístupných prostřednictvím navigace je zde na stránce znázorněno s trochou obsahu.
Kdykoli jste bezradní, jak vyplnit domovskou stránku velkého webu, nezapomeňte, že by to mělo často sloužit jako brána ke všem ostatním. Vložením náhledů zbytku webu do velikosti kousnutí se uživateli umožní rychle se seznámit s tím, co nabízíte, a poslouží také jako pomůcka při hledání konkrétního obsahu.
Rozbití čar
Tato stránka obsahuje některá poměrně přísná zarovnání a zadržovací zařízení, která jsou vhodná pro udržování všeho čistého a organizovaného. V zápatí však vidíme, že je často dobré vzít takovýto design a na několika místech ho rozbít.
Zde vidíme logo a kontaktní informace umístěné do pole, které porušuje tvrdé řádky nastavením zápatí a oddělením obsahu. Chtěl bych vidět něco v horní části stránky, aby tuto myšlenku vyzvedl a také zmírnil rigiditu designu.
Oblasti, které je třeba zlepšit
Nyní pojďme do kritiky. Níže uvádíme několik otázek, o kterých si myslím, že by se měl návrh týkat.
Interaktivní?
Na několika místech na stránce vidím slovo „interaktivní“ týkající se toho, co dělá Anthem, ale kromě posuvníku obrázků se web prostě necítí příliš interaktivně. Jednou z klíčových oblastí, o které si myslím, že trpí, je efekt přechodu na odkaz, nebo jeho nedostatek.
V navigaci je rozdíl v barvě odkazu ve stavech bez vzestupu a vznášení příliš jemný a možná pro uživatele nevidomých na to, aby si všimli i tak malého textu, je možná příliš neviditelný. Kromě těch, které jsou umístěny na postranním panelu, téměř všechny ostatní odkazy na stránce nemají vůbec žádný vznášející se efekt. Pokud se kurzor v prohlížeči automaticky nezmění za odkazy, uživatelé by pravděpodobně ani nevěděli, že na stránce jsou nějaké.
Opět to úzce souvisí s pojmem „interaktivní“. Přidání položek, které se mění s interakcí v různých bodech na stránce, způsobí, že se web bude cítit mnohem živější a aktivnější. Tyto prvky nemusí na vaše uživatele křičet, ale neměly by být alespoň skryté.
Přidávání odkazů
Myslím si, že by mělo být přidáno několik dalších věcí, které přinášejí současné souvislosti s životem. Jak jsem již řekl, líbí se mi, jak se obsah domovské stránky a navigace spojují. Například v navigaci je odkaz na služby a na stránce sekce služeb. Text s názvem „Služby a možnosti“ v části obsahu však není povolen jako odkaz na stránku „Služby a možnosti“.
Vždy se snažte, aby věci byly směšně snadné pro vaše uživatele. Pokud uvidí titulek, který odpovídá místu, kam chtějí jít, měli by mít možnost kliknout na něj, místo aby hledali správný odkaz.
Vzdálenost
Na stránce je několik míst, která rozdělují obsah do tří sloupců, každý s vlastní hlavičkou. Problém je v tom, že záhlaví a sloupec jsou od sebe vzdáleny, není hned zřejmé, že patří k sobě.
Doporučuji zde odstranit asi polovinu mezer, aby uživatelé mohli okamžitě zjistit, že tyto dvě oblasti by měly být interpretovány jako jedna jednotka.
Zarovnání a přetečení
Existují dvě klíčové oblasti, ve kterých jsem zaznamenal problémy s malými položkami, které nejsou správně uspořádány. První je v postranním panelu. Zdá se, že zdroj Twitter zde přetéká z kontejnmentu.
Druhým je legální kopie a navigační odkazy v zápatí. Ve skutečnosti nesdílejí žádné zarovnání a zdá se, že se v prostoru náhodně vznášejí. Doporučuji jim dát oběma silným zarovnáním doleva a možná je posouvat poblíž oblasti loga nalevo.
Tvůj tah!
Nyní, když jste si přečetli moje komentáře, zapojte se a pomozte tím, že poskytnete návrháři nějaké další rady. Dejte nám vědět, co si myslíte o designu skvěle a co si myslíte, že by mohlo být silnější. Jako vždy žádáme, abyste také respektovali návrháře webu a nabídli jasné konstruktivní rady bez jakýchkoli tvrdých urážek.
Máte zájem o kritiku svého vlastního webu? Více se dozvíte zde.
