Pokud jde o návrh skutečně intuitivní, citlivé a koherentní webové stránky, která je také jedinečná a zajímavá, často se zdá, že je obtížné sladit tyto dva priority. Ale ve skutečnosti nic není dále od pravdy: existuje jen několik základních myšlenek, které je třeba použít, aby bylo možné snadno vybírat ty nejlepší návrhy.

Nejdůležitější z těchto konceptů je, že krásné, použitelné konstrukce nejsou obtížné provést, když je UX upřednostňován a design je přizpůsoben. Koneckonců povaha uživatelské zkušenosti diktuje, že existují určitá nepružná pravidla, zatímco design je téměř nekonečně flexibilní. Jakmile se naučíte způsoby a prostředky, kterými byste měli přizpůsobit své návrhy, měli byste se na vaší cestě obrátit bitvu na mírovou smlouvu.

Chybí chyba uživatele; zmenšit podráždění uživatele

Vždy zvažte, co se může stát, kdyby se uživatel na vaší webové stránce zbloudil. Chybové zprávy by neměly být zakryty v technickém žargonu, ale spíše by měly poskytnout vysvětlení, co by mohlo být, a případně kde by měly jít získat pomoc. Vyvažte tyto úvahy s tím, co by mohlo být na vaší straně vylepšeno. Bez ohledu na to, jak krásné místo může být, pokud to trvá příliš dlouho na načtení, není to za to úsilí. Odborníci tvrdí, že pokud webová stránka zabere více než 3 sekundy, musí být zjednodušena.

Udržujte formuláře co možná nejkratší a nejsilnější; pokud informace nejsou nutné, neptejte se na to. Pokud ještě nemáte, zvážit nabízení volitelného přihlášení prostřednictvím služby Facebook nebo Twitter; stránky, které nabízejí, často zjišťují, že jejich míry konverze rostou, protože uživatel to považuje za pohodlnější, a proto je větší pravděpodobnost, že se časem zaregistruje. Kromě toho se ujistěte, že zbytek vašeho webu má integrovanou sociální mediální prezentaci, která není v rozporu s vašim designem, ani je příliš silná, ale je také snadno identifikovatelná, jako je Práce na Play webová stránka. Malé přírůstky jako je to, co se přidávají do kumulativního zefektivnění uživatelské zkušenosti.

Za tímto účelem je důležité mít na paměti několik standardů, které by měly zůstat ve všech typech webových stránek poměrně konzistentní.

Zachovat webové standardy

Některé běžné prvky webu, například odkazy na zápatí nebo vyhledávací panel, mohou aktivně trpět nadměrnou kreativitou. Zatímco v mnoha z těchto prvků je prostor pro originálnost, je důležité je udržovat ve víceméně stejné podobě, jakou vidíte na všech ostatních stránkách, protože jsou dostatečně všudypřítomné, aby uživatelé očekávali, že budou prezentovány určitým způsobem . Postupujte podle následujících pokynů:

  • Ujistěte se, že oblasti, na které lze kliknout, jsou okamžitě identifikovatelné (například odkazy jsou zapnuté tato stránka ) a jsou dostatečně velké, aby se mohly snadno aktivovat;
  • Rozdělit bloky textu s obrázky a jinou vizuální stimulací;
  • Použití strouhanka případně;
  • Zkuste vyhnout se šíření stejného článku nebo vyhledávání produktů na více stránkách;
  • Využijte snadné vyhledávání a používání kontaktních informací, častých dotazů, vyhledávacího panelu a dalších standardních funkcí.

Ačkoli Grip Limited webová stránka je okouzlující a vzrušující, je také neuvěřitelně matoucí. Zatímco je vysvětlení, jak přetáhnout sloupce a odhalit obsah, je ztracen v míchání jiné typografie. Tradiční menu je přístupné, ale pouze v případě, že vypíšete malý drop-down. Je to tak cool design webu, že někteří uživatelé by se nestarali, jak obtížné je používat, ale mnoho dalších by bylo odloženo. Pokud by ale místo zahrnovalo výše uvedené návrhy do svého designu, mohlo by stále udržovat svůj chladný faktor a poskytovat dobrý UX.

Například, ačkoli Comic Soda jiné prvky návrhu webových stránek jsou docela rušivé, uživatel je stále snadno schopen najít vyhledávací lištu; je označování a pozice dostatečně jasné, že zmatenost je minimalizována. Tato malá podání na zmatek uživatelů jsou tím, co dělají všechny rozdíly.

Kde nakreslit linku

Existují další pravidla UX, která mohou být ohnutá, ale neporušená. Ale v jakém okamžiku jde návrhář příliš daleko? Navigační prvky jsou dobrým příkladem práce, protože každá stránka má nějakou formu. Obvykle jsou uspořádány jedním ze dvou způsobů:

  • Horizontálně v horní části stránky; to umožňuje prostorný pohled na krátké seznamy;
  • Vertikálně podél levé strany stránky; toto uspořádání může obsahovat delší seznamy.

