Představte si situaci: návštěvník přijde na váš web, ale během několika vteřin frustrovaně klikne na křížek a odejde ke konkurenci. Stává se vám to? Podle výzkumů opouští téměř osmdesát osm procent uživatelů weby kvůli špatné uživatelské zkušenosti. Pojďme se podívat na sedm nejčastějších chyb, které dokážou vytočit i toho nejtrpělivějšího návštěvníka.
Pomalé načítání stránky
Rychlost je v dnešním digitálním světě králem. Uživatelé očekávají, že se stránka načte do tří vteřin – pokud to trvá déle, více než polovina z nich odchází jinam. Pomalý web není jen otravný, ale přímo ničí vaši konverzi a prodeje.
Hlavní příčiny pomalého načítání:
- Neoptimalizované obrázky v plném rozlišení
- Přebujelý kód a zbytečné pluginy
- Nekvalitní hosting s přetíženými servery
- Absence cache a komprese dat
Řešení je často jednodušší, než si myslíte. Komprimujte obrázky do moderních formátů jako WebP, minimalizujte CSS a JavaScript, a investujte do kvalitního hostingu. Každá ušetřená vteřina znamená více spokojených zákazníků.
Agresivní pop-upy a automaticky přehrávané video
Nic nevytáčí uživatele rychleji než pop-up okno, které jim zablokuje obsah ještě předtím, než stihli přečíst první odstavec. Ještě horší jsou videa, která se spustí sama s plným zvukem a vyděsí každého, kdo si právě prohlíží web v klidném prostředí.
Pop-upy mají své místo v marketingu, ale timing je klíčový. Ukažte je až poté, co návštěvník strávil na webu alespoň třicet vteřin, nebo když se chystá odejít. Nikdy je nezobrazujte okamžitě po načtení stránky. A automatické přehrávání videa? To prostě vypněte úplně.
Jak používat pop-upy správně
- Počkejte minimálně třicet vteřin před zobrazením
- Nabídněte skutečnou hodnotu, ne jen newsletter
- Umožněte snadné zavření křížkem na viditelném místě
- Nezobrazujte stejný pop-up opakovaně témuž uživateli
Nečitelný text a špatný kontrast
Elegantní šedý text na světle šedém pozadí může vypadat stylově v grafickém návrhu, ale pro čtení je to noční můra. Nízký kontrast mezi textem a pozadím nutí uživatele přimhouřit oči a soustředit se víc, než by měli.
Webový obsah musí být čitelný pro všechny, včetně lidí se zrakovým postižením. Minimální doporučený kontrast podle standardů WCAG je poměr čtyři a půl ku jedné pro běžný text. Ideální je však sedm ku jedné.
Další faktory ovlivňující čitelnost:
- Příliš malé písmo (méně než šestnáct pixelů)
- Nedostatečná výška řádku způsobující stísněný text
- Příliš dlouhé řádky přes celou šířku obrazovky
- Dekorativní fonty pro dlouhé texty
Skrytá nebo matoucí navigace
Když návštěvník nemůže najít, co hledá, nebudete mít druhou šanci. Složitá nebo neintuitivní navigace je jako bludiště bez mapy – uživatel se ztratí a vzdá to.
Hamburger menu na desktopu, nejasné popisky kategorií, příliš hluboká struktura nebo nekonzistentní umístění navigačních prvků – to vše přispívá k frustraci. Navigace by měla být samozřejmá a viditelná na první pohled.
Pravidla dobré navigace
Hlavní menu umístěte tam, kde ho uživatelé očekávají – v horní části stránky nebo vlevo. Používejte jasné a srozumitelné názvy kategorií bez marketingového žargonu. Struktura by neměla být hlubší než tři úrovně. A vždy poskytněte vyhledávací pole pro ty, kdo přesně vědí, co hledají.
Mobilní web jako zmenšená verze desktopu
Více než šedesát procent návštěvnosti webu dnes přichází z mobilních zařízení. Přesto stále existují weby, kde musíte zoomovat, posouvat horizontálně nebo klikat na mikroskopická tlačítka.
Responsivní design není luxus, ale naprostá nutnost. Web musí fungovat perfektně na všech velikostech obrazovek, ne jen „nějak se zobrazit“. Tlačítka musí být dostatečně velká na kliknutí prstem, text čitelný bez zoomování a formuláře použitelné na dotykovém displeji.
Časté chyby mobilních webů:
- Tlačítka příliš blízko u sebe vedoucí k chybným kliknutím
- Formuláře nevyužívající správné typy inputů pro mobil
- Flash nebo jiné nepodporované technologie
- Překrývající se prvky a rozbitý layout
Formuláře z pekla
Vyplnění formuláře by mělo být hladké a rychlé. Místo toho se často setkáváme s nekonečnými poli, nesmyslnými požadavky a chybovými hláškami, které se objeví až po odeslání celého formuláře.
Ptáte se na informace, které nepotřebujete? Vyžadujete heslo s velkým písmenem, číslicí, speciálním znakem a krví prvorozeného? Nezobrazujete chyby u konkrétních polí, ale jen obecnou hlášku nahoře? Gratulujeme, právě jste ztratili zákazníka.
Jak vytvořit uživatelsky přívětivý formulář
Požadujte jen nezbytně nutné informace. Zobrazujte chyby okamžitě u příslušných polí s jasným vysvětlením, co je špatně. Používejte automatické vyplňování a správné typy inputů. A hlavně – umožněte uživatelům vidět heslo, které píší, pomocí ikony oka.
Vynucené registrace a složité platební procesy
Chcete si něco koupit, přidáte zboží do košíku, a pak vás web donutí vytvořit účet ještě před tím, než můžete zaplatit. Sedmdesát procent nákupních košíků je opuštěno, a právě zbytečné překážky v procesu jsou hlavní příčinou.
Uživatelé chtějí jednoduchý a rychlý proces. Pokud od nich vyžadujete registraci, nabídněte možnost nákupu jako host. Minimalizujte počet kroků k dokončení objednávky. Zobrazujte průběh procesu, aby věděli, kolik kroků je ještě čeká.
Další frustrující prvky v e-shopech:
- Skryté náklady na dopravu objevující se až na konci
- Omezené platební metody bez oblíbených možností
- Nucení k odběru newsletteru jako podmínka nákupu
- Nejasné informace o dostupnosti a dodací lhůtě
Jak se vyhnout těmto chybám
Nejlepší způsob, jak zjistit, co na vašem webu frustruje uživatele, je pozorovat je při používání. Udělejte si uživatelské testování s reálnými lidmi z vaší cílové skupiny. Sledujte analytiku a heatmapy, kde lidé klikají a kde odcházejí.
Pamatujte, že web není o vás, ale o vašich uživatelích. Každý prvek by měl sloužit jejich potřebám, ne jen vaší představě o designu. Odstraněním těchto sedmi hříchů výrazně zvýšíte spokojenost návštěvníků, prodloužíte čas strávený na webu a zlepšíte konverze.
Investice do kvalitní uživatelské zkušenosti se vždy vrátí. Spokojení uživatelé se vracejí, doporučují vás dál a stávají se vašimi zákazníky. A to je přesně to, co chcete, že?