Kritérium webového designu 78: Katy Cain
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 portfoliem Katy Cain, svatební fotografky v Chandlers Ford. Pojďme skočit a uvidíme, co si myslíme!
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 společnosti Katy Cain
"Jsem svatební fotograf Hampshire a portrétní fotograf se sídlem v Chandlers Ford." Cestuji po celém Hampshiru a okolních okresech včetně Oxfordshire, Wiltshire, Surrey, Sussexu a Dorsetu. Prosím, podívej se na mou práci a pokud máš pocit, že bych se ti perfektně hodil do tvého dne, rád bych od tebe slyšel. “
Zde je snímek její domovské stránky:
První dojem
První věc, kterou si všimnu na stránkách Katy, je to, že je čistá a minimální. Tento konkrétní styl designu funguje dobře pro weby fotografů, protože umožňuje, aby fotografie jasně vynikly jako nejvýznamnější položky na stránce. Vzhledem k tomu, že o fotografováních jde vše, jedná se o perfektní strategii.
Také jsem si všiml, že se nejedná o web Flash. Fotografové obecně mají přílišnou závislost na 100% webech založených na flashech a jsem vždy rád, když vidím jednotlivce, kteří se více orientovali na standardy.
Sečteno a podtrženo, web je na opravdu silném začátku. Je to jednoduché, ale efektivní. Existuje však několik oblastí, kde bych navrhl zvážit změnu nebo dvě. Pojďme skočit a uvidíme, jak bychom mohli web vylepšit.
Trochu víc Wow
Pro všechny negativní aspekty, které s nimi získáte, mají stránky Flash jednu silnou věc: mají sklon být docela poutavé. Pokus o poutavý běh je tak často, že se stává nepříjemným a rušivým, ale je to přinejmenším pokus o zajímavé věci.
Tato stránka možná běží příliš daleko opačným směrem: ve skutečnosti se zdá docela nudná. Vše o designu naznačuje „bezpečný“ přístup, který zůstává daleko od všeho, co lze považovat za odvážné. Hlavní obrázek je v dobré velikosti, ale ne příliš velký, text je docela homogenní bezpatkový typ, stránka je zcela statická; Jen si myslím, že musíme dát vše pěkné trochu posílit, aby to bylo zajímavější.
Pro začátečníky bych doporučil, aby se hlavní obrázek stal prezentací JavaScriptu, která cykluje mezi třemi až pěti fotografiemi. Když přijdu na stránku fotografa, první a často jediná věc, kterou chci vidět, je, jaký typ fotografií pořizuje a ráda bych na to získala větší chuť přímo z domovské stránky.
Chtěl bych také vidět šířku obsahu nataženou nejméně o 100 pixelů, více, pokud je to možné. Chci, aby ta hlavní fotka byla velká, odvážná a na tváři.
Logo
Typografie loga není moje oblíbená. Tenké písmo je přijatelné, protože naznačuje ženskou přitažlivost a protože Katy je opravdu žena, tato myšlenka funguje. Nejsem si však jistý, zda je to něco s rozlišením obrázku nebo způsobem, jakým je vykreslen skutečné písmo, ale křivky vypadají jako zubaté a pixelované místo pěkných a hladkých. Moje oko je neustále přitahováno k tomuto rozptýlení a doporučuji pokus o jeho řešení.
Druhý řádek loga je navíc velmi malý a těžko čitelný. Vím, co to říká, okamžitě, ale pokud se na to opravdu podívám, účinek způsobí, že mé oči trochu bolí. Navrhuji vypustit slovo „profesionální“, zde to prostě není potřeba. Ať jim tato práce řekne, že jste profesionál, slovně trvá na tom, že jste jeden ironicky, že vás zní jako začátečník. Odstraněním tohoto slova se uvolní nějaký vodorovný prostor pro zbytek, který bude o něco větší.
Navigace
Velmi si vážím jemných doteků designu, ale tahle drobná drobná drobná ikona domu (nahoře uvedená ve skutečné velikosti) ji tlačí. Je tak neuvěřitelně malý, že je to pravděpodobně spíše rozptýlení než něco, co zlepšuje estetiku stránky na jakékoli úrovni. Je to vážně ta nejtypičtější ikonka, jakou jsem kdy viděl.
Kromě toho si myslím, že navigace funguje dobře. Navrhuji to narážet na několik pixelů doprava, i když je tak dokonale zarovnáno s obrázkem pod ním. Je to skoro tam, ale ne úplně. Mám celý článek věnovaný tomu, jak „téměř“ je pro designéry špinavé slovo.
Pojďme přehodnotit rozložení
Současné rozvržení považuji za trochu trapné, zejména pokud jde o typ. Velký kus textu zarovnaného na střed pod hlavní fotografií rozhodně potřebuje nějakou práci. Za prvé, široké sloupce textu zarovnaného na střed jsou smrtelným nepřítelem čitelnosti a za každou cenu se jim vyhýbejte. Odstavce zarovnané doleva představují způsob, jak se dostat do situace, jako je tato, a zarovnání zarovnání stránky jako celku se tomu perfektně hodí.
Toto je vaše primární uvítací zpráva, ale nijak to nevyčnívá. Je to jen tam; prostý starý nudný text, který se nijak významně nerozlišuje.
Navrhuji, abyste upravili rozvržení celé stránky. Nebude to velký podnik, jen pár směn a změn. Bude zachována i celková estetika. Tato vylepšení však způsobí, že se bude cítit jako úplně nové místo, praskající osobností a řízené příjemnou atmosférou.
Začněme tím velkým odstavcem. To, co zde potřebujeme, je určitý kontrast, co do velikosti i smělosti. Vytvořil jsem třístupňové řešení, které je mnohem atraktivnější než jeden monotónní odstavec.
Jak vidíte, začíná to velkým, odvážným „Ahoj“. Poté se přesune k hlavnímu úvodnímu odstavci, který je dostatečně velký, aby byl nadpisem, ale ne tak velký, že by konkuroval počáteční zprávě hello. Nakonec se zbytek podpůrného textu vrhne do menšího odstavce.
Kombinoval jsem to s přeformátováním celkového rozložení tak, aby bylo mnohem více ukotveno na levé straně. Využívá se tak vzorec „F“, který má mnoho čtenářů tendenci sledovat při procházení webu. Zde je obrázek:
Toto nové rozvržení je čisté, moderní a profesionální, a přitom se Katy stále jeví jako druh přátelské osoby, se kterou byste byli nadšeni, že s ní budete pracovat.
Další stránky
Další stránky na webu by mohly použít podobnou opravu. Některé z nich jsou čistým textem s některými stejnými problémy jako odstavec na domovské stránce. Doporučuji doplnit některé z těchto stránek pěknou, velkou fotografií, aby věci zůstaly zajímavé.
Vezměte také lekci textové diferenciace shora a aplikujte ji na tyto podpůrné stránky: Větší, odvážnější nadpisy a jasně odstupňovaná komunikace, která klade důraz na nejdůležitější aspekty zprávy.
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.