Kritérium webového designu č. 45: Optimalizovaná kabelová společnost
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í web je Optimization-World.com, domov společnosti Optimized Cable Company.
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 společnosti Optimized Cable Company
Každý kabel prodávaný v Optimized Cable Company je zaručen po celou dobu životnosti. Pokud váš kabel někdy selže, jednoduše nám jej vraťte pro bezproblémovou výměnu. Jsme hrdí na to, že nabízíme kvalitní kabely za velmi příznivé ceny. Neplaťte za kabely v obchodních domech příliš. Objednejte si u nás a využijte speciální zásilky zdarma. My nikl-n-desetník vás. Cena, kterou vidíte, je cena, kterou zaplatíte.
Zde je část domovské stránky:
Počáteční dojem
V práci je však několik dobrých nápadů. Celkově však design velmi dobře odráží něco, co by bylo asi před deseti lety docela běžné. Trendy v oblasti webového designu si zaslouží pozornost, když se chystáte navrhnout web. Ne tak můžete vytrhnout myšlenky druhých, ale zajistit, aby se váš finální produkt cítil moderní a relevantní.
Jako designéři je pro nás příliš snadné uvíznout v tom, jak přistupujeme k projektu. Negativním důsledkem je, že se svět mění, zatímco zůstáváme stejné. Mít web, který je zastaralý, je obzvláště nebezpečný pro internetové obchody, protože se může přímo vztahovat k nižším prodejům. Návštěvníci se zastaví a najednou si nejsou jisti, zda je web bezpečným místem pro utrácení peněz. Je to legitimní společnost, která bude chránit informace o mé kreditní kartě? Nebo je zabezpečení jejich stránek zastaralé? V tomto případě bych se mohl přesunout na Best Buy bez ohledu na cenu a kvalitu produktů jen proto, že se web cítí bezpečněji.
Je pravda, že je těžké určit přesně to, co odlišuje moderní design od zastaralého, takže dnes se projdeme a uvidíme, zda dokážeme zjistit, které aspekty přímo ovlivňují naše dojmy ohledně časového období.
Záhlaví
První věc, která nás upoutá, je logo. Je to silně lesklý prvek, který se cítí jako z počátku webového období 2.0. Lesk může stále fungovat v mnoha webových designech, pokud bude proveden správně, ale zde se tento konkrétní prvek cítí na místě. Tomuto vzhledu a dojmu se na stránce téměř nic nezhoduje, včetně textu na logu, který se cítí spíš jako něco z reklamy na veterán (více zmatení časového období).
Dále přejdeme na žlutý gradient. Tato barva skutečně porušuje schéma zbytku webu. Obchodníkům se to líbí, protože to vyniká, ale z hlediska designu se cítí všechno špatně. Barvy, které doplňují, mohou vyniknout a upozornit bez střetu. Dále, i bez ohledu na zbytek webu, je žlutý gradient další věcí, která neodráží aktuální trendy.
Chcete-li vidět, co tím myslím, pojďme porovnat přepravní banner na výše uvedené stránce se stejným prvkem na webu Staples.
Z toho se můžeme hodně naučit. Za prvé, rozvržení je mnohem prostornější a prostornější, vše není napěchováno tak těsně. Vidíme také několik silných zarovnání doleva na rozdíl od relativně slabých zarovnání středů. Všimněte si, že klíč je zde jemně. Z tenkých čar jsou vytvořeny přechody a dokonce i textury, které vidíme na webu Optimized. Na webu Staples jsou však tyto prvky mnohem utlumené. Jak přechody, tak i čáry lze snadno vynechat, pokud nevěnujete pozornost, což znamená, že zvyšují estetiku bez rozptylování.
Barvy a textury
Když se pohybujeme dolů po stránce, můžeme si představit, že barvy a textury hrají velkou roli v dojmu časového období. Na obrázku níže vidíme toto ve hře spolu se silným použitím tvrdých rohů s černými tahy jednoho pixelu, které je ohraničují. To vytváří dojem, že mi připomíná nějakou práci, kterou jsem pro klienta jednou udělal v CMS s názvem Plone.
Znovu to porovnejme s některými ošetřeními, které vidíme v podobné oblasti webu hlavního konkurenta. Následující obrázek ukazuje boční panel z domovské stránky Radio Shack. Tato společnost není přesně dokonalým obrazem moderních obchodních praktik, ale snaží se udržet vzhled svých stránek svěží a relevantní.
Fotografie a text
Spolu s grafickými prvky na stránce musíte také sledovat, jak strukturujete úpravy obrázků. Na fotografii níže opravdu není žádná dobrá oblast plné barev, na kterou by bylo možné umístit text, takže text dostal nepříjemné stínové ošetření stínů, které mu pomohlo vyniknout.
Někdy máte fotku, která s textem opravdu nebude fungovat. Namísto pokusu o spojení dvou dohromady, když to prostě nefunguje, zvažte alternativní cestu. Máme celý článek věnovaný Designing with Photos, který sdílí některé úžasné triky, jak kombinovat text a fotografii atraktivním a čitelným způsobem.
Text a loga
Poslední část této stránky, kterou chci oslovit, je zobrazena na obrázku níže. Zde máme celou řadu log, z nichž některá jsou pravděpodobně nezbytná, ale rozhodně nejsem přesvědčen, že tam všichni musí být. Akreditace od BBB je dobrá, ale musím opravdu vědět, že web používá americkou poštovní službu? Je to docela samozřejmé, že pokud si koupím produkt online, bude mi to nějak odesláno a většina z nás považuje poštovní službu USA za „běžnou starou poštu“.
Dále by loga kreditních karet mohla být pravděpodobně přesunuta na platební stránku. Většina spotřebitelů, kteří jsou dostatečně pohodlní k provedení online nákupu, bude předpokládat, že berete hlavní kreditní karty.
Nakonec přijde obrovský blok jednotného textu. Neexistují žádné záhlaví, ikony, diferencované úpravy textu (kromě odkazů) nebo jiné triky, které se používají k rozbití a zvýšení jeho čitelnosti. Na první pohled ani nevím, o čem je tento kus textu, tak proč bych si jej přečetl několik minut?
Ve webovém designu jednoduše nemůžete očekávat, že se návštěvníci potýkají s kusem čistého textu, jako je tento. Jeden ze sta návštěvníků by mohl projít prvním odstavcem, ale to je optimistické. Znamená to, že na webové stránce nemůžete mít hodně textu? Rozhodně ne. Musíte se jen naučit rozdělit je na smysluplné a zvládnutelné kousky, které lze rychle vyhledat a získat relevantní informace.
Designéři v MailChimp jsou v tomto ohledu hvězdní a při diskusi na toto téma vždy odkazuji na jejich práci. Jejich poslední řešení pro redesign webu má stránku s funkcemi, která je plná textu, ale podívejte se, jak se s ní vypořádaly:
Zde jsou použita silná záhlaví, krátké bloky textu a obrázků, které naznačují obsah, aby byl celý obsah snadno stravitelný.
Doporučení
Abychom tento web přivedli do roku 2011, doporučujeme, aby designéři důkladně prozkoumali jiné webové stránky, a to jak ve svém oboru, tak mimo něj (naše Design Gallery byla vytvořena přesně pro tento účel). Prozkoumejte více toho, co odlišuje moderní weby od trendů a taktik viděných na optimalizovaném webu.
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.
