Kritérium webového designu č. 13: Výroční ceny za design
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 každoroční ocenění za design.
Prozkoumejte prvky Envato
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.
O výročních cenách za design
„Annual Design Awards (přezdívaná ANNDAS) je celosvětové uznání špičkové vizuální komunikace, nastavené tak, aby odměnilo vynikající příspěvky v oblasti designu. Spojili jsme některé z nejúžasnějších talentů a uznávaných osobností z celého světa, abychom posoudili tuto celosvětovou událost, jejímž cílem je stát se předními cenami za design a stanovit mezinárodní standardy. “
Zde je snímek obrazovky domovské stránky:
Celkový design
Chtěl bych začít tím, že to je již skvěle vypadající stránka. Mám ráda černou ve spojení s kousky pomeranče. Toto jediné opakování světlé barvy pomáhá přitáhnout oči uživatelů k důležitým částem stránky.
Rozložení je pevné a obsahuje spoustu bílého prostoru. Vizuální objem objektů je také dobře rozptýlen, takže jsou zvýrazněny důležité oblasti.
Naštěstí se zdá, že lidé posuzující design ostatních mají silný smysl pro design sami! Nyní, když jsme analyzovali celek, rozdělme to kousek po kousku.
Oblast loga
Začněme na nejviditelnějším místě: vlevo nahoře. Zde vidíme logo Annual Design Awards jakési vyzařující kruhové grafiky.
Logo je jednoduché, ale efektivní. Naznačuje to mladé a nervózní publikum, které není příliš nadšené čistými liniemi a nudným minimalismem (stránka je ve skutečnosti celkem čistá, ale záludným způsobem).
Kruhy jsou odvážným nápadem provedeným jemným způsobem (vkusně provedeným). Je to opravdu jednoduchý designový prvek, který pomáhá upozornit na logo a následně na název webu. Na nepřehledném webu by to nefungovalo, ale tato stránka je dostatečně jednoduchá, aby nevytvořila vizuální nepořádek a místo toho dokonale plní svůj účel.
Navigace
Navigační oblast je poměrně jednoduchá, pouze nějaký text nad vodorovnou lištou se zlomem pro každou sekci.
Opravdu se mi tu volba písma líbí. Připadá mi to jako něco, co se obvykle dělá s @ font-face, takže jsem byl překvapen, když jsem nahlédl na kód a viděl, že to bylo jednoduše kurzíva Gruzie.
Podržením kurzoru zvýrazníte pruh oranžově. To je hezké, ale je to trochu zvláštní, že text neudělá něco tak dobře (je to docela dusné, ale na skvěle vypadajících stránkách musím o něčem mluvit!).
Dokážu pochopit, proč designér text nezměnil, stejně jako by bylo trochu obtížné přečíst malý oranžový text na černém pozadí. Možná by pomohla velmi malá transformace CSS, která by otáčela text po najetí. Není to nic moc, pokud to bude ignorováno ve starších prohlížečích a bylo by to hezké kývnutí na styl loga.
Prezentace
Miluji prezentace jazyka JavaScript, takže si myslím, že tato sekce je skvělá. Obrázek se posune doleva, když se objeví nový a text má pěkný efekt vyblednutí. Také se mi líbí průhledné ohraničení a ořezové značky.
Tlačítko pro přehrávání a pauzu zde pro mě ale neřeže. Viděl jsem grafický průchod, na který jsem se chtěl znovu podívat, ale neměl jsem možnost vrátit se. Následně jsem byl nucen počkat, až se znovu objeví (což chvíli trvalo).
Doporučuji vložit řádek ikon malých kruhů, které odkazují na každý obrázek. Je to jednoduché a jemné a dává uživateli jak pocit, kde jsou v prezentaci, tak určitá kontrola nad zobrazováním konkrétních obrázků.
Vstupní sekce
Další část je místo, kde by se uživatelé za normálních okolností přihlásili k přihlášení, ale toto je prozatím uzavřeno, jak ukazuje grafický lístek s poznámkou.
Lepivý kompletně porušuje design (záměrně) a dělá to tak, že si nemůžete nechat ujít skutečnost, že příspěvky jsou uzavřeny. To funguje dobře a okamžitě informuje uživatele o informacích, které potřebují znát.
Grafika pod lepkavou však trochu rozptyluje. Zdá se, že ceny jsou podivně umístěny, přičemž jeden narazil do obdélníkového pole vlevo a druhý do něj nenarazil. Nejste si jisti, co se přesně tady děje, ale vypadá to trochu pryč.
Zápatí a kontaktní formulář
Poslední oblastí, na kterou se podíváme, je spodní část stránky, kde se můžete zaregistrovat a dostávat informace. Pod kontaktním formulářem jsou také standardní odkazy na zápatí a sociální informace.
Líbí se mi, že kontaktní formulář je zde zasunutý spíše než na vyhrazené stránce a že jsou k dispozici pouze dvě pole. Všiml jsem si, že popisky polí zmizí, když kliknete do pole a nevrátí se, když kliknete ven, aniž byste něco zadali. To je trochu problém s použitelností, když jsem klikal na stránku, ale pak jsem si nebyl jistý, které pole bylo pro jméno a které bylo pro e-mail, když jsem se vrátil.
Konečně oblast zápatí vypadá skvěle, ale rád bych viděl mezeru mezi slovy „Následujte nás“ a doprovodnou ikonou. V tuto chvíli jsou spolu trochu posíleni.
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.
