Web, který vypadá čistě a rychle se načítá, může přesto úplně selhat. Návštěvníci přijdou, rozhlédnou se a odejdou, aniž by cokoli udělali. Design je v pořádku. Obsah tam je. Řetěz mezi příchodem a akcí přetrhne uživatelský zážitek, a je to část webu, na kterou se většina majitelů dívá jako na poslední.
Zlepšit uživatelský zážitek na webu znamená najít a odstranit tření mezi návštěvníkem a výsledkem, kvůli kterému přišel. Tím výsledkem může být nalezení informace, nákup, odeslání kontaktního formuláře nebo pochopení toho, co firma nabízí. Každé místo, kde návštěvník zaváhá, zmatkuje nebo to vzdá, je problém UX a většinu z nich lze opravit bez úplného redesignu.
Článek co je UX design vysvětluje principy, na kterých dobrý uživatelský zážitek stojí. Tento článek pokrývá praktické změny, které přinášejí největší zlepšení na skutečných firemních webech.
Jak najít problémy s UX na svém webu?
Než něco změníte, musíte vědět, kde jsou problémy. Různé metody odhalují různé typy potíží.
Signály z analytiky
Vysoká míra opuštění na klíčových stránkách, krátký čas na stránce u obsahu, jehož čtení by mělo trvat déle, a prudké poklesy v pokladně nebo při vyplňování formulářů, to všechno ukazuje na problémy s UX. Tyto signály vám neřeknou, v čem problém je, ale řeknou vám, kde hledat. Stránka kontaktu s 90procentní mírou odchodů před odesláním má někde v tomto postupu problém s UX.
Sledování skutečných návštěvníků při procházení
Požádat někoho, kdo váš web nikdy neviděl, aby našel konkrétní stránku, dokončil konkrétní úkol nebo odpověděl na konkrétní otázku, zatímco se díváte, je nejpřímější způsob, jak odhalit selhání UX. Nenavádějte ho. Sledujte, kam klikne, kde zaváhá a kde to vzdá. Dvě nebo tři takové relace odhalí nejvýznamnější problémy na většině webů.
Teplotní mapy a nahrávky relací
Teplotní mapy ukazují, kam návštěvníci na každé stránce klikají, ťukají a kam se posouvají. Mapy posouvání ukazují, jak daleko po stránce většina návštěvníků dojde, než odejde. Nahrávky relací umožňují přehrát si skutečné návštěvy a vidět přesně, kde se návštěvníci pohybují, zastavují a vzdávají to. Tyto nástroje odpovídají na otázku, kterou analytika nezodpoví: nejen že návštěvníci odcházejí, ale kde na stránce odcházejí a co v tu chvíli dělali.
Technické kontroly
Procházení webu jen klávesnicí, bez doteku myši, odhalí problémy s ovladatelností, které postihují uživatele klávesnice a čteček obrazovky. Zobrazení webu na skutečném telefonu v různých velikostech obrazovky odhalí problémy s mobilním rozvržením, které simulace v prohlížeči na počítači často minou. Kontrola doby načítání na mobilním připojení odhalí problémy s rychlostí, které jsou neviditelné na rychlé kancelářské Wi-Fi.
Které úpravy UX mají na firemních webech nejvyšší dopad?
Zjednodušte navigaci
Navigace, která po návštěvníkovi vyžaduje, aby hádal, kam jít, je jedním z nejčastějších selhání UX na firemních webech. Popisky nabídky, které něco znamenají uvnitř firmy, ale nic nevypovídají návštěvníkovi, který přichází poprvé, příliš mnoho možností nejvyšší úrovně a stránky zahrabané dvě nebo tři kliknutí hluboko, to všechno vytváří tření dřív, než návštěvník uvidí jakýkoli obsah. Snížit počet položek nabídky, používat prosté popisné názvy a zajistit, aby nejdůležitější stránky byly z každé stránky dosažitelné jedním kliknutím, jsou nejspolehlivější vylepšení navigace. Článek co je navigace webu popisuje, jak strukturovat nabídky, které návštěvníky vedou, a nematou je.
Vytvořte na každé stránce jasnou hierarchii
Stránka bez jasné vizuální hierarchie nedává návštěvníkům výchozí bod. Když o pozornost soutěží nadpis, propagační banner, navigační odkazy a text v podobných velikostech a tloušťkách, návštěvníci stránku jen přelétnou, aniž by ji četli, a odejdou, aniž by jednali. Každá stránka by měla mít jeden dominantní prvek, na který oko zamíří jako na první, obvykle nadpis, a za ním logickou cestu k nejdůležitější akci. Článek co je vizuální hierarchie vysvětluje, jak velikost, kontrast a mezery vytvářejí pořadí čtení, které návštěvníky vede bez jejich námahy.
Opravte mobilní zážitek
Stránka pro počítač, která se na mobilu špatně složí, text, který se musí přibližovat, aby se dal přečíst, tlačítka příliš malá na spolehlivé ťuknutí a formuláře, jejichž vyplňování na dotykové obrazovce je frustrující, to všechno vede návštěvníky k odchodu. Problémy s mobilním UX jsou na firemních webech nejčastěji přehlížené, protože majitelé a vývojáři obvykle web vytvářejí a testují na počítači. Zkontrolovat každou klíčovou stránku a každý postup uživatele na skutečném telefonu není volitelné. Článek jak udělat web vhodný pro mobily popisuje konkrétní rozhodnutí o rozvržení a interakci, která určují, zda mobilní zážitek funguje.
Snižte tření u formulářů
Formuláře s příliš mnoha povinnými poli, bez viditelných popisků, s nejasnými chybovými hlášeními a bez potvrzení po odeslání ztrácejí významnou část návštěvníků, kteří je chtěli vyplnit. Odstranit každé pole, které není nutné, přidat jasné popisky ke každému vstupu, psát chybová hlášení, která určí konkrétní problém a způsob opravy, a zobrazit po odeslání jasné potvrzení, to jsou změny, které zvyšují míru dokončení formulářů téměř na každém firemním webu.
Udělejte výzvy k akci viditelné a konkrétní
Výzva k akci, která splývá se stránkou nebo používá vágní jazyk, ztrácí návštěvníky, kteří jsou připraveni jednat. Hlavní výzva k akci na každé stránce by se měla vizuálně lišit od všeho kolem barvou a kontrastem, být umístěná tam, kde oko návštěvníka přirozeně dorazí, a formulovaná podle výsledku, ne podle akce. „Objednat bezplatný hovor“ převádí lépe než „Kontaktujte nás“. „Zobrazit ceny“ převádí lépe než „Zjistit více“. Každá stránka by měla mít jednu jasnou hlavní akci a nemělo by být možné ji přehlédnout.
Zkraťte dobu načítání stránky
Každá další sekunda načítání snižuje podíl návštěvníků, kteří zůstanou stránku číst. Pomalé stránky způsobují, že návštěvníci odejdou, než uvidí jakýkoli obsah, takže všechna ostatní zlepšení UX jsou pro tyto návštěvy bezpředmětná. Nejčastějšími opravami jsou komprese obrázků, odložení skriptů, které se nepotřebují hned, a odstranění kódu, který se už nepoužívá. Článek typy rozvržení webu popisuje, jak rozhodnutí o rozvržení souvisejí s tím, jak rychle se načte viditelný obsah.
Jak určit, která zlepšení UX udělat jako první?
Začněte stránkami s nejvyšší obchodní hodnotou. Úvodní stránka, hlavní stránka služby nebo produktu a stránka kontaktu nebo pokladna jsou místa, kam přichází nejvíc návštěvníků a kde se ztrácí nejvíc konverzí. Zlepšení UX na jedné z těchto stránek přinese větší návratnost než stejné zlepšení na stránce s nízkou návštěvností.
Na těchto stránkách nejdřív opravte problémy, které postihují nejvíc návštěvníků. Popisek navigace, který mate každého příchozího, se týká všech. Chyba formuláře, která se spustí jen v jednom konkrétním prohlížeči, se týká mnohem méně lidí. Pořadí je: nejdřív stránky s vysokou návštěvností, pak nejčastější místa tření na nich.
Jak změřit, zda zlepšení UX fungují?
Měřte konkrétní chování, které jste se snažili změnit. Pokud jste zjednodušili kontaktní formulář, změřte míru dokončení formuláře před a po. Pokud jste přestavěli vizuální hierarchii stránky, změřte míru opuštění a čas na stránce. Pokud jste opravili mobilní rozvržení, změřte mobilní konverzní poměr této stránky.
Změny uživatelského zážitku málokdy přinesou okamžité výsledky. Dejte každé změně dva až čtyři týdny, než vyvodíte závěry, podle objemu návštěvnosti stránky. Stránky s nízkou návštěvností potřebují víc času, aby nasbíraly dost dat pro smysluplné srovnání.
Jak zlepšení UX souvisejí s SEO?
Vyhledávače používají behaviorální signály k posouzení, zda stránky dobře slouží svým návštěvníkům. Stránky, na kterých návštěvníci zůstávají déle, posouvají se dál a dokončují akce, signalizují relevanci a kvalitu. Stránky s vysokou mírou opuštění a nízkým zapojením signalizují opak. Zlepšení UX, která udrží návštěvníky na stránce a vedou je k dokončení úkolů, vytvářejí behaviorální signály, které časem podporují pozice. Článek co je SEO popisuje, jak se signály uživatelského zážitku promítají do výkonu ve vyhledávání.
Jak WEMASY řeší zlepšení UX
Tvůrce webů WEMASY umožňuje upravovat rozvržení, strukturu navigace, pole formulářů a hierarchii stránek ve vizuálním editoru, aniž byste stránky stavěli od nuly. Náhledy pro mobil a počítač ukazují efekt změn před zveřejněním. Šablony jsou vytvořené s výchozími UX nastaveními, která řeší nejčastější problémy firemních webů, takže zlepšení lze dělat u konkrétních prvků a nemusíte začínat znovu.
Podívejte se, co je zahrnuto, na stránce tvůrce webů WEMASY, nebo si prohlédněte tarify na stránce s cenami.
Často kladené otázky
Kde začít při zlepšování UX webu?
Začněte stránkou s nejvyšší návštěvností, která má jasný cíl a měřitelný výsledek. U většiny firemních webů je to úvodní stránka nebo hlavní stránka služby. Najděte na ní jeden bod tření, který postihuje nejvíc návštěvníků: nejasný nadpis, zahrabanou výzvu k akci, matoucí navigaci nebo pomalé načítání. Opravte nejdřív tuto jednu věc, změřte výsledek a pokračujte další. Když se snažíte zlepšit všechno najednou, nelze poznat, co funguje. S tvůrcem webů WEMASY to můžete nastavit přímo na svém webu.
Vyžadují zlepšení UX úplný redesign webu?
Zřídka. Většina problémů s UX jsou konkrétní potíže na konkrétních stránkách, ne strukturální selhání, která vyžadují přestavbu celého webu. Zjednodušení popisků navigace, zlepšení chybových hlášení formulářů, úprava vizuální hierarchie klíčové stránky nebo oprava mobilního rozvržení se dají udělat bez redesignu. Úplný redesign stojí za zvážení, když struktura webu už neodpovídá tomu, jak firma funguje, když platforma nepodporuje potřebné změny, nebo když jsou problémy s UX tak rozšířené, že by jejich jednotlivé opravy trvaly déle než přestavba.
Jak dlouho trvá, než se projeví výsledky zlepšení UX?
Záleží na objemu návštěvnosti a typu změny. Stránka s vysokou návštěvností a jasným měřitelným výsledkem, například mírou dokončení kontaktního formuláře, může ukázat výsledky během jednoho až dvou týdnů. Stránka s nízkou návštěvností může potřebovat měsíc nebo víc, aby nasbírala dost dat pro spolehlivé srovnání. Změny navigace a vizuální hierarchie obvykle ukážou výsledky rychleji než změny, které se týkají jen malé části návštěvníků stránky.
Jaký je rozdíl mezi auditem UX a testováním použitelnosti?
Audit UX je odborné posouzení webu podle zavedených principů a standardů použitelnosti, které odhaluje problémy na základě znalosti toho, jak se uživatelé obvykle chovají. Testování použitelnosti spočívá v pozorování skutečných uživatelů, jak plní úkoly na webu, a zaznamenání, kde mají potíže. Audity jsou rychlejší a levnější. Testování použitelnosti je přesnější, protože odráží, jak se skuteční uživatelé chovají, a ne jak to předpovídá odborník. Obojí je užitečnější než nic. U webů malých firem odhalí testování použitelnosti se dvěma nebo třemi skutečnými uživateli nejvýznamnější problémy rychleji než jakákoli jiná metoda.
Mohou zlepšení UX zvýšit konverze bez další návštěvnosti?
Ano. Zlepšení konverzního poměru vychází z toho, že stávajícím návštěvníkům usnadníte dokončit akci, kvůli které přišli. Web, který převádí 2 procenta návštěvníků, vytvoří při stejné návštěvnosti dvakrát víc poptávek, pokud konverzní poměr dosáhne 4 procent. Zlepšení UX jsou jedním z nejpřímějších způsobů, jak zvýšit konverze bez zvýšení návštěvnosti nebo výdajů na reklamu. U firem, kde je získávání návštěvnosti drahé, je často výnosnější investicí zlepšit to, co se děje po příchodu návštěvníka.