Příklady dobrého UX designu | Konečný průvodce UX #16

Odkud čerpat inspiraci v práci UX designéra? Jak rozlišit dobré UX designy od špatných? Dnes se budeme zabývat těmito a mnoha dalšími otázkami týkajícími se dobrého UX designu a také ukážeme některé rozhraní, která představují vysokou úroveň v oblasti UX. Doufáme, že najdete inspiraci v příkladech, které představíme.

Příklady dobrého UX designu – obsah:

1. Odkud čerpat inspiraci pro design?
2. Jak rozpoznat dobrý UX design
3. Příklad dobrého UX designu – Google
4. Příklad dobrého UX designu – Apple
5. Příklad dobrého UX designu – Airbnb

Odkud čerpat inspiraci pro design?

Průmysl UX je v současnosti rychle rostoucí a dynamicky se měnící odvětví. Jednou z odpovědností dobrého UX designéra je sledovat aktuální trendy, být v obraze o měnící se technologii a hledat inspiraci u lídrů v oboru. Designer, který se těmto aktivitám vyhýbá – jednoduše se nevyvíjí. Průmysl UX vyžaduje neustálý zájem, zkoumání, hledání inspirace a nové výzkumné nebo designové metody, porovnávání a také implementaci inovací.

Jak se nechat inspirovat? Mnoho lidí doporučí známé portály pro designéry, jako jsou Dribble nebo Behance. Je tu jedna věc, na kterou je třeba dávat pozor. Na těchto portálech najdete obrovské množství případových studií projektů z různých odvětví, které vytvořili designéři z celého světa. Uvidíte různé úhly pohledu, ale pamatujte, že kdokoli, kdo si tam vytvoří účet, může zveřejnit své projekty. Mnoho z nich jsou nekomerční projekty, vytvořené “do šuplíku” v rámci UX kurzu nebo nezávisle lidmi, kteří nepracují jako UX designéři – a například se teprve učí.

V takových projektech je často zaměření na vizuální část – UI, a samotné UX je opomíjeno. Chybí výzkum, obchodní požadavky, definice problému, účel celého procesu nebo potřeby uživatelů, což znamená, že projekt může být vizuálně přitažlivý, ale nemusí být nutně dobře promyšlený a podložený výzkumem a daty. Takže je těžké mluvit o dobré inspiraci pro UX designéra. Daleko cennější obsah můžeme najít v případě studií od známých UX agentur nebo dokonce na webových stránkách společností, které jsou považovány za lídry v oblasti uživatelské zkušenosti. Na některé z nich se podíváme blíže níže.

Jak rozpoznat dobrý UX design

Vždyť bohatství internetu umožňuje čerpat inspiraci z mnoha zdrojů (včetně Dribble nebo Behance – ty zcela negujeme). Jak jsme již psali více než jednou – základní charakteristikou dobrého designéra je schopnost provádět výzkum a vyvozovat závěry. To lze také přeložit do schopnosti hledat inspiraci pro design. Ale co by měl projekt, který lze klasifikovat jako dobrý z hlediska uživatelské zkušenosti, představovat?

1. V první řadě by měl zahrnovat případovou studii, která představí data z výzkumu, uživatelský problém, obchodní cíle a KPI – metriky, které umožní zkontrolovat, zda projekt, jakmile bude implementován, dosahuje předpokládaného “úspěchu“.

Příklad: Vezměme si obchod s elektronikou. Problémem je vysoký počet opuštění košíků uživateli. Cílem projektu bude zjistit příčinu tohoto chování a vyřešit tento problém.

Po analýze dat z Google Analytics a hotjar a provedení průzkumů s uživateli se ukazuje, že jejich největším problémem je nedostupnost vybraného zboží – což zjistí až v nákupním košíku, když chtějí dokončit objednávku produktu. Projekt bude samozřejmě vyžadovat rozsáhlejší analýzu, výzkum spolu se změnami funkčnosti rozhraní. Je snadné odvodit, že zde bude faktorem měřícím úspěch po implementaci snížení počtu opuštění košíků a zvýšení konverzí na stránce (lidé navštěvující stránku vs. lidé provádějící nákup).

Zde máme jasně definovaný problém – jak z obchodního, tak z uživatelského hlediska, máme cíl a stanovené měřítka úspěchu.

