logo
logo

Get in touch

Awesome Image Awesome Image
Marketingový slovník.

UX & UI .

UX (User Experience) a UI (User Interface) sú dva pojmy, ktoré sa takmer vždy spomínajú spolu, no označujú dve odlišné disciplíny, ktoré spolu úzko spolupracujú. Spoločne rozhodujú o tom, či návštevník na webe nakúpi a bude sa naň rád vracať, alebo z neho odíde ku konkurencii. UX je o tom, ako web funguje a ako sa pri tom človek cíti; UI je o tom, ako web vyzerá.

UX – User Experience (používateľská skúsenosť)

UX rieši logiku, prehľadnosť a celkový zážitok z používania webu alebo aplikácie. UX dizajnér sa pýta, či je pre používateľa jednoduché dosiahnuť svoj cieľ. Analyzuje správanie ľudí, navrhuje štruktúru webu, rozmiestnenie menu a cestu, ktorou zákazník prejde od prvého kliknutia až po dokončenie objednávky.

UI – User Interface (používateľské rozhranie)

UI rieši vizuálnu stránku produktu – farby, typografiu, štýl tlačidiel, ikony, obrázky a animácie. UI dizajnér berie kostru vytvorenú UX dizajnérom a vdýchne jej vizuálny život tak, aby web pôsobil moderne, dôveryhodne a ladil s identitou značky.

Predstavte si to na príklade auta alebo domu

UX možno prirovnať k pôdorysu domu alebo k tomu, ako sa auto vedie, teda k pohodliu, intuitívnosti ovládania a logike usporiadania. UI je naopak interiér, farba laku, tvar svetlometov či dizajn palubnej dosky, teda to, čo je vidieť na prvý pohľad. Auto s krásnym dizajnom, ale s volantom v kufri (zlé UX), by nikto nechcel šoférovať. Rovnako auto, ktoré síce jazdí dokonale, ale vyzerá ako hrdzavá krabica (zlé UI), by si málokto kúpil.

Príklad z praxe

Pri zlom UX si zákazník na e-shope chce kúpiť dámske topánky veľkosti 38, no filtrovanie nefunguje, košík je skrytý a registrácia má desať krokov, návštevník preto odíde ku konkurencii. Pri dobrom UX aj UI naopak zákazník zadá do vyhľadávania „zimná bunda“, systém mu hneď ukáže relevantné výsledky, filter na veľkosť funguje bleskovo a nákup dokončí na tri kliknutia, pričom celá stránka pôsobí moderne a dôveryhodne.

Prečo nemôže jedno fungovať bez druhého

V marketingu platí, že krása bez funkčnosti nepredáva a funkčnosť bez krásy nevzbudzuje dôveru. Krásny e-shop s mizerným UX odradí zákazníka zložitým nákupným procesom, zatiaľ čo funkčný web s hrozným UI pôsobí nedôveryhodne, aj keď je logicky bezchybný – zákazník sa napríklad bojí zadať číslo karty.

Hlavné výhody investície do kvalitného UX & UI

  • Vyšší konverzný pomer – jednoduchá cesta k nákupu (UX) v kombinácii s vizuálne lákavým dizajnom (UI) vedie k väčšiemu počtu dokončených objednávok.
  • Nižšia miera okamžitého odchodu (bounce rate) vďaka prehľadnosti a profesionálnemu vzhľadu.
  • Budovanie dôvery a lojality zákazníkov, ktorí sa radi vracajú tam, kde sa im nakupovalo príjemne.
  • Úspora nákladov na zákaznícku podporu, keďže intuitívny web si nevyžaduje časté vysvetľovanie základných krokov.
  • Konkurenčná výhoda – pri porovnateľnej ponuke si zákazník vyberie web, ktorý sa používa jednoduchšie a pôsobí dôveryhodnejšie.

Zhrnutie

UX a UI sú dve strany tej istej mince. UX je rozumom webu, UI je jeho tvárou. Iba ich spojením vzniká web, ktorý je nielen esteticky príjemný, ale aj jednoduchý a logický na používanie, čo sa priamo premieta do vyšších konverzií a spokojnosti zákazníkov.