Zeptejte se majitele firmy, co hledá na dobrém webu, a uslyšíte o čistém designu, rychlém načítání a snadné navigaci. Jen zřídka zazní, zda návštěvníci opravdu najdou, co potřebují, a dokončí, kvůli čemu přišli. UX design je obor, který na tuto otázku odpovídá, a je to vlastnost, díky které záleží na všech ostatních.
UX design, zkratka pro design uživatelského zážitku (user experience), je praxe navrhování webů podle toho, jak je lidé používají. Co je UX design u firemního webu? Je to soubor rozhodnutí, která určují, zda návštěvník najde, co hledá, dokončí akci, kvůli které přišel, a odejde s jasnou představou o tom, co firma nabízí.
Web může být vizuálně vypiplaný a přesto mít špatné UX. Návštěvník, který do deseti vteřin po příchodu na domovskou stránku nepozná, co firma dělá, ztratí se při hledání stránky s ceníkem nebo opustí kontaktní formulář, protože chybová hlášení nevysvětlují, co se pokazilo, má špatný uživatelský zážitek. Vizuální kvalita stránky na tomto výsledku nic nemění.
Jaký je rozdíl mezi UX designem a UI designem?
UX design a UI design spolu souvisejí, ale liší se. UI design, neboli design uživatelského rozhraní, pokrývá vizuální vrstvu. Barvy, typografie, tlačítka, ikony a celkový vzhled stránky jsou rozhodnutí UI. UX design pokrývá vrstvu chování. Jak jsou informace uspořádané, jak navigace plyne, co se stane, když uživatel udělá chybu, a zda je nejdůležitější akce na stránce okamžitě zřejmá, to všechno jsou rozhodnutí UX.
V praxi se obojí překrývá. Tlačítko špatné barvy ve vizuální hierarchii je problém UI, který vytváří problém UX. Formulář, který je logicky rozvržený, ale nemá žádnou nápovědu k chybám, je problém UX, který může odhalit UI designér. V malých týmech a v tvůrcích webů se často o obojí stará jeden člověk. Rozdíl je důležitý, protože vyžadují odlišné myšlení: UI se ptá „vypadá to správně?“, zatímco UX se ptá „funguje to pro člověka, který to používá?“
Článek o tom, co je webdesign, popisuje širší obor, do kterého UX i UI design patří, včetně toho, jak se vizuální a strukturální rozhodnutí spojují a utvářejí zážitek návštěvníka.
Jaké jsou základní principy UX designu?
UX design se řídí sadou principů, které platí pro každý typ webu bez ohledu na obor nebo velikost.
Použitelnost
Použitelný web umožňuje návštěvníkům plnit úkoly efektivně a bez zmatků. Popisky v navigaci používají slova, která návštěvníci očekávají. Klíčové stránky jsou dostupné na dvě nebo tři kliknutí. Interaktivní prvky jako tlačítka a formuláře se chovají předvídatelně. Použitelnost neznamená udělat web tak jednoduchý, že je prázdný. Znamená odstranit tření na cestě k výsledku, který návštěvník chce.
Přehlednost
Přehlednost znamená, že každá stránka okamžitě sděluje svůj účel. Návštěvník by měl během několika vteřin pochopit, o čem stránka je, co tam může dělat a jaký je další krok. Stránky, které nejdůležitější informace zahrabou pod husté odstavce nebo používají nejednoznačné nadpisy a vágní výzvy k akci, v přehlednosti selhávají bez ohledu na to, jak dobře jsou vizuálně navržené. Článek o tom, co je vizuální hierarchie, vysvětluje, jak uspořádání a váha prvků na stránce utváří to, čemu návštěvníci porozumí jako prvnímu.
Důslednost
Důsledný design znamená, že se návštěvníci musí naučit, jak web funguje, jen jednou. Pokud je hlavní tlačítko výzvy k akci na domovské stránce modré, mělo by být modré všude. Pokud se navigace na počítači zobrazuje v horní části stránky, měla by být dostupná ze stejného místa na každé stránce. Nedůslednost narušuje mentální model, který si návštěvníci při pohybu po webu vytvářejí, a způsobuje zmatek přesně v okamžicích, kdy na jasné cestě vpřed záleží nejvíc.
Zpětná vazba
Uživatelé potřebují vědět, že jejich akce byly zaregistrovány. Tlačítko, které po kliknutí nic neukáže, formulář, který se odešle bez potvrzení, nebo vyhledávací pole, které vrátí výsledky bez informace, co hledalo, to všechno vytváří nejistotu. Zpětná vazba může být tak jednoduchá, jako že tlačítko po najetí změní barvu, při odesílání formuláře se objeví ukazatel načítání nebo po úspěšné akci se zobrazí potvrzovací zpráva. Bez ní návštěvníci nevědí, zda mají čekat, zkusit znovu, nebo předpokládat, že se něco pokazilo.
Zotavení z chyb
Uživatelé dělají chyby. Dobré UX s nimi počítá a usnadňuje zotavení. Ověřování formuláře, které označí konkrétní pole s problémem a vysvětlí, jak vypadá správný formát, je lepší než obecná hláška „něco se pokazilo“. Vyhledávání, které nenajde žádné výsledky, ale nabídne alternativy, je lepší než slepá ulička. Čím snazší je zotavit se z chyby, tím menší je pravděpodobnost, že návštěvník úkol úplně vzdá.
Jak UX design ovlivňuje obchodní výsledky?
UX design má přímou souvislost s výsledky, na kterých firmám záleží. Návštěvník, který rychle najde stránku s ceníkem, se spíš dostane k rozhodnutí o koupi. Proces placení s minimem kroků a jasnými chybovými hlášeními konvertuje víc návštěvníků než ten, který vyžaduje hádání. Kontaktní formulář, který se snadno vyplňuje, získá víc odeslání než ten, který je matoucí nebo zabere hodně času.
Vztah mezi UX a konverzním poměrem je dobře zdokumentovaný. Malá zlepšení přehlednosti stránky, designu formulářů a plynulosti navigace přinášejí měřitelné zvýšení podílu návštěvníků, kteří provedou zamýšlenou akci. Opak platí stejně. Stránka, kde se hlavní výzva k akci těžko hledá, kde trvá tři odstavce, než se dostanete k hodnotě nabídky, nebo kde se mobilní rozvržení zhroutí do nepoužitelného stavu, ztrácí konverze v každém kroku.
UX také ovlivňuje, jak návštěvníci vnímají firmu za webem. Web, který dobře funguje, působí profesionálně a důvěryhodně. Web s rozbitými postupy, matoucí navigací a nejasným sdělením signalizuje nedbalost bez ohledu na to, jak funguje zbytek firmy. Článek o tom, jak navrhnout domovskou stránku, která funguje, popisuje konkrétní UX rozhodnutí, na kterých nejvíc záleží na stránce, kterou návštěvníci vidí jako první.
Jaké jsou nejčastější problémy UX na firemních webech?
Nejčastějším selháním UX na firemních webech je chybějící jasná hierarchie na stránce. Když o pozornost soutěží stejně více prvků, návštěvníci nemají výchozí bod. Prolétají stránku bez čtení, nenajdou výzvu k akci a odejdou. Rozhodnutí o vizuální hierarchii a rozvržení, která vytvoří jasné pořadí čtení, tento problém řeší přímo.
Navigace, která vyžaduje hádání, nutí návštěvníky zkoumat místo cíleného pohybu. Popisky menu, které něco znamenají uvnitř firmy, ale nic novému návštěvníkovi, rozbalovací nabídky, které skrývají nejužitečnější stránky, a navigační struktury, které neodpovídají tomu, jak návštěvníci o firmě přemýšlejí, to všechno vytváří tření. Článek o tom, co je navigace webu, popisuje, jak strukturovat menu, která vedou, a ne matou.
Formuláře bez nápovědy jsou dalším častým problémem. Povinná pole, která nejsou jasně označená, vstupy, které odmítají platné formáty bez vysvětlení proč, a formuláře, které po neúspěšném odeslání smažou všechny zadané údaje, to jsou všechno překážky, které výrazně snižují míru dokončení.
Mobilní UX, které neodpovídá záměru pro počítač, je mezera, která firmy stojí návštěvy při každé relaci. Stránka navržená pro počítač s více sloupci, která se na mobilu sbalí do jednoho sloupce s prvky ve špatném pořadí, poskytuje jiný zážitek, než byl zamýšlen. Článek o tom, jak udělat web vhodný pro mobily, popisuje rozhodnutí o rozvržení a interakci, která určují, zda mobilní zážitek funguje stejně dobře jako ten na počítači.
Jak UX design souvisí se SEO?
Vyhledávače měří chování uživatelů, aby posoudily, zda stránka přináší hodnotu. Stránka se špatným UX obvykle vytváří vysokou míru opuštění a krátkou dobu na stránce, což obojí časem signalizuje vyhledávačům, že návštěvníci nenacházejí, pro co přišli. Stránka se silným UX obvykle drží návštěvníky déle a vyvolává víc interakcí, čímž vytváří signály chování, které podporují pozice.
Přístupnost stránky, která úzce souvisí s UX, také ovlivňuje, jak spolehlivě ji vyhledávače dokážou procházet a indexovat. Stránku ovladatelnou klávesnicí a vytvořenou se sémantickým HTML lze indexovat přesněji než stránku se strukturálními problémy. Článek o tom, co je SEO, popisuje, jak signály uživatelského zážitku vstupují do výkonu ve vyhledávání a které faktory chování jsou nejdůležitější.
Jak UX design řeší WEMASY
Šablony tvůrce webů WEMASY jsou vytvořeny s principy UX jako výchozím bodem. Hierarchie nadpisů, umístění výzev k akci, struktura navigace, design formulářů a mobilní rozvržení jsou nastaveny na výchozí hodnoty, které odrážejí, jak návštěvníci firemní weby skutečně používají. Vizuální editor umožňuje upravit každý prvek a výsledek vidět v reálném čase, na počítači i mobilu, ještě před zveřejněním. Změny rozvržení nevyžadují stavět stránku od nuly.
Co je zahrnuto, zjistíte na stránce tvůrce webů WEMASY, a balíčky najdete na stránce s ceníkem.
Často kladené otázky
Potřebuji UX designéra, abych vytvořil dobrý web?
Ne nutně. Tvůrce webů s dobře navrženými šablonami řeší nejběžnější rozhodnutí UX na úrovni šablony, takže nezačínáte od nuly s informační architekturou, hierarchií nadpisů nebo mobilním rozvržením. UX designér přináší nejvíc hodnoty v pochopení toho, jak se chová konkrétní publikum, a v testování, zda určité postupy fungují tak, jak byly zamýšleny. U většiny webů malých firem přináší uplatnění principů UX prostřednictvím dobře vytvořené šablony výrazně lepší výsledky než úplné ignorování UX, i bez specialisty. S tvůrcem webů WEMASY si to můžete nastavit přímo na svém webu.
Co je testování použitelnosti?
Testování použitelnosti spočívá v pozorování skutečných uživatelů, jak se snaží splnit úkoly na webu. Cílem je zjistit, kde se návštěvníci pletou, kde váhají a kde nedokončí to, kvůli čemu přišli. Může být tak jednoduché, jako požádat kolegu, aby našel stránku s ceníkem, a sledovat, kam klikne, nebo tak strukturované jako nahrávaná relace se sdílením obrazovky a moderátorem. I neformální testování se dvěma nebo třemi lidmi, kteří web nikdy neviděli, odhalí nejvýznamnější mezery v použitelnosti.
Jaký je rozdíl mezi UX designem a webdesignem?
Webdesign je širší obor, který zahrnuje jak to, jak web vypadá, tak to, jak funguje. UX design je podmnožina webdesignu zaměřená konkrétně na zážitek člověka, který web používá. Webdesignér dělá rozhodnutí o barvě, typografii, rozvržení a vizuální hierarchii vedle rozhodnutí o navigaci, informační architektuře a návrhu interakce. Když se těmto rozhodnutím zaměřeným na interakci věnuje zvláštní pozornost a testují se na skutečném chování uživatelů, nazývá se tato praxe UX design.
Jak poznáte, že má váš web problémy s UX?
Nejjasnější signály pocházejí z dat o chování uživatelů. Vysoká míra opuštění na klíčových stránkách, nízká míra dokončení formulářů, krátká doba na stránce u obsahu, jehož čtení by mělo trvat déle, a vysoká míra odchodů v procesu placení, to všechno ukazuje na problémy s UX. Sledování nového návštěvníka, jak se po webu pohybuje bez pomoci, ukáže, kde ke zmatku dochází. Stejně diagnostická je přímá zpětná vazba od zákazníků, kteří zmíní potíže s nalezením něčeho nebo úkol vzdají. Začít nepotřebujete analytickou platformu. Sledování jednoho člověka, jak se snaží web používat, často stačí k odhalení nejvýznamnějších problémů.
Jaký je vztah mezi UX designem a konverzním poměrem?
Konverzní poměr měří procento návštěvníků, kteří dokončí požadovanou akci, například vyplnění formuláře, nákup nebo rezervaci hovoru. UX design toto číslo přímo ovlivňuje, protože určuje, jak snadné nebo obtížné je danou akci dokončit. Odstranění zbytečných kroků z placení, vizuální odlišení hlavní výzvy k akci, zjednodušení polí formuláře a zlepšení chybových hlášení, to všechno zvyšuje pravděpodobnost, že návštěvník, který má v úmyslu konvertovat, skutečně konvertuje. Vztah je přímý: lepší UX snižuje tření a menší tření vede k vyššímu konverznímu poměru.