UX vs. UI: Jaký je mezi nimi rozdíl?

Když se řekne webdesign, často se mluví o UX a UI. Tyto dva pojmy spolu úzce souvisí, ale každý znamená něco jiného. Zatímco UI řeší především vzhled a ovládání, UX se zaměřuje na celkový zážitek uživatele.

V praxi potřebujete obojí. Krásný web bez dobrého UX může návštěvníka zmást. A dokonale funkční web bez kvalitního UI zase nemusí působit důvěryhodně a profesionálně.

Co je UX?

UX (User Experience) znamená uživatelský prožitek neboli zkušenost uživatele.

UX designer přemýšlí především nad tím, jak se člověk na webu cítí a jak snadno se dostane k tomu, co potřebuje.

Například:

• Najde návštěvník důležité informace rychle?
• Je navigace srozumitelná?
• Ví uživatel, kam má kliknout?
• Je objednávkový formulář jednoduchý?
• Funguje web dobře na mobilu?
• Neobsahuje stránka zbytečně mnoho kroků?
• Dostane návštěvník jasnou odpověď na svou otázku?

Cílem UX je vytvořit web, který je logický, přehledný a příjemný na používání.

Co je UI?

UI (User Interface) znamená uživatelské rozhraní.

Jednoduše řečeno jde o to, jak web vypadá a jaké vizuální prvky uživatel používá.

UI designer řeší například:

• barvy,
• typografii,
• tlačítka,
• ikony,
• fotografie,
• rozložení jednotlivých prvků,
• velikosti a mezery,
• animace,
• vizuální styl značky.

UI tedy vytváří vizuální podobu webu, která by měla být nejen atraktivní, ale také srozumitelná.

UX vs. UI v praxi

Představte si například e-shop.

UX řeší, jestli zákazník snadno najde produkt, dokáže vybrat variantu, přidá ho do košíku a bez problémů dokončí objednávku.

UI řeší, jak vypadá produktová stránka, tlačítko „Přidat do košíku“, cenovka, fotografie produktu nebo samotný nákupní košík.

Můžeme to zjednodušit:

UX = jak web funguje a jak se používá.
UI = jak web vypadá a jak na uživatele působí.

Proč nestačí pouze hezký web?

Atraktivní design je důležitý. Neměl by však být hlavním cílem.

Můžete vytvořit nádherný web s moderními animacemi, výraznými barvami a perfektní grafikou. Pokud ale návštěvník během několika sekund nepochopí, co nabízíte a co má udělat dál, design svou práci nesplnil.

Stejně tak může být web velmi dobře navržený z hlediska UX, ale pokud působí zastarale nebo nedůvěryhodně, může návštěvníka odradit.

Proto je důležité hledat rovnováhu mezi funkčností a vzhledem.

Jak spolu UX a UI spolupracují?

UX a UI nejsou dva konkurenční světy. Naopak se navzájem doplňují.

Proces může vypadat například takto:

1. Výzkum
Zjistíme, kdo jsou uživatelé a co od webu očekávají.

2. Struktura webu
Navrhneme jednotlivé stránky a jejich obsah.

3. Wireframe
Vytvoříme jednoduchý návrh rozložení jednotlivých prvků.

4. UI design
Doplníme barvy, typografii, fotografie, ikony a další vizuální prvky.

5. Testování
Ověříme, zda se uživatelé na webu dokážou snadno orientovat.

6. Optimalizace
Na základě výsledků web dále upravujeme.

UX a UI nejsou jen pro velké firmy

Možná si říkáte, že UX a UI řeší především velké e-shopy nebo technologické společnosti.

Opak je pravdou.

Dobře navržené UX a UI může výrazně pomoci také malému podnikateli, živnostníkovi, freelancerovi nebo lokální firmě.

U jednoduchého firemního webu může například znamenat:

návštěvník → pochopí nabídku → získá důvěru → klikne na kontakt → odešle poptávku.

A přesně o to by měl web usilovat.

Jak poznat kvalitní UX?

Dobrý UX design často ani nevnímáte.

Nemusíte přemýšlet, kam kliknout. Víte, kde najít menu. Formulář je jednoduchý. Stránka se rychle načte a na mobilu funguje stejně dobře jako na počítači.

Když všechno funguje přirozeně, uživatel většinou ani neřeší, že za tím stojí kvalitní UX.

A jak poznat kvalitní UI?

Kvalitní UI působí jednotně, profesionálně a srozumitelně.

Barvy spolu fungují, typografie je dobře čitelná, tlačítka vypadají jako tlačítka a jednotlivé části webu vytvářejí jeden vizuální celek.

Dobré UI navíc nepoužívá design pouze pro efekt. Každý vizuální prvek by měl mít svůj účel.

Závěr

UX a UI jsou dvě strany stejné mince.

UX se stará o to, aby web dával smysl a dobře se používal. UI se stará o to, aby web vypadal profesionálně a komunikoval správným vizuálním způsobem.

Nejlepší weby proto nejsou pouze krásné. Jsou také jednoduché, přehledné, rychlé a zaměřené na potřeby uživatele.

A právě kombinace kvalitního UX a UI může rozhodnout o tom, jestli návštěvník web pouze navštíví, nebo se z něj skutečně stane zákazník.

Chcete web, který dobře vypadá a zároveň funguje?

Při tvorbě webu je důležité myslet nejen na grafiku, ale také na strukturu, uživatelskou cestu a celkový dojem. Dobrý design totiž není jen o tom, jak web vypadá. Je především o tom, jak dobře funguje pro vaše zákazníky.