Príklady dobrého UX dizajnu | Konečný sprievodca UX #16

Odkiaľ čerpať inšpiráciu v práci UX dizajnéra? Ako rozlíšiť dobré UX dizajny od zlých? Dnes sa budeme zaoberať týmito a mnohými ďalšími otázkami týkajúcimi sa dobrého UX dizajnu, ako aj ukážeme niektoré rozhrania, ktoré predstavujú vysokú úroveň v oblasti UX. Dúfame, že nájdete inšpiráciu v príkladoch, ktoré prezentujeme.

Príklady dobrého UX dizajnu – obsah:

1. Odkiaľ získať inšpiráciu na dizajn?
2. Ako rozpoznať dobrý UX dizajn
3. Príklad dobrého UX dizajnu – Google
4. Príklad dobrého UX dizajnu – Apple
5. Príklad dobrého UX dizajnu – Airbnb

Odkiaľ získať inšpiráciu na dizajn?

Odvetvie UX je v súčasnosti rýchlo rastúce a dynamicky sa mení. Jednou z povinností dobrého UX dizajnéra je sledovať aktuálne trendy, byť v obraze o meniacich sa technológiách a hľadať inšpiráciu od lídrov v odvetví. Dizajnér, ktorý sa týmto aktivitám vyhýba – jednoducho sa nerozvíja. Odvetvie UX si vyžaduje neustály záujem, prieskum, hľadanie inšpirácie a nové výskumné alebo dizajnérske metódy, porovnávanie, ako aj implementáciu inovácií.

Ako sa inšpirovať? Mnohí ľudia odporúčajú známe portály pre dizajnérov ako Dribble alebo Behance. Je tu jedna vec, na ktorú si treba dávať pozor. Na týchto portáloch nájdete obrovské množstvo prípadových štúdií projektov z rôznych odvetví, vytvorených dizajnérmi z celého sveta. Uvidíte rôzne pohľady, ale pamätajte, že ktokoľvek, kto si tam vytvorí účet, môže zverejniť svoje projekty. Mnohé z nich sú nekomerčné projekty, vytvorené “do zásuvky” ako súčasť UX kurzu alebo nezávisle ľuďmi, ktorí nepracujú ako UX dizajnéri – a sú napríklad len v procese učenia.

V takýchto projektoch je často zameranie na vizuálnu časť – UI, a samotný UX je ponechaný na vedľajšej koľaji. Chýba výskum, obchodné požiadavky, definícia problému, účel celého procesu alebo potreby používateľov, čo robí projekt vizuálne príťažlivým, ale nie nevyhnutne dobre premysleným a podloženým výskumom a dátami. Takže je ťažké hovoriť o dobrej inšpirácii pre UX dizajnéra. Veľa cennejšieho obsahu môžeme nájsť v prípade štúdií od známych UX agentúr alebo dokonca na webových stránkach spoločností, ktoré sú považované za lídrov v oblasti používateľskej skúsenosti. Nižšie sa pozrieme na niektoré z nich bližšie.

Ako rozpoznať dobrý UX dizajn

Napokon, bohatstvo internetu umožňuje čerpať inšpiráciu z mnohých zdrojov (vrátane Dribble alebo Behance – ich úplne nepopierame). Ako sme už viackrát napísali – základnou charakteristikou dobrého dizajnéra je schopnosť vykonávať výskum a vyvodiť závery. To sa dá preložiť aj do schopnosti hľadať inšpiráciu na dizajn. Ale čo by mal projekt, ktorý môže byť klasifikovaný ako dobrý z hľadiska používateľskej skúsenosti, prezentovať?

1. Predovšetkým by mal obsahovať prípadovú štúdiu, ktorá predstaví údaje z výskumu, problém používateľa, obchodné ciele a KPI – metriky, ktoré umožnia skontrolovať, či projekt, po implementácii, dosahuje predpokladaný “úspech“.

Príklad: Vezmime si obchod s elektronikou. Problémom je vysoký počet opustení nákupného košíka používateľmi. Cieľom projektu bude zistiť príčinu tohto správania a vyriešiť tento problém.

Po analýze údajov z Google Analytics a hotjar a vykonaní prieskumov s používateľmi sa ukazuje, že ich najväčším problémom je nedostupnosť vybraného tovaru – čo zistia až v nákupnom košíku, keď chcú dokončiť objednávku produktu. Projekt si samozrejme vyžaduje rozsiahlejšiu analýzu, výskum spolu so zmenami vo funkčnosti rozhrania. Je ľahké dedukovať, že tu bude faktor merania úspechu po implementácii pokles počtu opustení nákupného košíka a zvýšenie konverzií na stránke (ľudia navštevujúci stránku vs. ľudia, ktorí uskutočnili nákup).

Tu máme jasne definovaný problém – ako z pohľadu podnikania, tak aj z pohľadu používateľa, máme cieľ a stanovené opatrenia úspechu.

