Drobný šedý text na rušivém pozadí. Oči vás pálí dřív, než dočtete první větu. Právě proto záleží na zlepšení uživatelské zkušenosti webu. Když se rozvržení a barvy perou se sdělením, lidé odejdou a nikdy vám neřeknou proč.
Uživatelskou zkušenost webu zlepšíte opravou navigace, rychlosti, čitelnosti a překážek ve formulářích. Tato kapitola jednoduše vysvětluje, co to znamená, proč to ovlivňuje váš web a marketing a jak to použít, aniž byste se ztratili v odborných výrazech. Uvidíte také, jak do stejného obrazu zapadá testování použitelnosti. Pojďme na to krok za krokem.
Co zlepšení uživatelské zkušenosti webu znamená v praxi
Uživatelskou zkušenost webu zlepšíte opravou navigace, rychlosti, čitelnosti a překážek ve formulářích.
Malá vítězství v UX se s každou návštěvou sčítají.
Testování použitelnosti rychle ukáže opravy s největším dopadem.
Jak zlepšení uživatelské zkušenosti uplatnit na svém webu
Zrychlete kontaktní stránku a zjednodušte pole, než přidáte nové funkce.
Začněte jednou stránkou, například úvodní nebo hlavní vstupní stránkou. Nejdřív opravte největší problém a stejný vzor pak přenesete na další šablony.
Tuto kapitolu doplňte kapitolou použitelnost webu jako základem a kapitolou testování designu webu jako dalším krokem v tomto modulu.
Praktický seznam, který můžete použít hned dnes
Zrychlete kontaktní stránku a zjednodušte pole, než přidáte nové funkce.
Při kontrole jakékoli stránky se ptejte, zda je zlepšení uživatelské zkušenosti webu vidět už při prvním posunu na mobilu. Pokud ne, přeuspořádejte sekce dřív, než začnete ladit detaily.
Ukládejte si snímky obrazovky před změnami i po nich, abyste poznali, co se u zlepšení uživatelské zkušenosti webu skutečně pohnulo.
Sdílejte tento seznam s každým, kdo váš web upravuje, aby testování použitelnosti zůstalo na nových stránkách jednotné.
Vyberte si tento měsíc jedno číslo ke sledování, třeba čas na stránce nebo začaté formuláře, aby se změny designu vázaly na obchodní výsledky, a ne jen na vkus.
Jak toto téma souvisí s celou vaší značkou
Vizuální rozhodnutí málokdy platí jen pro jednu stránku. Testování použitelnosti rychle ukáže opravy s největším dopadem.
Vaše příspěvky na sítích, e-maily i tištěné materiály by měly opakovat stejnou hierarchii, barvy a pravidla písma jako web.
Když se vizuál značky rozjede, zákazníci cítí nenápadný nesoulad, i když ho neumí popsat.
Použijte kapitolu testování designu webu a porovnejte poznatky s příbuznou kapitolou v tomto modulu.
Malá vítězství v UX se s každou návštěvou sčítají.
Časté otázky, které lidé přehlížejí
Související výrazy jako testování použitelnosti a co je UX design vám pomohou najít hlubší příklady a porovnat svou práci s běžnými standardy.
Testování použitelnosti rychle ukáže opravy s největším dopadem.
Zapište si jednu změnu před a po, kterou tento týden vyzkoušíte na živé stránce. Malé změřené úpravy porazí nejasné plány.
Společná slovní zásoba kolem zlepšení uživatelské zkušenosti webu ve vašem týmu zkracuje kola úprav s designéry a agenturami.
Nástroje, které usnadní vizuální úpravy
K vylepšení mnoha problémů s rozvržením a stylem nepotřebujete vlastní kód. Vizuální editor vám umožní upravit mezery, barvy a typografii a přitom sledovat náhled na mobilu i na počítači.
WEMASY obsahuje Tvůrce webů s vizuálními úpravami, takže změny zveřejníte, aniž byste kvůli každé drobnosti čekali na vývojáře. Otevřete Tvůrce webů, až budete chtít uplatnit, co jste se naučili.
Po zveřejnění úprav si znovu projděte kapitoly použitelnost webu a konzistence designu, ať vám modul zůstane v hlavě pohromadě.
Nyní máte k dispozici použitelný pohled na zlepšení uživatelské zkušenosti webu. Využijte ho při kontrole webu, schvalování marketingových materiálů nebo zadávání práce designérovi. Pokračujte kapitolami konzistence designu a testování designu webu, ať v tomto modulu nepolevíte.
Zlepšování uživatelské zkušenosti webu je postupná dovednost. Vraťte se k této kapitole poté, co zavedete první zlepšení, aby se myšlenky z čtení změnily v návyk. Malé opakované kontroly porazí snahu nacpat najednou všechna pravidla. Pište si, co zafungovalo u vašeho publika, aby další úprava šla rychleji.
Často kladené otázky
Jak dlouho trvá zlepšit uživatelskou zkušenost webu?
Většina malých firem uvidí přehlednější stránky během několika soustředěných sezení, jakmile uplatní základy z této kapitoly. Začněte úvodní stránkou a stejná pravidla pak rozšiřte na stránky služeb a kontaktu.
Potřebujete na zlepšení uživatelské zkušenosti webu designéra?
Designér pomůže u složitější změny značky, ale mnoho oprav kolem uživatelské zkušenosti webu zvládnete sami, jakmile víte, na co se dívat. Spolu s touto kapitolou využijte kapitolu použitelnost webu.
Pomůže WEMASY zlepšit uživatelskou zkušenost na vašem webu?
WEMASY obsahuje v Tvůrci webů vizuální editor, takže rozvržení, barvy i typografii upravíte bez kódu. Otevřete Tvůrce webů, upravte šablony a zkontrolujte náhled na mobilu.
Jaká je nejčastější chyba při zlepšování uživatelské zkušenosti webu?
Lidé se snaží opravit všechno najednou místo jedné stránky po druhé. Vyberte si jednu prioritu, třeba čitelnost nebo kontrast, a pro další zlepšení se podívejte na kapitolu konzistence designu.
Jak zlepšení uživatelské zkušenosti webu souvisí se SEO?
Jasná vizuální hierarchie a čitelné písmo udrží návštěvníky na stránce déle, což podporuje signály zapojení, které vyhledávače sledují. Opravy designu spojte s dobrou strukturou obsahu a výsledky budou nejlepší.
Kam se posunout po zlepšení uživatelské zkušenosti webu?
Pokračujte kapitolami použitelnost webu a konzistence designu v této knize a vybudujte si úplný vizuální systém své značky online.