Web, který neudrží pozornost

Většina uživatelů opustí váš web ještě dřív, než si vůbec všimnou, co děláte nebo prodáváte.

Nejsou hloupí. Jen jim něco brání zůstat. Možná je to zmatená hlavní stránka, mnoho textu nebo chaos ve struktuře.

V tomto článku se podíváme na to, proč se to děje a co s tím můžete udělat.

Uvádím příklad menšího e-shopu, kterému jsem pomohl to otočit.

První dojem za 0,05 sekundy

První dojem si vytvoříme během 0,05 sekundy. To je méně než mrknutí oka. Už takto krátká doba ovlivňuje, jestli na stránce zůstaneme nebo odejdeme jinam.​

Podle výzkumu Google opustí 53 % lidí web, pokud se načítá déle než 3 sekundy. Weby ztrácí uživatele také kvůli špatnému rozvržení, nejasnému sdělení, matoucím odkazům.

Nula kliknutí, žádná interakce.

V prvních sekundách si většinou podvědomě odpovídáme na tři čtyři otázky:

1. Jsem tady správně?
2. Co mi tenhle web nabízí?
3. Vyřeší můj problém?
4. Můžu mu věřit?

Pokud nepřevažují odpovědi ano – většinou zavíráte stránku a jdete dál. Google, Seznam, sociální sítě, e-maily… Váš web soupeří s absolutním přetlakem pozornosti.

V tomto článku si ještě ukážeme:

• Jaké konkrétní chyby nejčastěji vedou k opuštění webu.
• Jak to vyřešit, i bez velkého rozpočtu.
• Příklady z praxe, které ukazují rozdíl mezi nefunkčním a funkčním webem.
• Jak jsem pomohl menšímu e-shopu.

Nejčastější důvody, proč odcházíme

Váš web je pomalý

Rychlost je klíčová. Čím je web pomalejší, tím víc lidí odpadá. A co je horší – většina z nich už se nevrátí.

Jsme netrpěliví, dlouhé načítání na nás působí nedůvěryhodně, druhou šanci většinou nedáváme.

Co pomůže:

• Odstraňte z homepage a ostatních stránek zbytečné prvky (velké obrázky, zbytečné skripty).
• Zkontrolujte si web na PageSpeed Insights a opravte nejhorší metriky.
• Obrázky stačí mít hezké –ne datově obrovské. Ideální formát je WebP.

Zmatečný první dojem

Otevřeme si homepage a nevíme, co firma dělá. Poradenství? E-shop? Nebo magazín? Nemáme jasnou odpověď? Jdeme pryč.

Co pomůže:

Jedna jasná věta o tom, co děláte, pro koho a jak vyřešíte jeho problém. Prosím ne karusely.

Příklad: místo “Digitální partner budoucnosti” raději “Pomáhám malým firmám získat zákazníky online”. Jasné informativní sdělení.

Jeden viditelný hlavní CTA prvek (např. tlačítko “Zjistit více” nebo “Kontaktujte mě”).

Homepage by měla být tzv. samovysvětlující.

Nejste důvěryhodní

Stránka, e-shop možná vypadá “v pořádku”, ale není vidět, kdo za ním stojí, chybí recenze zákazníků, reference klientů, logo je rozmazané – působí tak trochu nedodělaně.

Co pomůže:

Vaše fotografie, fotka firmy, vnitřních prostor, vaše jméno.

Přehledná stránka “O mně” nebo “Kdo jsem”.

Reference, loga klientů, procenta, úspěchy, čísla (např. “spolupracuji s 30 firmami”).

U e-shopu: viditelné hodnocení produktů, ikony bezpečné platby, zákaznický servis, otevírací doba od do.

Co můžete udělat hned

1. Vžijte se do role zákazníka a napište si, co má na vaší homepage pochopit do 5 sekund.
2. Upravte hlavní nadpis tak, aby odpovídal tomu, co děláte a aby zaujal.
3. Požádejte někoho, kdo vás nezná, aby váš web prošel – a naslouchejte jeho zpětné vazbě. Stačí 5 lidí a zjistíte 85 % chyb.
4. Odstraňte vše, co není nutné (karusely, dlouhé texty, zbytečná CTA).
5. Upravte tlačítka: raději “Zjistit, jak to funguje” než “Klikněte zde”.
6. Nesnažte se být originální za každou cenu. Uškodíte si. Někdo vás nemusí pochopit.

3 dobré příklady z českých webů

Econea.cz

Jasné sdělení: Na úvodní stránce je zřejmé, že se jedná o e-shop s ekologickými produkty.

