Tieto dve skratky sa často spomínajú spolu, ale znamenajú niečo iné. Jednoduchý príklad: dvere s krásnou kľučkou majú dobré UI. Ak však nie je jasné, či sa ťahajú alebo tlačia, majú zlé UX.
UI – ako web vyzerá
- farby, písmo, ikony a obrázky,
- vzhľad tlačidiel, formulárov a menu,
- rozloženie prvkov a medzery medzi nimi,
- jednotnosť – rovnaké veci vyzerajú na celom webe rovnako.
UX – ako sa na webe pracuje
- Nájde človek rýchlo to, čo hľadá?
- Je jasné, čo má urobiť ďalej? Viac v pojme CTA.
- Dá sa web pohodlne používať na mobile?
- Rozumie textom bez odborných výrazov?
- Nečaká zbytočne na načítanie?
Prečo na tom záleží
Pekný web, v ktorom sa nedá vyznať, neprináša zákazníkov. A funkčný web, ktorý vyzerá zastarane, budí nedôveru. Dobrý web potrebuje oboje. UX rozhoduje, či návštevník urobí konverziu, UI rozhoduje, či vám uverí.
Ako to spoznať na vlastnom webe
- Dajte niekomu, kto web nepozná, jednoduchú úlohu: „Zisti, koľko stojí služba X a pošli dopyt.“ Sledujte, kde zaváha.
- Pozrite sa do Google Analytics, z ktorých stránok ľudia najčastejšie odchádzajú.
- Otestujte web na mobile vlastným palcom, nie na monitore.
Pri tvorbe webstránky začíname práve od UX: kto je zákazník, čo hľadá a čo má na webe urobiť. Vzhľad potom ladíme s vašou značkou v rámci grafických prác.
Súvisiace pojmy: responzívny dizajn, prístupnosť webu.