Existují však i jiné styly a systémy navigace, které mohou fungovat, pokud jsou používány pečlivě a zamyšleně. Například, portfolia má navigační seznam, který zaujímá většinu stránky a každé slovo je částečně zakryté. Dále prvky nezůstanou stacionární; rozbalují a oddělují, aby zobrazovaly obsah v každé sekci. Všechny tyto rozkvěty by se mohly spojit, aby se vytvořil mátlý systém, který by uživatelovi rychle uškodil. Návrh se ale vyhýbá problémům, protože je tak jednoduchý; slova jsou stále čitelná; rozbalovací nabídky mají tak malé množství informací, že zbytek navigačního seznamu není v nebezpečí ztráty. Celkově je to odvážně odlišný systém, který se těsně vyhýbá problémům.

Na druhé straně linky je koncept, který byl označován jako tajemství masové navigace, ve kterém estetické úvahy návrhu zcela přemoci použitelnost. V případě Webové stránky FlatPak, navigace musí být převrácena, aby četla, o čem se to týká; což je hrozná použitelnost, která by nikdy neměla být napodobována.

Znalost versus funkčnost

V mnoha ohledech se skutečná bitva současného návrhu webových stránek zdá být mezi čerstvými novými myšlenkami, které přispívají k méně intuitivní interakci, a starými starými praktikami, které nemusí být nejlepším řešením, ale jsou to, na co jsou uživatelé zvyklí. Příklad tohoto problému často vzniká, když zvážíte skejomorfní konstrukci; což je styl, který napodobuje předchůdce položky, která byla vyrobena v jiném médiu.

Tento druh designu se stane po celou dobu na webu, z vaší stolní kalkulačky, která vypadá a funguje jako její protějšek v reálném životě, ke knoflíkům na webových stránkách, které mají realistický efekt drop-shadow a zkosení. To má smysl k určitému bodu, protože znalost těchto návrhů umožňuje uživatelům pocit, že je bezproblémově využívá. Nejsou však nutně nejlepší řešení, protože jsou neuvěřitelně omezující.

Střet mezi těmito dvěma prioritami může být ilustrován realistickou technologií "page turn" společnosti Apple, která se používá pro digitální čtení. Je to přitažlivý nápad, protože to dělá zkušenost cítit trochu víc jako obrácení fyzické, papírové stránky, něco, co uživatelé mohou najít uklidňující známé. I přes to spíše směšné délky společnost se vydala, aby vytvořila tento efekt, to zhoršuje zkušenosti uživatele. Na načítání trvá déle než delší dobu a klepnutí na stránku je obtížnějším pohybem, aby bylo možné provést jednoduchý tisk. nežádoucí pohyb může poslat uživatele špatným způsobem.

Použijte zřetelnou konverzní cestu

Pokud pracujete na složitém webu s mnoha navigačními cestami, je velmi důležité umožnit uživateli, aby se logicky pohyboval přes web a informoval je o tom, kde se nacházejí v souboru Sitemap jako celku. To je místo, kde se hodí škrty a další navigační zařízení. Obávané fialové výchozí odkazy se nemusí používat k zobrazení uživatele, který již navštívil. existuje spousta dalších atraktivnějších řešení, která dosahují stejného účinku.

Webové stránky elektronického obchodování jsou většinou ty, které se dostanou na trh kvůli špatně koncipovaným konverzním kanálům, ale existuje spousta skvělých příkladů z krásně navržených webových obchodů optimalizovaných pro UX. Vezměte například Ovoce tkáně web, který má čisté, přátelské rozhraní, které je ještě logicky vytvořeno. Není to ani výsledek přizpůsobeného a komplikovaného vývojového prostředí; web byl vytvořen pomocí jednoduchého Amazon elektronického softwaru, které by mohl každý malý podnik využít.

Uchovávejte skenování a přidejte vizuální zájem

Mějte na paměti, že lidé čtou webové stránky jiným způsobem než tisková média. Studie sledování očí ukazují, že uživatelé webu vynechávají celou stránku (nejprve se soustředí na obsah v levém horním rohu) a hledají zajímavé prvky, jako jsou titulky, pull-quotes nebo obrázky. Pak se ponoří do sekcí, které vypadají zajímavě. Je důležité navrhnout takový způsob myšlení a ujistěte se, že používáte vizuální hierarchii, která řídí uživatele, kam chcete, aby jeli.

The Prosperujte Solo blog má spoustu obsahu, ale zachovává prostorný a zajímavý vzhled tím, že používá spoustu bílého místa, velkých obrázků, ikon a různorodých písem. Velké, soustředěné tituly jsou zvláště vhodné pro skenování diváků.

Sečteno a podtrženo

Zatímco estetika webu vytváří první dojem, funkčnost je tím, co dává uživateli trvalý zážitek, o němž se snad bude chtít vrátit. Neexistuje žádná situace, kdy by nebylo možné smířit úvahy o návrhu a funkčnosti; ve skutečnosti je to souhra mezi těmito dvěma prioritami, která nakonec vytváří ty nejlepší a nejpamátnější místa na webu.

Copak někdy kompromisujete použitelnost pro estetiku? Může design být dobrý bez použitelnosti? Dejte nám vědět své myšlenky v komentářích.

Doporučený snímek / náhled, funkční obraz přes Shutterstock.