Aký je rozdiel medzi UX a UI, a prečo potrebujete na super web oboje

Na úvod

Ak vás zaujíma, čím sa odlišuje UX dizajn od UI dizajnu, nie ste rozhodne sami. Tieto termíny sú si totiž pomerne podobné a ľudia si ich medzi sebou často zamieňajú. V skutočnosti však opisujú veľmi odlišné veci.

UX je skratka pre user experience alebo „používateľský zážitok“. Cieľom UX dizajnu je vytvoriť produkt, ktorý bude pre používateľov jednoducho pochopiteľný a jeho používanie bude intuitívne.

UI je skratka pre user interface, „používateľské rozhranie.“ UI dizajn sa zameriava hlavne na vizuálne a interaktívne prvky, a snaží sa pre používateľov vytvoriť esteticky príjemné prostredie.

Používateľský zážitok sa môže vzťahovať na akýkoľvek druh produktu alebo služby, používateľské rozhranie je špecifické pre digitálny svet. Aby to bolo všetko úplne jasné, pozrieme sa na UX i UI dizajn ešte podrobnejšie.

Čo rieši UX dizajn

Pre UX je používateľ na prvom mieste. Sústredí sa hlavne na to, aby sa ľudia dokázali na webovej stránke zorientovať, vedeli, na čo majú kliknúť, a jednoducho našli, čo potrebujú.

Úlohou UX dizajnérov je pochopiť potreby a pocity používateľov počas používania webu a navrhnúť zodpovedajúce riešenia. To sa samozrejme nezaobíde bez niekoľkých kôl používateľských výskumov, prototypovania, testovania a vylepšovania návrhov na základe spätnej väzby od používateľov.

Výsledkom je potom web, ktorý je nielen funkčný, ale aj používateľsky príjemný a jednoducho použiteľný. Takýto web sa však nezaobíde bez atraktívneho vzhľadu, ktorý upúta a udrží pozornosť.

Čo rieši UI dizajn

UI je vlastne akási špecializovaná podmnožina UX, pretože pútavý vzhľad hrá významnú úlohu v tom, ako ľudí váš web pôsobí. Rôzne farby a tvary vyvolávajú v ľuďoch rôzne pocity.

Farebné kombinácie z webu Coolors, ktoré sú momentálne v kurze.

UI dizajnéri majú odborné znalosti grafického dizajnu a typografie, ale zameriavajú sa najmä na prístupnosť a responzívny dizajn. Neriešia teda len to, ako webové stránky vyzerajú, ale aj ako sa správajú. 

Majú pod palcom všetko od farebných schém a výberu písma až po štýly tlačidiel, funkcie posúvania, animácie a ďalšie dôležité detaily, ktoré dopĺňajú používateľský zážitok.

UI sa sústredí najmä na pozitívny zážitok používateľa a jeho cieľom je vytvoriť web, ktorý sa všetkým ľuďom ľahko používa a je zároveň estetický. To by však nešlo bez predchádzajúcich výskumov UX.

Ako fungujú rôzne kombinácie farieb si môžete vyskúšať sami pomocou interaktívnych nástrojov, ako napríklad Figma Color Wheel, Canva alebo Coolors.

Ako sa UX a UI dopĺňajú

Obe disciplíny vyžadujú, aby sa dizajnéri vcítili do konečného používateľa a zamysleli sa nad tým, ako bude web používať. Pri vývoji webu je UX dizajn zvyčajne na prvom mieste a UI ho nasleduje.

UX dizajnér uvažuje o celej ceste používateľa k riešeniu konkrétneho problému – ako sa človek na stránke pohybuje, aké úlohy musí splniť, a či mu bude hneď všetko jasné. Potom vznikne wireframe so základným rozvrhnutím webu.

Keď je kostra webu hotová, prichádza na rad UI dizajnér, ktorý mu vdýchne život. Zohľadní všetky vizuálne aspekty, s ktorými sa používateľ môže v priebehu svojej cesty stretnúť – vrátane klikania na tlačidlá, posúvania stránky nadol alebo prezeranie galérie obrázkov.

Zatiaľ, čo UX dizajnér popíše cestu, UI dizajnér ladí všetky detaily, ktoré túto cestu umožňujú. Tu je potrebné zdôrazniť, že dizajn používateľského rozhrania nie je len o vzhľade.

UI návrhári majú obrovský vplyv na fungovanie webu aj jeho prístupnosť všetkým a inkluzivitu. UI napríklad rieši, ako zvýšiť kontrast a zlepšiť čitateľnosť textu pomocou rôznych farebných kombinácií, ktoré budú vyhovovať aj farboslepým ľuďom.

Ako zistíte, že to funguje

Spravte si vlastný používateľský prieskum. Poproste svojich známych, aby si váš web otvorili a povedali vám, ako sa im s ním pracovalo, čo im chvíľu trvalo pochopiť a podobne. Môžete im dať aj konkrétnu úlohu: napríklad vložiť produkt do košíka alebo nájsť určitú informáciu.

Spýtajte sa ich na to, ako na nich pôsobila celková farebná schéma aj farby a umiestnenie tlačidiel, či im vyhovovali vybrané písma a štýl nadpisov, aká bola čitateľnosť textu, kvalita fotografií atď.

Prieskum môžete spraviť v reálnom čase pomocou nástrojov ako HotJar alebo Crazy Egg.

Môžete si vyskúšať aj A/B testovanie, vďaka ktorému napríklad zistíte, či používateľom viac vyhovuje tlačidlo vľavo alebo vpravo. Prípadne si pripravte niekoľko verzií vizuálu hlavnej stránky webu a nechajte ľudí hlasovať, čo sa im zdá najlepšie. 

Keď už je web oficiálne vonku, sledujte Google Analytics. Vďaka tomu zistíte, odkiaľ používatelia na vašu stránku najčastejšie prichádzajú, koľko času na webe strávia alebo aká vysoká je okamžitá miera opustenia. Pomôže vám to odhaliť aj opraviť prípadné nedostatky, aby web fungoval lepšie.

Zhrnutie

Zjednodušene je UX dizajnér vlastne ktosi ako architekt, ktorý web navrhne s prihliadnutím na potreby používateľa. UI dizajnér je špičkový dekoratér zodpovedný za konečný vzhľad, dojem aj funkčnosť stránok.

Aby váš web správne fungoval a ľudia s nim radi interagovali, potrebujete mať toto všetko vyriešené. Jedine tak sa budú na web alebo e‑shop vracať a nakupovať.

Už je teda celkom jasné, prečo sa kvalitne vybudovaný web bez UX a UI nezaobíde. Oba tímy majú rovnaký cieľ a musia spolu úzko spolupracovať, aby boli nakoniec spokojní všetci