2. Samotný výzkum provedený správným způsobem samozřejmě nestačí – jejich analýza a výsledky musí přejít do konečného designu rozhraní. Proto během případové studie věnujeme velkou pozornost tomu, zda design splňuje potřeby uživatelů a řeší designový problém.
3. Design, který je dobrý z hlediska UX, je také samozřejmě design, který splňuje požadavky stanovené Nielsenovými heuristikami použitelnosti. Již jsme je podrobně popsali v samostatném článku. Heuristiky jsou univerzální principy, které jsou základní technikou pro analýzu rozhraní z hlediska použitelnosti. Dodržováním těchto principů designér plně optimalizuje jak vzhled, tak výkon stránky.

Samozřejmě, provádění komplexního výzkumu, stejně jako pěstování a rozvoj UX na vysoké úrovni, vyžaduje spoustu peněz, času a také zkušený tým specialistů na UX a UI, vývojářů, analytiků a manažerů. Není překvapením, že velmi dobré UX mohou mít velké mezinárodní technologické společnosti – jako Google a Apple.

Příklad dobrého UX designu – Google

Google, který je na trhu od roku 1998, je určitě skvělým příkladem toho, jak může dobré UX vypadat. Google vyhledávač je jedním z nejjednodušších nástrojů dostupných na webu. Jeho provoz je intuitivní a nezpůsobuje problémy průměrnému uživateli internetu. Splňuje požadavky vyplývající z Nielsenových heuristik – je jednoduchý, čistý, jasný a estetický. Neobsahuje zbytečné odkazy, tlačítka nebo bannery. Okamžitě je jasné, jak se orientovat. Co víc, na první pohled vidíte, k čemu slouží – k vyhledávání.

Kromě toho vyhledávač zobrazuje nedávno hledané výrazy, navrhuje související hledání a opravuje nás v případě překlepu ve frázi, kterou jsme napsali špatně. Tak reaguje na potřeby uživatelů a činí celý proces vyhledávání co nejjednodušší pro ně.

Příklad dobrého UX designu – Apple

Webové stránky Apple nejsou jen krásným designem, ale také pečlivě vyvinutým UX. Stránka má velmi snadnou, intuitivní navigaci. Navigační lišta obsahuje nejen názvy kategorií, ale také malé obrázky produktů, což umožňuje rychlou orientaci na stránce. Jazyk použitý na stránce je jednoduchý, ale kreativní. Bez zbytečného popisu prezentuje konkrétní hodnotu daného produktu pro uživatele.

Stránka také umožňuje porovnávat produkty v kategorii, abyste si pečlivě vybrali ten, který vyhovuje vašim potřebám. Apple klade velký důraz na inovativní, ale minimalistické UI – tedy vzhled a estetiku stránky – což, jak si pamatujeme, je také jednou z Nielsenových heuristik, ovlivňující vnímání uživatele stránky a jeho zkušenost s produktem.

Zajímavé je, že Apple sdílí nejlepší designové praktiky na svých stránkách a poskytuje ke stažení makety, vzdělávací materiály a také Směrnice pro lidské rozhraní.

Příklad dobrého UX designu – Airbnb

Od svého vzniku v roce 2008 se Airbnb (platforma pro pronájem ubytování od soukromých osob) těší velké oblibě mezi uživateli – jedním z hlavních důvodů je samozřejmě jeho dobře navržené UX.

Domovská stránka je přehledná a jasná. Uprostřed vidíte vyhledávací pole – nativní pro každého, pokud jen z vyhledávání na Googlu. Tak je to využití dobrého vzoru, již známého uživatelům, což činí stránku intuitivní a nikdo se nebude cítit ztracený. Další charakteristikou dobré UX praxe na Airbnb je zobrazení mapy s viditelnými cenami vedle seznamu hledaných míst. Airbnb vám umožňuje získat všechny klíčové informace na jednom místě – umístění domu na mapě, cenu, jeho fotografie spolu s názvem.

Stránka také přistupuje k obsahu skvělým způsobem – UX psaní je na velmi vysoké úrovni a předává důležité informace jednoduchým způsobem. Příkladem je text “ještě nebudete účtováni” v době počáteční rezervace – uživatel dostává jasnou zprávu, že platba nebude účtována, dokud nebude rezervace potvrzena.

Airbnb, stejně jako Apple, sdílí nejlepší praktiky, zajímavé případové studie a novinky ze světa designu na svých webových stránkách.

Pokud se vám náš obsah líbí, připojte se k naší komunitě pilných včel na Facebooku, Twitteru, LinkedInu, Instagramu, YouTube, Pinterestu.