Co je UX a UI design a proč na nich záleží i u malého webu
UX a UI se často vyslovují jedním dechem, ale znamenají něco jiného. UX řeší, jestli návštěvník na webu najde, co potřebuje, a dokončí, kvůli čemu přišel. UI řeší, jak vypadá a jak se chová to, na co při tom kliká.
Aktualizováno
UX: cesta, ne vzhled
UX (user experience, uživatelský zážitek) zahrnuje všechno, co člověk prožívá, když s webem pracuje: jestli pochopí, kde je, jestli najde odpověď, kolik kroků potřebuje k objednávce a jestli ho cestou nic nezdrží nebo nevyděsí. Dobré UX je většinou neviditelné – návštěvník si ho nevšimne, prostě udělá, co chtěl.
UI: to, na co klikáte
UI (user interface, uživatelské rozhraní) jsou konkrétní prvky: barvy, písmo, tlačítka, ikony, formulářová pole, rozestupy. Dobré UI je konzistentní – stejná věc vypadá všude stejně, tlačítko je poznat jako tlačítko a odkaz jako odkaz. Když má každá stránka jiný styl tlačítek, návštěvník musí přemýšlet, co je klikací, a to zpomaluje.
| UX | UI | |
|---|---|---|
| Otázka | Dokážu tady udělat, co potřebuji? | Jak to vypadá a jak to reaguje? |
| Příklad chyby | Ceník je schovaný v PDF ve třetí úrovni menu. | Šedé tlačítko na šedém pozadí, které nevypadá klikací. |
| Výstup práce | Struktura webu, pořadí obsahu, průchod formulářem | Vizuální styl, komponenty, stavy tlačítek a polí |
| Jak se ověřuje | Pozorováním lidí při skutečných úkolech | Kontrolou konzistence, kontrastu a čitelnosti |
Jak poznat dobré UX na firemním webu
Nepotřebujete výzkumnou laboratoř. Otevřete web na telefonu a zkuste tyhle úkoly:
- Do deseti vteřin pochopit, co firma dělá a pro koho.
- Najít orientační cenu služby, která vás zajímá.
- Zjistit, kdy mají otevřeno nebo kdy se ozvou.
- Zavolat jedním klepnutím na číslo.
- Odeslat poptávku bez chybové hlášky, které nerozumíte.
Co z toho drhne, je UX problém. Často ho nevyřeší nový design, ale přeskládání obsahu a lepší texty – jak je psát, popisuje průvodce texty na web.
Levné testování: dívejte se, neptejte se
Nejužitečnější test použitelnosti je překvapivě jednoduchý. Posaďte k webu pár lidí, kteří ho neznají (ideálně takových, kteří se podobají vašim zákazníkům), dejte jim konkrétní úkol a mlčte. Nevysvětlujte, nenapovídejte, jen si zapisujte, kde zaváhají, kam kliknou špatně a co nahlas komentují.
Otázka „líbí se vám web?“ vám skoro nic neřekne – lidé jsou zdvořilí. Pohled na to, jak hledají tlačítko pro objednávku, řekne hodně. Stejné problémy se obvykle začnou opakovat už po několika testech.
UX, mobil a přístupnost
Dobré UX dnes znamená hlavně dobré UX na telefonu: velké cíle pro prst, čitelné písmo bez zvětšování, krátké formuláře. Co přesně se na mobilu kazí, rozebírá heslo responzivní web. A protože web používají i lidé se zrakovým nebo pohybovým omezením, UX se úzce potkává s přístupností webu – dostatečný kontrast nebo popisky polí pomáhají všem.
U nás je individuální návrh UX a designu součástí každé varianty webu od vizitky po web na míru. Nezačínáme barvami, ale tím, co má návštěvník na webu udělat a v jakém pořadí potřebuje informace. Varianty najdete v přehledu cen.
Časté otázky
Jaký je rozdíl mezi UX a UI jednou větou?
UX (user experience) je to, jak snadno člověk na webu dosáhne svého cíle; UI (user interface) je to, jak vypadají a chovají se prvky, se kterými při tom pracuje – tlačítka, formuláře, menu.
Potřebuje malý firemní web UX designéra?
Samostatnou roli obvykle ne, ale UX přemýšlení ano. Někdo musí rozhodnout, co návštěvník hledá jako první, v jakém pořadí informace dostane a kudy se dostane k objednávce. U menších webů to dělá ten, kdo web navrhuje.
Dá se dobré UX změřit?
Částečně. Z analytiky poznáte, kolik lidí odešle formulář nebo klikne na telefon a kde z webu odchází. Proč odcházejí, ale většinou zjistíte jen tak, že se díváte, jak web používá skutečný člověk.
Je hezký web automaticky dobrý web?
Ne. Vzhled pomáhá důvěře, ale když návštěvník nenajde cenu, otevírací dobu nebo tlačítko pro objednávku, krása mu nepomůže. Dobré UI podporuje UX, nenahrazuje ho.