Kritérium webového designu č. 44: Owain Lewis
Každý týden se podíváme na nový web a analyzujeme jeho design. Poukážeme na obě oblasti, které jsou vedeny dobře, kromě těch, které by mohly použít nějakou práci. Nakonec budeme požádáni, abyste nám poskytli vlastní zpětnou vazbu.
Dnešní stránka je osobním portfoliem Owain Lewise, nezávislého webdesignéra.
Prozkoumejte zdroje návrhu
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 49 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 Owain Lewis
Jsem nezávislý webový designér a přední webový vývojář z Cardiffu. Vytvářím čisté, moderní a profesionální webové stránky pomocí HTML5. Během několika posledních let jsem spolupracoval s velkým počtem klientů, včetně agentur pro webový design, velkých podniků, začínajících podniků a soukromých osob, a vytvářel jsem webové stránky, které pomáhají lidem dosahovat lepších výsledků online.
Zde je snímek obrazovky domovské stránky Owain:
Počáteční dojem
Můj počáteční dojem z této stránky je nesmírně pozitivní. Líbí se mi rozvržení, grafika a text. Obsah je také uspořádán do jasných sekcí, a to jak prostřednictvím umístění, tak jemnými změnami pozadí. Je to opravdu úžasná práce, která mi silně připomíná některé černé stránky, které má Apple na svých stránkách.
Z velké části bude naše kritika pozitivní. Jen se podíváme na každou sekci a probereme, co šlo správně! Existuje však několik opravdu malých věcí, o kterých si myslím, že by mohly být vyladěny, a ty na ně upozorním.
Záhlaví
Záhlaví je o typografii. Poskytuje silný a přátelský úvod, který vám umožní vědět, o čem je celý web. V uplynulých týdnech jsem začínal s návrháři téměř skrývat základní vysvětlení svých webových stránek a jsem pevně věřící v to, že je vyhodím na otevřeném prostranství, takže nedochází k nejasnostem. Ihned vidíme, že tento web je pro Owain Lewise, nezávislého webdesignéra.
Záhlaví také nastaví silné zarovnání zarovnání, které nastaví tón pro zbytek stránky. Toto zarovnání se pak striktně dodržuje až dolů skrz zápatí.
Jedním problémem, který v této části mám, je nedostatek konzistence s typografií v nadpisu. Zde designér použil princip kontrastu a pákového efektu barvy, odvahy a volby typu písma k oddělování určitých slov. Body důrazu však používají tři různé způsoby léčby.
První používá obyčejné tenké písmo použité ve zbytku nadpisu, druhé používá vysoce stylizovaný a poměrně silný ampersand a poslední používá kurzívou verzi titulkového písma. Doporučuji shodovat „Owain Lewis“ a „design webových stránek“. Ať už jsou prosté nebo kurzívou, na tom moc nezáleží, jen se ujistěte, že jsou oba stejné. Také bych chtěl zvážit, jak z nich udělat odvážnou verzi písma, která by pomohla přidat k diferenciaci.
Také jako malá nota by první řádek v nadpisu mohl použít nějakou interpunkční pozornost.
Úvodní část
Další část je ta, která vás po načtení stránky opravdu upoutá. Celá ta černá způsobí, že vaše oči okamžitě přejdou do kontrastu: velká bílá miniatura, která pak způsobí, že se v této sekci trochu odrazíte a přejdete dolů k ostatním miniaturám. Stránka čte opravdu dobře a designér odvedl dobrou práci při vedení uživatele skrz rozvržení.
Dokonce se mi líbí malá plovoucí značka „Hire Me“ na pravé straně stránky. V každém okamžiku procházení webu, pokud se rozhodnete, že je ten chlap tak dobrý, že si ho chcete najmout, existuje přímá cesta k tomuto cíli, kterou si jednoduše nemůžete nechat ujít! Všimněte si, že to zůstává daleko od strany a z cesty i když, triky, jako je tento, jsou velmi nepříjemné, když se skutečně překrývají obsah (dívám se na vás Twitter pro iPhone).
Nejsem si jistý, zda tato sekce vůbec potřebuje nějaké změny, i když se trochu dostanu do titulku: „Portfolio webdesignu pro návrháře na volné noze.“ Toto je zjevně nadbytečné prohlášení a cítí se jako šum SEO (název stránky dělá to samé, ale mnohem horší). SEO taktika přistupuje k šedým oblastem rychle, takže každý návrhář se musí rozhodnout, co je a není dobrý nápad, ale osobně mám pocit, že se na této stránce děje nějaké nepříjemné klíčové slovo.
Nejlepší sekce
Tok tohoto webu při procházení je zajímavý, chytili jste ho? První oblast je jeden široký sloupec, druhá oblast je dva sloupce, tato představovaná část jsou tři sloupce a zápatí je čtyři (všechny zachovávají silné zarovnání). Někdy designéři hodně bojují s myšlenkou na změnu rozvržení a buď si to po celé stránce ponechat, nebo se pokusit o drastickou změnu a zmást tok. Owain odvedl dobrou práci tím, že usnadnil uživateli obsah a nabídl dost variací, aby snížil vizuální redundanci.
Tato sekce je stejně jako poslední atraktivní. Líbí se mi vizuální zpracování titulků a animované efekty přechodu na miniatury. Všechno se cítí úhledně a kvalitně.
Jedna malá změna: nikdy nevydělávejte písmeno „i“ v iPhonu. Vypadá to, že je to zanedbatelné, ale lidé jsou na tyto věci vybíraví a někteří si vás najmout nebudou, abyste si vytvořili své stránky pro iPhone, pokud o produktu nevíte dost, abyste získali správné jméno.
Zápatí
Tato část je pro mě jediná část webu, kde je rozložení trochu trapné. Pro začátek se tok sloupců cítí podivně s velkým množstvím trapného bílého prostoru uprostřed. Nejsem si jistý, že je to nejlepší nápad, jak sestavit sekci čtyř sloupců s rozdělením sekce tří sloupců nad ní. To by mohlo mít větší smysl, pokud byly sloupce rozloženy rovnoměrně po celém prostoru, jako jsou tři nad nimi (postupujte podle metody předchozí sekce, nikoli přesného umístění).
Konečně je doprava zarovnána část „Moje odkazy“ trochu zvláštní, protože všechny ostatní sloupce jsou zarovnány doleva. Jedná se o klasický případ designu, který je jedním z těch míst, kde můžete dodržovat všechna pravidla a stále mít něco, co není zcela v pořádku. Zabručím dál a dál o tom, jak je důležité striktně dodržovat rozvržení, které jste stanovili, ale zde navrhuji, že možná poslední sloupec nemusí dodržovat oprávněné rozvržení a může mít jen otrhaný pravý okraj.
Být designérem znamená naučit se všechna pravidla a pak přijít na to, kdy je přijatelné je porušit. Problém je samozřejmě v tom, že každý návrhář se rozhodne jinak. S touto diskusí o sloupcích sice rozděluji chloupky, zatímco mnoho návrhářů s rozložením zápatí nevidí žádné problémy! Jen povzbuzuji Owain, aby se ještě jednou podíval na rozvržení a rozhodl se pro sebe, jestli by to nějak nebylo možné posílit.
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, které zbaví jakékoli tvrdé urážky.
