Jak přinutit lidi skrolovat (a číst)

Průměrný návštěvník vašeho webu vám dá 8 sekund na to, abyste ho zaujali.

Lidi prý na webu nečtou. Podle Steva Kruga skenují. Podle Jakoba Normana si přečtou 20-28 % textu na stránce. Podle Gerryho McGoverna jen 1 z 15 uživatelů je schopen lokalizovat informaci v běžném textu na stránce.

A čím více toho napíšete, tím méně si toho přečtou.

Pokud už teď máte depresi, tak to bude jen horší. Na mobilu se lidi podívají na horní třetinu obrazovky a pak úplně dolů (zda je něco dalšího zaujme) nebo úplně nahoru (v případě, že chtějí udělat nějakou akci).

Takže proč se vůbec snažit? Protože se vám to (finančně) vyplatí.

Lidi, co si u vás něco koupí v průměru skrolují o 24 % víc než ti, co si nekoupí. Platí to ale jen na mobilu a tabletu (infografika). Alespoň podle ContentSquare a dat z 50 milionů sessions u top 100 e-shopů.

Navíc lidi skrolují čím dál víc (statistika mezi roky 2013 a 2014):

Společnost Clicktale dělala rozsáhlou studii, ze které vyplývá, že:

Víme tedy, že lidi skrolují.

Má to ale háček… pokud máte blbý obsah, tak vás nezachrání nic.

Lidi skrolují, ale jen v případě, že je dostatečně upoutáte obsahem nad ohybem. A dáte jim důvod, aby chtěli vidět víc. Říkám tomu princip ženského výstřihu.

Hlavní prvky, které vám pomůžou jsou:

OK, a teď pár tipů

Občas narazíte na stránku, která vypadá, že nepokračuje. Obsah nad ohybem nijak neindikuje, že stránka pokračuje i pod ohybem.

Kde na stránce máte ohyb, zjistíte na Fold Tester. Bývalo to i v Google Analytics, ale už máte smůlu.

Počítejte s tím, že průměrný ohyb je někde kolem 590 px od začátku stránky.

Můžete použít vizuální nápovědu, třeba šipku směřující dolů případně text (kliknutím prosím posuňte lidi o obrazovku dolů).

Se vzrůstající délkou stránky se zvyšuje šance, že se člověk v obsahu ztratí. Nebo bude chtít jinam a skrolovat 5 obrazovek se mu nebude chtít.

Lidi musí mít pocit, že ví, kde jsou. A co můžou/mají dělat dál. A tam ta „sticky“ navigace pomáhá.

Pokud máte jednostránkový web, tak můžete s výhodou použít i indikátory, kde se uživatel nachází. Ať už pomocí puntíků nebo zvýraznění tlačítka v horní navigaci (jako Ticháčovo Medio Interactive).

Pokud jste na menších monitorech můžete navigaci schovat při skrolování dolů a ukázat ji při skrolování nahoru.

Funguje to velmi dobře na mobilu, kde byste persistentní navigací zabírali příliš mnoho místa.

Délku stránky by mělo ovlivnit hlavně to, kolik toho potřebujete říct. Když Conversion Rate Experts předělávali stránku pro Moz.com, tak se ptali Randa Fishkina, jak dlouho mu trvá přesvědčit potenciálního zákazníka. A on řekl 9 minut. A minuta hovoru je cca 200-250 slov.

Takže potřebovali stránku o přibližně 2000 slovech. Byla třikrát delší než ta původní a vydělala mu milion dolarů navíc (a zvýšila konverze o 52 %).

Zpátky k příběhu. Potřebujete vyprávět lineárně a nemáte možnost rozhovoru se čtenářem. Proto je důležité udržet jeho pozornost. A tu můžete udržet tím, že použijete (decentní) animaci.

Pár hezkých příkladů:

Jasně, tohle je trochu moc, ale smysluplná animace udělá divy. Udrží pozornost, zlepší zážitek.

Jen prosím opatrně. Velmi jednoduše z toho uděláte cirkus. Navíc je to náročné na procesor.

Použijte animaci tam, kde chcete opravdu přitáhnout pozornost.

Nechte prvky na stránce trochu dýchat. Viz můj článek o prázdném prostoru.

Kromě prázdného prostoru vám pomůže:

Pozor ale na jednu věc – měřítko. Pokud uděláte prvky moc velké, tak budou lidi skrolovat příliš rychle. U příliš malých prvků zase naopak skrolovat nebudou, protože se jim to bude špatně číst.

Jednou za čas je dobré uživatele trochu vytrhnout. A to uděláte tím, že změníte rozvržení stránky. Pokud bude vypadat stránka pořád stejně, tak tím zvýšíte rychlost skorolování a snížíte čtenost.

Takže tu nudu občas rozbijte něčím nečekaným.

Nir Eyal o tom napsal knihu Hooked. Součástí je tzv. proměnlivá odměna. Pokud dostanete pokaždé to samé, tak vás to začne nudit. Pokud ale někdy nedostanete nic a někdy jackpot, tak se to vašemu mozku líbí daleko víc. Je to princip hracích automatů.

Před pár lety jsem takhle dostal zadání udělat vstupní stránku. Zajímavé to bylo ze dvou důvodů:

Lidi čtou jinak na webu a jinak papírovou knihu. Na webu se podobají sběračům, kteří jsou zaměření na výkon. U knihy lidi a priori nepředpokládají, že budou číst maximálně pár minut.

Na webu čtete souvislejší text jen v případě, že vás opravdu zajímá.

Takže je potřeba předat co nejrychleji důležité informace. Pomůže vám k tomu správná struktura stránky, zejména:

Zde jsou nejčastější chyby:

Nastavte si sledování myši a scrollmapy. Zadarmo na Smartlook nebo lépe a za mírný obolus na Hotjar. Případně můžete zkusit plugin, co vám do Google Analytics pomocí eventů hází hloubku zaskrolování.

Zdroje:
Scrolling tips
Life below 600
How scrolling can make or break your experience
Why you won’t finish this articlel
Scrolling behaviour on e-commerce site is evolving
How users read on the web
UX myth – people don’t scroll