Kritérium webového designu č. 11: Scott Block
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í stránka je osobním portfoliem společnosti Scott Block, návrháře webových stránek z Marylandu.
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 společnosti Scott
"Bydlím v Columbii v Marylandu, jen kousek od Baltimoru a hlavního města země." Když mi bylo dvanáct, spojil jsem svou vášeň pro Baltimore Ravens s mým rostoucím zájmem o technologii a začal jsem vytvářet stránky o Ravens. Od té doby jsem pilně zdokonaloval své dovednosti a nyní vytvářím webové stránky pro různé jednotlivce a organizace. Nyní umím kombinovat html s css, javascript, php a ajax a vytvářet krásné a funkční webové stránky. “
Zde je domovská stránka webu:
Přestože je zde určitě nějaký potenciál, na této stránce bych spousty věcí vyřešil. Podívejme se na ně jeden po druhém.
Barevné schéma
Barvy použité na Scottově webu vytvářejí docela pěknou paletu, když jsou rozebírány jednotlivě, jak je vidět níže.
Nejsem však blázen distribucí barev. Zdá se, že jsou implementovány náhodně do míst na stránce jednoduše kvůli variaci místo toho, aby byly použity s účelem a logikou. Přemýšlejte o každé zvolené barvě a o tom, jak to souvisí se zbytkem obsahu na stránce.
Logo
Díky jeho poloze v levém horním rohu stránky je toto logo první věcí, kterou uživatelé uvidí, když navštíví jeviště. Chcete využít této příležitosti a udělat silný první dojem. Bohužel mám pocit, že toto logo se blíží.
Vidím, jak se na písmena zpracovávají tvary bloků, pravděpodobně se váže na příjmení návrháře, ale prostě to nefunguje. SB má docela špatnou čitelnost a cítí se trochu ze dne.
Navigace a záhlaví jako celek
Navigační oblast je poměrně jednoduchá, pouze nějaký text s vodorovnými oddělovači a podtržením pro označení aktuální stránky. Jsem všichni za to, aby navigace byla jednoduchá, takže si myslím, že je tato oblast dobře vykonaná.
Když umístíte kurzor myši na odkaz v navigaci, objeví se pod logem Scott Block ikona. To je úhledný efekt, který jsem nikdy neviděl popraven takhle (s efektem vznášení tak daleko od odkazu).
Když vezmete v oblasti záhlaví jako celek, existuje několik pozoruhodných problémů, které by mohly použít adresování. Jak jsem řekl výše, efekt přechodu na ikonu je čistý, ale způsobuje to určité problémy. Když na navigaci neklikáte nad odkazem, vedle kopie záhlaví je velké prázdné místo, které vás zajímá, proč není s ničím zarovnáno.
Možným způsobem, jak tomu pomoci, je použít ikonu na výchozí stav, který se změní na jinou ikonu, když najedete kurzorem na odkaz, a po ukončení přechodu se vrátí na původní ikonu. Bohužel, když je přítomen efekt přechodu na ikonu, logo a ikona vytvoří nepříjemný svislý zásobník.
Celkově by negativní prostor v této oblasti mohl využít úplnou restrukturalizaci. Kromě problému s chybějící ikonou zabírá hlavní logo příliš mnoho svislého prostoru a vytváří podivné mezery.
Doporučená oblast
Líbí se mi opakování v designu a vidím, jak úhly v této sekci odrážejí úhly loga, ale protože to v logu ve skutečnosti nefunguje, platí to totéž i zde. Šikmá povaha nadpisů je trochu podivná, stejně jako křižovatka vytvořená těmito barvami.
Váš podvědomí chce váš mozek spojit dvě položky, které mají stejnou barvu, ale zde dvě oblasti nesouvisejí.
Dále je v této oblasti mnoho efektů, které neslouží k žádnému účelu. Když umístíte kurzor myši na sekci, vytvoří se vržený stín. Web nás naučil rozpoznat takovou aktivitu jako znamení, že na co se vznášíme, je oblast, na kterou lze kliknout. Na tyto oblasti však nelze kliknout a způsobují, že se cítí, jako by byly pro uživatele pouze zmatené.
Zápatí
Zápatí je poměrně jednoduché, ale opět vidíme, že by to mohlo použít trochu rafinace.
Za prvé, tlačítko je na trapném místě. Při navrhování buďte vždy opatrní, abyste věci nalepili do děr jen proto, že máte místo. Textem je vytvořeno silné zarovnání doleva, ale umístěním tlačítka je zničeno.
Kromě toho je animace přechodu tlačítka příliš velká. Zde se používá obrázek sprite a mezi dvěma stavy tlačítek je animace, kde můžete vidět, jak se jedna část snímku posouvá ven, zatímco ostatní snímky. Není snadné říci, co se děje zpočátku, a je proto trochu znepokojující.
Celková doporučení
Uvedl jsem výše několik tvrdých kritik výše a mám pocit, že by bylo nejlepší pokusit se je spojit dohromady. Zde jsou mé návrhy:
Začněte tím, že změníte logo na něco modernějšího a vodorovnějšího. Poté vytvořte tvrdé zarovnání doleva až dolů po stránce. Zarovnejte navigační oblast a blok kopie pod ní na levou stranu stránky a možná přesuňte nové logo doprava.
Změňte velikost textu na stránce a vytvořte jasné titulky a podpůrnou kopii. Všechno je v současné době velmi velké. Pamatujte: když všechno uděláte výjimečným, nic není zvláštního.
Vyhoďte aktuální tvary v hlavní sekci a seznamu obřích odrážek (začleňte své služby někde jinde). Vytvořte jeden velký hlavní představený náhled projektu, který se táhne celou oblast obsahu.
Nakonec upravte zápatí tak, aby bylo dodrženo zarovnávání vlevo nahoře. Jinými slovy, vytáhněte toto tlačítko z pravého rohu.
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.
