Termíny Uživatelské rozhraní (UI), Uživatelská zkušenost (UX) a Použitelnost jsou vzájemně propojeny, avšak mají odlišné tematické zaměření. Zde jsou základní rozdíly:

1. Uživatelské rozhraní (UI):
   • UI odkazuje na vizuální prvky a možnosti interakce, které uživatel vidí přímo na obrazovce a používá v aplikaci nebo na webové stránce. Patří sem rozložení, barvy, písma, obrázky, tlačítka, ikony a další grafické prvky, stejně jako prvky branding a důvěry a interakční design.
   • Hlavním cílem designu uživatelského rozhraní je vytvořit atraktivní, efektivní a intuitivní uživatelské rozhraní, které usnadní interakci mezi uživatelem a digitálním produktem.
2. Uživatelská zkušenost (UX):
   • UX zahrnuje celkový zážitek, který uživatel s produktem má. Nezaměřuje se pouze na vizuální design (UI), ale také na souhrn uživatelských interakcí, emocí, očekávání a vnímání během celého procesu uživatelské zkušenosti – zahrnuty jsou i vnímání před a po skutečném použití.
   • Hlavním cílem UX je zajistit, že produkt splňuje potřeby a očekávání uživatelů a poskytuje pozitivní, uspokojivý a efektivní zážitek – a že je frustrování v jakémkoli bodě uživatelské cesty minimalizováno.
3. Použitelnost:
   • Použitelnost se týká uživatelské přívětivosti produktu a toho, jak snadno uživatelé mohou provádět určité úkoly na webové stránce nebo v aplikaci.
   • Zaměřuje se na efektivitu, účinnost a spokojenost uživatelů při používání produktu. Součástí použitelnosti je také předvídatelnost, aby uživatelé našli známé vzory (vyhledávání je nahoře nebo vpravo nahoře), navigace je nahoře nebo vlevo atd.
   • Použitelnost je částí celkové UX, konkrétně oblastí, která se děje během používání uživatelem. Uživatelsky přívětivé UI je důležitou součástí použitelnosti.

Zvláště časový aspekt je důležitý. Uživatelská zkušenost začíná ještě před použitím s představami, očekáváními a také předsudky uživatele. Uživatelská zkušenost pak prochází procesem používání – tuto časovou část tvoří použitelnost s uspokojením, účinností a efektivitou při používání. A nakonec uživatelská zkušenost uzavírá s udělanými zkušenostmi a emocionálními vazbami po použití.

Zatímco design uživatelského rozhraní se hlavně stará o písma, barvy, tlačítka, obrázky, ikony a další, design uživatelské zkušenosti začíná v širším kontextu: UX designér zohledňuje cílové skupiny a osobnosti, definuje informační architekturu, pracuje s dráty a prototypy, navrhuje interakční cesty podle uživatelské cesty a vyvíjí scénáře a interakční prvky. Sám příběhový design je součástí uživatelské zkušenosti.

Takto koncipuje UX designér klikatelný koncept drátkového modelu jako časný prototyp pro vizualizaci informační architektury a interakčních cest:

Zde je příklad mobilního designu uživatelského rozhraní s klikacími cestami, který byl vytvořen v programu Adobe XD:

Skutečné provedení sekcí webové stránky se pak týká uživatelského rozhraní. Zde je příklad provedeného designu uživatelského rozhraní z výše uvedeného konceptu drátkového modelu:

Shrnutí: UI je zaměřeno na vizuální design a interakční prvky, UX se týká celkové zkušenosti uživatele a použitelnost se soustředí na uživatelskou přívětivost a snadnost použití produktu. Všechny tři aspekty jsou důležité pro vytvoření digitálního produktu, který je esteticky přitažlivý, funkční a poskytuje pozitivní uživatelskou zkušenost s minimalizací potenciální frustrace.