UX není UI
Rozdíl mezi vzhledem a zážitkem – hezké barvy a písmo nezachrání web, který lidem nedává smysl.
Otevíráte páté okénko Adventního kalendáře ŘSoW pro rok 2025. V letošním adventním seriálu se podíváme na oblíbené průpovídky UX designérů. Tou dnešní je: UX není UI.
Mnoho webů u uživatelů nepropadá, protože vypadají zastarale, ale protože nerozumí svým uživatelům. Vývojářské týmy často zaměňují uživatelskou zkušenost (UX) a uživatelské rozhraní (UI). Jenže to není totéž.
UI je viditelná vrstva – tlačítka, barvy, rozložení. UX je to, jak snadno, užitečně a příjemně se s webem pracuje. Můžete změnit rozhraní, aniž byste zlepšili zkušenost, ale bez promyšlené UX žádné hezké UI nepomůže.
Matematicky to můžeme vyjádřit následovně:
UX zahrnuje celý vztah mezi člověkem a produktem – před použitím, během i po něm. Norma ISO 9241‑210 Human-centred design for interactive systems říká, že jde o vnímání a reakce člověka na použití nebo očekávané použití systému. Don Norman a Jakob Nielsen k tomu dodávají, že UX se týká všech aspektů interakce s firmou a jejími službami. UI je naproti tomu pouze přístupový bod, přes který tato interakce probíhá.
Známý příklad tlačítka za 300 milionů dolarů to ukazuje jasně: Jeden e‑shop nutil zákazníky k registraci před zaplacením. Lidé odcházeli. Jediná změna nápisu na tlačítku z Register na Continue a možnost platby bez registrace – tedy zásah do UX, nikoli do grafiky – zvýšila tržby o stovky milionů. Rozhraní zůstalo téměř stejné, ale zážitek se radikálně zlepšil.
Z toho plyne jednoduché poučení: investujte nejdřív do výzkumu, architektury informací a testování, teprve potom do vzhledu. Úspěch měřte podle snadnosti a spokojenosti, ne podle ozdobnosti. Přístupnost, přehlednost a rychlost jsou součástí zkušenosti, ne doplňky.
Pěkný web přitáhne pozornost, ale jen dobře navržený zážitek udrží návštěvníky. UX určuje smysl. UI ho jen zprostředkuje.
Článek UX není UI. je 5. dílem z Adventního kalendáře 2025. Přečtete si i další články ze série.
(Obrázek vánoční sněhové vločky v upoutávce pochází z ProSymbols na webu The Noun Project, CC BY 3.0)