UX, UI a další podivné pojmy

Pravděpodobně u mě často slýcháte termín UX a někteří z vás možná úplně nevědí, co přesně to znamená, nebo co všechno sem spadá. UX je zkratkou anglického spojení User eXperience, což v překladu znamená uživatelská přívětivost/ zkušenost. Spousta lidí se mylně domnívá, že termín UX souvisí pouze s tvorbou webu. To ale není pravda. Uživatelská přívětivost vyjadřuje, jaký je prožitek uživatele spojený s užíváním jakéhokoliv produktu. A úkolem UX designera pak je, udělat produkt co nejlépe použitelným.

Rozdíl mezi UX a UI

Často dochází k záměně s termínem uživatelské rozhraní (UI). Jedná se vlastně o podmnožinu uživatelské přívětivosti, přičemž UI vyjadřuje prostředí, ve kterém uživatel s produktem interaguje (což může být právě konkrétní webová stránka) Uživatelská přívětivost je daleko širší termín, který vlastně zahrnuje veškeré vaše emoce spojené s použitím daného produktu. Ve zkratce, UI se zabývá tím, jak produkt vypadá a UX tím, jak produkt funguje.

Pro lepší představu si to můžeme uvést na příkladu. Nejprve možná na fyzickém produktu, abyste skutečně pochopili jádro pudla. Mrkněte na láhev kečupu na obrázku níže. Jak myslíte, že vznikla obrácená varianta? Někdo se zajímal o to, jaké mají zákazníci s použitím produktu problémy a chtěl jim užití co nejvíce zjednodušit a zpříjemnit. A ten někdo byl UX designer!

UX vs. UI příklad kečup

A teď zpátky do světa onlinu…..jistě všichni znáte službu rohlik.cz. U této služby tvoří uživatelské rozhraní (UI) webová aplikace, přes kterou si můžete nákup objednat. Uživatelská přívětivost (UX) pak jde za hranice webu a vztahuje se na celkovou zkušenost s online nákupem a pokrývá například tyto atributy:

Kolik času mi celý nákup zabral?
Fungovaly webové stránky dobře?
Byl nákup na webu intuitivní?
Je nabídka na webu dostatečně široká?
Bylo obtížné hledat/ filtrovat?
Mohu si vybrat způsob platby? Doručení?
Jak a kdy mi bude nákup doručen?
….

Jak vidíte, tak je UX poměrně komplexní “věda”, která používá poznatky z mnoha oborů, jako je třeba psychologie, sociologie, antropologie, informatika, marketingový výzkum apod.

Úloha UI a UX designera

Proč je UX důležité

Tady jen pro představu pár statistik z webu uxcam.com, které vám napoví, proč je UX důležité

Pouze 1 z 26 zákazníků si v případě nespokojenosti stěžuje. Absence negativní zpětné vazby tedy neznamená spokojenost. 91% nespokojených zákazníků prostě jen odejde.
PWC zjistilo, že 32% zákazníků by opustilo svou oblíbenou značku již po jedné špatné zkušenosti.
V roce 2018 bylo 21% všech mobilních aplikací využito pouze jednou.
90% uživatelů přestalo používat mobilní aplikaci kvůli špatnému výkonu.
Pouze 1% uživatelů tvrdí, že stránky online obchodů vždy splní jejich očekávání.
88% uživatelů by nevyplnilo webový formulář, který vyžaduje příliš mnoho osobních informací.

UX design proces

Co je tedy přesně úkolem UX designera? Udělat produkt co nejlépe použitelným, tak aby byl zákazník spokojen s každým aspektem jeho použití. V reálu pak celý proces probíhá zpravidla takto:

1. Uživatelský průzkum

V první fázi probíhá výzkum trhu, který zahrnuje především analýzu konkurence a rozhovory se zástupci cílové skupiny. Dává to logiku, pokud je našim hlavním cílem uspokojit zákazníky, musíme nejprve zjistit, jaké jsou jejich potřeby. Ptáme se například na to, jaký problém má výrobek v životě spotřebitele vyřešit, jaké má mít vlastnosti, jak a kdy jej používají atd.

2. Tvorba person

Během výzkumu zpravidla zjistíme, že různí lidé, mohou od stejného produktu očekávat trochu jiné vlastnosti, případně jej třeba používají rozdílným způsobem. Proto je dobré rozdělit cílovou skupinu podle těchto odlišností do menších skupinek a vytvořit tzv. Persony. Ideální počet person je 2-5, přičemž každá z nich představuje reprezentanta určité podskupiny. V dalších fázích potom budeme konečnou podobu produktu upravovat pro jednotlivé persony.

3. Tvorba wireframe

V této fázi UX designeři mapují cestu uživatele při použití produktu, k čemuž často využívají vývojové diagramy. Pokud je součástí produktu/ služby webová stránka, dochází také ke tvorbě wireframe, což je to ve zkratce vizuální model toho, jak bude web fungovat.

Wirefame

4. Vývoj prototypu a testování

Teď když už je jasné, jak bude produkt/ služba fungovat, dochází k sestavení prototypu, na kterém můžeme provést testování, abychom vychytali případné mouchy dříve, než do vývoje finálního produktu investujeme svou pověst a veškeré životní úspory. Z mé zkušenosti je dokonce potřeba zrealizovat i několik testovacích kol, než je projekt připraven.

Jak zapadá UX do celého procesu vývoje produktu?