2. Samozrejme, len vykonanie výskumu správnym spôsobom nestačí – ich analýza a výsledky musia byť preložené do konečného dizajnu rozhrania. Preto počas prípadovej štúdie venujeme veľkú pozornosť tomu, či dizajn spĺňa potreby používateľov a rieši dizajnový problém.
3. Dizajn, ktorý je dobrý z hľadiska UX, je samozrejme aj dizajn, ktorý spĺňa požiadavky stanovené Nielsenovými heuristikami použiteľnosti. Tieto sme už podrobne opísali v samostatnom článku. Heuristiky sú univerzálne princípy, ktoré sú základnou technikou na analýzu rozhraní z hľadiska použiteľnosti. Dodržiavaním týchto princípov dizajnér plne optimalizuje vzhľad aj výkon stránky.

Samozrejme, vykonávanie komplexného výskumu, ako aj pestovanie a rozvoj UX na vysokej úrovni si vyžaduje veľa peňazí, ako aj času, a skúsený tím odborníkov na UX a UI, vývojárov, analytikov a manažérov. Nie je prekvapením, že veľmi dobrý UX môžu mať veľké, medzinárodné technologické spoločnosti – ako Google a Apple.

Príklad dobrého UX dizajnu – Google

Google, ktorý je na trhu od roku 1998, je určite skvelým príkladom toho, ako môže vyzerať dobrý UX. Vyhľadávač Google je jedným z najjednoduchších nástrojov dostupných na webe. Jeho fungovanie je intuitívne a nespôsobuje problémy priemernému používateľovi internetu. Spĺňa požiadavky vyplývajúce z Nielsenových heuristík – je jednoduchý, čistý, jasný a estetický. Neobsahuje zbytočné odkazy, tlačidlá ani bannery. Je okamžite jasné, ako sa orientovať. Čo je viac, na prvý pohľad vidíte, na čo slúži – vyhľadávanie.

Okrem toho vyhľadávač zobrazuje nedávno hľadané výrazy, navrhuje súvisiace vyhľadávania a opravuje nás v prípade preklepu vo fráze, ktorú sme zadali nesprávne. Takže reaguje na potreby používateľov a robí celý proces vyhľadávania pre nich čo najjednoduchší.

Príklad dobrého UX dizajnu – Apple

Webová stránka Apple nie je len krásny dizajn, ale aj starostlivo vyvinutý UX. Stránka má veľmi jednoduchú, intuitívnu navigáciu. Navigačná lišta obsahuje nielen názvy kategórií, ale aj malé obrázky produktov, čo umožňuje rýchlo sa orientovať na stránke. Jazyk použitý na stránke je jednoduchý, ale kreatívny. Bez zbytočného popisu prezentuje konkrétnu hodnotu daného produktu pre používateľa.

Stránka tiež umožňuje porovnávať produkty v kategórii, aby ste si starostlivo vybrali ten, ktorý vyhovuje vašim potrebám. Apple kladie veľký dôraz na inovatívny, ale minimalistický UI – teda vzhľad a estetiku stránky – čo, ako si pamätáme, je tiež jednou z Nielsenových heuristík, ovplyvňujúcich vnímanie stránky používateľom a ich skúsenosť s produktom.

Zaujímavé je, že Apple zdieľa osvedčené postupy dizajnu na svojej stránke a poskytuje sťahovateľné makety, vzdelávacie materiály a tiež Pravidlá ľudskej interakcie.

Príklad dobrého UX dizajnu – Airbnb

Od svojho vzniku v roku 2008 sa Airbnb (platforma na prenájom ubytovania od súkromných osôb) teší veľkej obľube medzi používateľmi – jedným z hlavných dôvodov je, samozrejme, jeho dobre navrhnutý UX.

Domovská stránka je prehľadná a jasná. Uprostred vidíte vyhľadávacie pole – známe každému, ak len z vyhľadávania Google. Takže ide o použitie dobrého vzoru, už používateľom známeho, čo robí stránku intuitívnou a nikto sa nebude cítiť stratený. Ďalšou charakteristikou dobrej UX praxe na Airbnb je zobrazenie mapy s viditeľnými cenami vedľa zoznamu hľadaných miest. Airbnb umožňuje získať všetky kľúčové informácie na jednom mieste – umiestnenie domu na mape, cenu, jeho fotografie spolu s jeho názvom.

Stránka tiež pristupuje k obsahu skvele – UX písanie je na veľmi vysokej úrovni a sprostredkúva dôležité informácie jednoduchým spôsobom. Príkladom je text “ešte vám nebude účtovaná” v čase počiatočnej rezervácie – používateľ dostáva jasnú správu, že platba nebude účtovaná, kým nebude rezervácia potvrdená.

Airbnb, podobne ako Apple, zdieľa osvedčené postupy, zaujímavé prípadové štúdie a novinky zo sveta dizajnu na svojej webovej stránke.

Ak sa vám náš obsah páči, pridajte sa k našej komunite usilovných včiel na Facebooku, Twitteri, LinkedIn, Instagrame, YouTube, Pintereste.