UX a UI sa v marketingových zadaniach spomínajú takmer vždy spolu, no ide o dve rozdielne disciplíny s rôznym zameraním. Zámena týchto pojmov je bežná, no pri tvorbe webu môže viesť k tomu, že sa firma sústredí len na vzhľad a zabudne na to, ako web reálne funguje – alebo naopak. Čo presne UX a UI znamenajú a prečo je dobré rozumieť rozdielu medzi nimi?
Čo je UX dizajn
UX (user experience, používateľská skúsenosť) sa zaoberá tým, ako sa návštevník na webe cíti a či dokáže bez problémov dosiahnuť to, kvôli čomu na stránku prišiel. Ide o disciplínu, ktorá stojí na výskume správania používateľov, logike navigácie a štruktúre obsahu – nie na farbách či tvaroch tlačidiel.
UX dizajnér sa pýta otázky ako:
- Nájde návštevník to, čo hľadá, do troch klikov?
- Je proces objednávky alebo odoslania formulára zrozumiteľný?
- Nevzniká na webe zbytočné trenie, ktoré odrádza od dokončenia akcie?
- Zodpovedá štruktúra webu tomu, ako o danej téme premýšľa bežný návštevník?
Výstupom UX práce bývajú wireframy (jednoduché schémy rozloženia stránky bez grafiky), mapy používateľskej cesty alebo výsledky testovania s reálnymi používateľmi. UX teda predchádza samotnému vizuálnemu dizajnu – rieši kostru a logiku, na ktorej sa neskôr stavia vzhľad.
Čo je UI dizajn
UI (user interface, používateľské rozhranie) je vizuálna stránka toho, čo UX pripravil. Zaoberá sa tým, ako stránka vyzerá a ako pôsobí – farby, typografia, ikony, rozostupy, tvar tlačidiel a celková grafická identita webu.
UI dizajnér rieši otázky ako:
- Je vizuálna hierarchia jasná – vie návštevník na prvý pohľad, čo je najdôležitejšie?
- Pôsobí dizajn dôveryhodne a v súlade so značkou firmy?
- Sú interaktívne prvky (tlačidlá, odkazy, formuláre) vizuálne rozoznateľné?
- Je dizajn konzistentný naprieč celým webom?
Kým UX určuje, čo sa na stránke deje a v akom poradí, UI určuje, ako to vyzerá a pôsobí na oko.
Hlavné rozdiely medzi UX a UI
Rozdiel medzi oboma disciplínami sa dá najlepšie ukázať priamym porovnaním.
| Kritérium | UX dizajn | UI dizajn |
|---|---|---|
| Zameranie | Funkčnosť a použiteľnosť | Vizuálny vzhľad |
| Hlavná otázka | Funguje to? | Vyzerá to dobre? |
| Typický výstup | Wireframy, mapy používateľskej cesty | Farebná paleta, typografia, finálny vizuál |
| Fáza projektu | Skôr v procese | Neskôr, na základe UX základu |
| Meranie úspechu | Miera dokončenia úlohy, konverzný pomer | Vizuálna konzistentnosť, vnímaná kvalita |
V praxi obe disciplíny úzko spolupracujú a hranica medzi nimi nie je vždy ostrá – mnohí dizajnéri sa venujú obom súčasne. Dôležité je chápať, že ide o dva rôzne kroky v procese tvorby webu, nie o synonymá.
Prečo na tomto rozdiele záleží pri tvorbe webu
Firma, ktorá si zadá „pekný web“, často dostane presne to – vizuálne atraktívnu stránku, ktorá však nemusí dobre fungovať. Bez kvalitnej UX práce sa môže stať, že návštevníci majú problém nájsť kontakt, nerozumejú ponuke, alebo opúšťajú stránku uprostred objednávkového procesu – aj keď dizajn pôsobí profesionálne.
Opačný extrém je web, ktorý je logicky postavený, no vizuálne pôsobí zastarano alebo neprofesionálne, čo znižuje dôveryhodnosť firmy. Skutočne kvalitný web preto potrebuje oba prístupy súčasne – premyslenú štruktúru aj kvalitné vizuálne spracovanie. To, čo presne musí web obsahovať, aby skutočne plnil svoj obchodný účel, sme rozobrali v článku o firemnom webe, ktorý generuje dopyt.
Ako sa UX a UI prejavujú na konverziách
Kvalitný UX priamo znižuje mieru odchodu a zvyšuje pravdepodobnosť, že návštevník dokončí požadovanú akciu – odoslanie formulára, nákup alebo telefonát. UI zasa ovplyvňuje prvý dojem, ktorý si návštevník vytvorí v priebehu pár sekúnd po príchode na stránku, a rozhoduje o tom, či firme vôbec dá šancu.
Oba faktory sú prepojené aj s ďalšími technickými aspektmi webu. Napríklad web s nekonzistentným rozložením prvkov môže spôsobovať vizuálnu nestabilitu pri načítaní, čo súvisí aj s technickou rýchlosťou stránky – tejto téme sme sa podrobne venovali v článku o tom, prečo sa webstránka načítava pomaly. Dobrý dizajn a dobrá technická výkonnosť webu spolu úzko súvisia, aj keď na prvý pohľad ide o oddelené oblasti.
Na čo si dať pozor pri výbere dodávateľa
Pri zadávaní tvorby alebo redizajnu webu sa oplatí pýtať sa dodávateľa, akým spôsobom pristupuje k UX fáze projektu – teda či sa téma webu rieši aj na úrovni štruktúry a používateľskej cesty, alebo sa rovno prechádza k vizuálnemu návrhu. Dodávateľ, ktorý preskočí UX a začína rovno grafikou, riskuje, že výsledný web bude vyzerať dobre, ale nebude dostatočne plniť svoj obchodný účel.
Pri tvorbe webstránky je preto dôležité, aby proces zahŕňal obe fázy – najprv jasnú štruktúru a používateľskú logiku, až potom finálny vizuálny dizajn postavený na nej.
Čo si zapamätať pri plánovaní vlastného webu
UX a UI nie sú súperiace disciplíny, ale dve na seba nadväzujúce fázy jedného procesu. UX zabezpečuje, že web funguje a vedie návštevníka k cieľu, UI zabezpečuje, že pri tom pôsobí dôveryhodne a profesionálne. Web, ktorý zanedbáva čo i len jednu z týchto oblastí, stráca potenciál – bez ohľadu na to, koľko peňazí sa investuje do tej druhej.