Přehledná navigace: Kategorie jsou logicky uspořádané, což usnadňuje orientaci.

Důvěryhodnost: Zákaznické recenze a certifikáty jsou na viditelném místě.

Notino.cz

Rychlé načítání: Stránky se načítají velmi rychle, což zlepšuje uživatelský zážitek.

Personalizace: Spolupracuje se známými osobnostmi, které odpovídají jejich cílovce.

Jednoduchý nákupní proces: Košík a pokladna jsou intuitivní.

Česká peleta.cz

Jasné sdělení: Na úvodní stránce je vidět, že se jedná o nabídku ekologických topiv a souvisejících služeb.

Přehledná navigace: Kategorie jsou logicky uspořádány (vytápění, kotle, paliva), což usnadňuje orientaci.

Důvěryhodnost: Web prezentuje certifikace a důležité informace o produktech, což zvyšuje důvěru zákazníků.

Rušivé prvky: zabijáci soustředění

Na webu to někdy vypadá jako na pouti. Vyskakovací okno, chat, lišta s cookies, slevový kód, newsletter, notifikace, video…

Člověk ani nestihne přečíst první větu – a už neví, kam se podívat.

Chaos, panika.

Výsledek? Uživatel odchází. Ne proto, že by ho vaše služba nezajímala, ale protože se ztratil, nezorientoval, stal se součástí chaosu.

Nejčastější problémy

• Vyskakovací okno (pop-up) do 2 sekund po načtení.
• Chat, který překrývá text. Hlavně na mobilu je to zlo.
• Autoplay video se zvukem.
• Příliš mnoho tlačítek nebo bannerů najednou.
• 5 různých CTA vedle sebe. Které je nejdůležitější?
• Originální navigace, kterou nikdo nepochopí. Nenuťte zákazníky přemýšlet.

Co pomůže

• Popup zobrazujte až po 30–60 sekundách, až se uživatel začte, zorientuje.
• U chatu nechte uživatele rozhodnout – ať se aktivuje až po kliknutí.
• Video? Klidně, ale bez zvuku a s jasným tlačítkem „Přehrát“.
• Jedna výzva k akci stačí.
• Dodržujte očekávání – hamburger menu a košík vpravo nahoře. Kontakt dole v patičce.

Jak jsme snížili bounce rate o 28 %

U jednoho menšího e-shopu s dekoracemi jsme řešili problém s extrémně vysokou mírou okamžitého opuštění.

Už na homepage se na návštěvníky sesypalo všechno najednou:

• popup s newsletterem už po 3 sekundách,
• sleva 5 % za registraci,
• cookie lišta přes půl obrazovky,
• a k tomu chatová bublina, která překrývala menu a šla špatně zavřít.

Výsledek? Průměrná doba strávená na stránce byla u 40 % návštěv nějakých 6 sekund. Prakticky nikdo se nedostal dál, o nějakém nakupování nebyla ani řeč.

Po revizi jsme homepage výrazně zjednodušili – zůstal jeden decentní banner s výzvou „Inspirujte se“ a hlavní tlačítko vedoucí na výběr prioritních produktů.

Po 14 dnech testování klesla míra okamžitého opuštění o 28 % a začaly přicházet první objednávky od nových zákazníků.

Schválně si zkuste otevřít namátkově 2-3 e-shopy a uvidíte možná všechno, co jsem tady popsal.

Co si z toho vzít

Největší problém webů a e-shopů není to, že by byly špatně udělané. I starší web může dobře fungovat. Ale že jsou udělané pro majitele, ne pro uživatele, vaše zákazníky.

To, co je pro vás samozřejmé, může být pro ostatní matoucí. Co vám připadá důležité, si návštěvník vůbec nevšimne.

Web je o vnímání.

Když lidé nepochopí, co děláte, proč by měli zůstat?

Odstraňte zbytečnosti, vyjasněte sdělení a vytvořte jasný směr.

Ano, takhle jednoduché to je a není…

zdroje:
zkušenosti z vlastních testování e-shopů
https://www.researchgate.net/publication/220208334_Attention_web_designers_You_have_50_milliseconds_to_make_a_good_first_impression_Behaviour_and_Information_Technology_252_115-126
https://www.crazyegg.com/blog/why-users-leave-a-website/
https://www.hotjar.com/conversion-rate-optimization/glossary/bounce-rate/
https://blog.hubspot.com/marketing/decrease-website-bounce-rate-infographic
https://www.wired.com/2006/01/the-importance-of-being-pretty/