Představte si situaci: návštěvník přijde na váš web, ale místo procházení obsahu okamžitě zavře záložku prohlížeče. Stává se vám to příliš často? Problém nemusí být v kvalitě vašich služeb, ale v designu webu, který návštěvníky doslova odrazuje. Podle výzkumů opouští až osmdesát osm procent uživatelů web kvůli špatné uživatelské zkušenosti a už se nikdy nevrátí.
Moderní webdesign by měl být intuitivní, rychlý a příjemný pro oči. Bohužel mnoho webů stále trpí zásadními chybami, které frustrují návštěvníky a negativně ovlivňují konverze. Pojďme se podívat na sedm nejčastějších prohřešků, kterých byste se měli vyvarovat.
Automaticky přehrávané video a zvuky
Nic nevystraší návštěvníka rychleji než nečekaný zvuk z reproduktorů. Automatické přehrávání videí se zvukem je jedním z nejotravnějších prvků moderního webu. Uživatel možná prohlíží web v kanceláři, v knihovně nebo pozdě večer, kdy ostatní spí.
Automaticky spuštěné video navíc spotřebovává data mobilního připojení a zpomaluje načítání stránky. Podle studií až devadesát pět procent uživatelů považuje autoplay za obtěžující a aktivně hledá tlačítko pro vypnutí nebo rovnou opouští web.
Jak to řešit správně
- Nechte video vypnuté s výrazným tlačítkem pro spuštění
- Pokud musíte použít autoplay, vypněte zvuk a přidejte titulky
- Dejte uživatelům jasnou kontrolu nad multimediálním obsahem
Agresivní pop-up okna hned po příchodu
Návštěvník přijde na váš web a ještě než stihne přečíst první větu, vyskočí mu okno s nabídkou newsletteru, slevovým kupónem nebo upozorněním na cookies. Možná se objeví hned několik překryvných oken najednou. Tato praxe je extrémně frustrující a Google ji dokonce penalizuje v mobilním vyhledávání.
Pop-upy samozřejmě fungují a mohou zvýšit konverze, ale timing je klíčový. Uživatel potřebuje nejprve zjistit, co mu web nabízí, než se rozhodne, zda chce odebírat newsletter nebo využít slevu.
Doporučené postupy
- Počkejte alespoň třicet sekund nebo dokud uživatel neposune stránku
- Použijte exit-intent pop-up, který se zobrazí až při pokusu o opuštění stránky
- Zajistěte, aby bylo zavírací tlačítko dobře viditelné a funkční
- Na mobilních zařízeních buďte obzvlášť opatrní
Nečitelné písmo a nedostatečný kontrast
Světle šedý text na bílém pozadí možná vypadá elegantně v grafickém návrhu, ale pro čtení je noční můrou. Podobně malé písmo o velikosti deset pixelů může ušetřit místo, ale donutí návštěvníky mžourat a zvětšovat stránku.
Problém s kontrastem a čitelností postihuje zejména starší uživatele a osoby se zrakovým postižením, ale obtěžuje prakticky každého. Minimálně patnáct procent populace má nějakou formu zrakového omezení.
Základní pravidla čitelnosti
- Používejte minimální velikost písma šestnáct pixelů pro hlavní text
- Zajistěte kontrast alespoň čtyři a půl ku jedné mezi textem a pozadím
- Vybírejte čitelné fonty, ne jen ty nejmodernější
- Délka řádku by neměla přesahovat sedmdesát až osmdesát znaků
Pomalé načítání stránky
Každá vteřina čekání stojí peníze. Statistiky ukazují, že pokud se stránka nenačte do tří vteřin, opustí ji téměř polovina návštěvníků. Při čekání pět vteřin odchází už osmdesát procent uživatelů. V době rychlého internetu a okamžitého uspokojení nikdo nechce čekat.
Hlavními viníky pomalého načítání jsou obvykle neoptimalizované obrázky, přebujelý JavaScript, nepotřebné pluginy a špatný hosting. Rychlost webu přitom ovlivňuje nejen uživatelskou zkušenost, ale i pozici ve vyhledávání.
Jak zrychlit načítání
- Komprimujte a optimalizujte všechny obrázky před nahráním
- Používejte moderní formáty jako WebP
- Minimalizujte CSS a JavaScript soubory
- Implementujte lazy loading pro obrázky
- Investujte do kvalitního hostingu s CDN
Skryté nebo matoucí navigace
Uživatel přijde na web a neví, kam má kliknout. Menu je schované za nejednoznačnou ikonou, odkazy nejsou jasně označené a struktura webu připomíná bludiště. Taková navigace je přímou cestou k vysoké míře okamžitého opuštění.
Návštěvníci by měli během několika vteřin pochopit, kde se nacházejí a jak se dostat tam, kam potřebují. Intuitivní navigace je základem dobré uživatelské zkušenosti a neměla by vyžadovat žádné učení.
Zásady přehledné navigace
- Umístěte hlavní menu na očekávané místo – obvykle nahoře nebo vlevo
- Používejte jasné a srozumitelné názvy sekcí
- Omezte počet položek v hlavním menu na pět až sedm
- Zvýrazněte aktuální sekci, kde se uživatel nachází
- Na mobilech používejte standardní hamburger menu
Agresivní reklamy a překryvné bannery
Představte si, že čtete zajímavý článek a najednou se uprostřed textu objeví obrovský banner, který nelze zavřít. Nebo ještě hůř – reklama, která vás přesměruje na jinou stránku. Tyto praktiky jsou tak otravné, že mnoho uživatelů používá blokátory reklam právě kvůli nim.
Reklama je legitimním způsobem monetizace webu, ale nesmí znemožňovat konzumaci obsahu. Google dokonce zavedl sankce pro weby s příliš agresivními reklamami, zejména na mobilních zařízeních.
Jak používat reklamy odpovědně
- Nikdy neumísťujte reklamy, které zakrývají hlavní obsah
- Vyvarujte se reklamám s automatickým přesměrováním
- Zajistěte dostatečný odstup mezi reklamami a klikacími prvky
- Omezte počet reklamních ploch na stránce
Neresponsivní design pro mobilní zařízení
Více než šedesát procent návštěvnosti webů pochází z mobilních zařízení, přesto stále existují weby, které na telefonech vypadají hrozně. Text je příliš malý, tlačítka jsou na sebe nahuštěná a celý obsah vyžaduje neustálé přibližování a oddalování.
Mobilní uživatelé jsou navíc často v pohybu a mají méně trpělivosti než návštěvníci na počítači. Pokud váš web není plně responzivní a optimalizovaný pro mobily, přicházíte o obrovskou část potenciálních zákazníků.
Klíčové prvky mobilní optimalizace
- Používejte responzivní design, který se přizpůsobí všem velikostem obrazovek
- Tlačítka a odkazy musí být dostatečně velké pro pohodlné kliknutí prstem
- Text musí být čitelný bez nutnosti přibližování
- Formuláře by měly být jednoduché a využívat mobilní klávesnice
- Testujte web na reálných mobilních zařízeních, ne jen v emulátoru
Závěr: Uživatel je král
Všechny tyto problémy mají společného jmenovatele – upřednostňují potřeby provozovatele webu před potřebami návštěvníků. Moderní webdesign by měl být zaměřený primárně na uživatele, jejich pohodlí a efektivitu.
Každý z těchto sedmi prvků může jednotlivě snížit konverze a zvýšit míru okamžitého opuštění. V kombinaci pak vytváří toxickou směs, která efektivně odradí většinu návštěvníků. Dobrou zprávou je, že odstranění těchto problémů není technicky složité ani finančně nákladné.
Projděte si svůj web očima běžného uživatele nebo ještě lépe – nechte ho otestovat někoho, kdo ho vidí poprvé. Identifikujte frustrující prvky a systematicky je odstraňte. Vaši návštěvníci vám to vrátí delším časem stráveným na webu, nižší mírou opuštění a vyššími konverzemi. Investice do kvalitní uživatelské zkušenosti se vždy vyplatí.