Zpět na seznam článků

Jak lidi prohlížejí váš web?

Jak strukturovat obsah webu, aby byl pochopitelný, přesvědčivý a čtivý.

F

Téměř vůbec. Smiřte se s tím, že si přečtou pětinu stránky.

Většina lidí udrží pozornost asi tak stejně, jako lumík. Pozoruju to na sobě (bez těch sebevražedných tendencí). A to jsem vypnul všechny vyskakovací okna, zvuky, notifikace a nastavil e-mail na kontrolu jednou za hodinu.

K tomu používám sebemrskačské pomůcky jako pomodoro techniku, getting things done, a vážně uvažuju o buzer lístku.

Stejně. Nutkání se podívat na facebook, legrační videa, novinky, komentář kamaráda, poslední newsletter, obrázky, které by si člověk určitě neměl prohlížet v práci, je velké.

Pojďme se podívat, jak strukturovat obsah tak, aby si toho lidi prohlédli co nejvíc…

0,05 sekundy

Za takhle krátkou dobu si udělají návštěvníci stránky první dojem.

Podle Googlu stačí dokonce 0,017 s. Důležité je, aby byl web graficky jednoduchý a intuitivní, co se týče struktury (košík v pravém horním rohu, …). Pokud tyto dvě pravidla splňuje, pak je lidmi vnímán jako přitažlivý.

První dojem — 94 % uživatelů komentovalo design, 6 % obsah. I přes to, že vám budou lidi při uživatelském testování říkat opak, hlavním faktorem při rozhodování je grafika, přehlednost, struktura, písmo a barvy.

Uživatelé dokonce upřednostňovali grafiku před uživatelskou přívětivostí. Pokud tedy máte přívětivý hnusný web, tak se obávám, že si moc nepomůžete.

Naopak hezký web, který se trochu blbě používá, je pro uživatele akceptovatelný.

Ideálem samozřejmě je web hezký a uživatelsky přívětivý :).

Prolétnutí

Většina lidí stránku nejprve zběžně prolétne a dívá se na: nadpisy, odrážky, zvýrazněný text a obrázky. Čtou, pokud je něco zaujme.

Na stránce řešíte:

  • Jsem na správném místě?
  • Co mám udělat dál?
  • Jak se vrátím zpět?

V uživatelských videích je téměř pravidlem, že lidi zaskrolují na konec stránky a zpět. Udělají si zběžný dojem, zda má cenu stránku číst dál.

Přeskakují, co je nezajímá. Čtou střípky. A nepřečtou víc, jak 20 % textu. Dá se tomu pomoci správným strukturováním textu. A to včetně titulků, které mají klíčovou informaci na začátku.

Pokud je už něco zaujme, mají lidi tendenci číst slovo od slova. Zvlášť u obsahu, který je pro potěšení.

Na webu lidi čtou o čtvrtinu pomaleji, než u tištěného slova. Souvisí to s kontrastem, vzdáleností od monitoru, oslněním atp.

Nejvíce pozornosti? Levý horní roh

Proto je tam logo a začátek navigace.

Při prvním navštívení stránky směřuje oko nejprve do levého horního rohu. Je to logické, jsme zvyklí číst zleva a odshora.

Souvisí to i s takzvaným Gutenbergovým diagramem. Představte si písmeno Z, po této lince se ubírá pohled. Proto je dobré mít CTA (call-to-action) na místech, kde bude vidět.

konzumace obsahu na stránce kopíruje tvar písmene F

Jiné studie uvádějí pohyb na konturách písmene F. Ono je to v zásadě jedno. Hlavní je, že nejvíce pozornosti se odehrává nahoře a vlevo. Proto se tam taky umísťuje logo, slogan, navigace a další prvky.

95 % lidí si přečte úvodní odstavec, pokud jej dáte větším písmem nebo jiným zvýrazněním.

A teď jděte grafikovi říct: „Nemohl byste to logo krapet zvětšit?“

Lidi skrolujou. Do poloviny stránky

Všichni vědí, jak skrolovat. Jen hodně z nich nevidí důvod, proč by to měli dělat.

Důležitý obsah by měl být nad tzv. ohybem (fold). 80 % času trávíte nad ohybem.

Skrolování je určitě lepší, než rozsekat článek do 3 stránek. Je ale důležité, abyste dali lidem vědět, že se skrolovat dá. Což znamená nemít v ohybu prázdné místo. Ale dát tam část fotky nebo textu.

Případně se poslední dobou objevuje ve spodní části šipka, která vám dává vědět, že se dá skrolovat.

Podle studie z roku 2013 většina lidí zaskroluje do 50-60 % hloubky článku. Je zajímavé, že není žádná vazba mezi skrolováním a sdílením na sociálním médiích. Lidi klidně sdílí i článek, který nedočetli do konce.

Co se týče vodorovného pohybu, tak 69 % času budete trávit na levé polovině stránky.

Závěr

Zde jsou pravidla, která vám pomohou k lepším stránkám:

  1. Stránka by měla být jednoduchá, intuitivní a hezká.
  2. Použijte nadpisy, podnadpisy, shrnutí, odrážky, citace a relevantní fotky.
  3. Důležitý obsah umísťujte nahoru a doleva.
  4. … a hlavně. Neřiďte se pravidly a vždy všechno otestujte.

Související články

Attention-ratio

Optimalizace vstupních stránek (LPO – Landing Page Optimization)

Optimizely

Nejlepší UX a CRO nástroje, které používám každý den

Cracking-the-code-blog

Optimalizovat návštěvnost nebo samotný web?

Closed-door

Proč lidi neotevírají váš newsletter (9 důvodů)

Smysluplná debata