Na spletu večinoma ne beremo, ampak skeniramo. Uporabniki želijo hitro poiskati informacijo, zato z očmi preletijo vsebino in preskočijo večino besedila. Eden najbolj znanih načinov branja na spletu je F-pattern.
Razumevanje teh vzorcev je pomembno, ker neposredno vpliva na berljivost vsebine, uporabniško izkušnjo in konverzije (klike).
Kaj je F-pattern?
Pri F-patternu uporabniki stran pregledajo v obliki črke F:
- Najprej preberejo prvo vrstico ali naslov vodoravno.
- Nato preberejo še nekaj naslednjih vrstic, vendar že bolj površno.
- Nato začnejo vertikalno skenirati levo stran strani.
To pomeni, da največ pozornosti dobijo naslovi, prve besede v vrstici in leva stran vsebine. Velik del besedila na desni strani uporabniki pogosto preskočijo. Zakaj so potem oglasi na desktop pogledu na desni strani?
F-pattern ni edini način skeniranja
Uporabniki na spletu uporabljajo več različnih vzorcev skeniranja:
- Layer-cake pattern
Uporabniki pregledujejo predvsem naslove in podnaslove, nato pa skočijo na posamezne dele besedila. Ta vzorec je npr. prva stran tega bloga. - Spotted pattern
Uporabniki iščejo specifične besede, datume, linke ali številke. - Lawn-mower pattern
Pogost pri tabelah – uporabniki berejo vrstico po vrstico. - Commitment pattern
Redek primer, ko uporabnik dejansko prebere celotno besedilo.
Vir: : UI Design Best Practices for Better Scannability, Nemanja Banjanin
Zakaj je to pomembno za oblikovanje vsebine
F-pattern se pogosto pojavi, ko dizajn uporabnika ne vodi dovolj jasno skozi vsebino. Zato se vklopi F pregled strani. Kot pravi oblikovalec Christopher Butler »Dolžina vsebine ni problem«. Problem je pomanjkanje ritma. Naloga oblikovanja je zato usmerjanje pozornosti uporabnika.
Kako zmanjšati F-pattern skeniranje
Dobro strukturirana vsebina lahko bistveno izboljša branje. Pomagajo predvsem:
- Jasni naslovi in podnaslovi
Razdelijo vsebino na manjše sklope. - Ključne besede na začetku naslova
Uporabnik hitro razume, kaj sledi. - Vizualne sidrne točke
Slike, grafi ali poudarki pomagajo pri orientaciji. - Manjši bloki besedila
Veliki odstavki odvračajo pozornost. - Vizualno združevanje informacij
Sorodne informacije naj bodo skupaj.
Primer F-patterna
Poseben primer: tabele
Pri velikih tabelah uporabniki pogosto izgubijo orientacijo. Pomaga fiksna glava tabele (sticky header), jasno označeni stolpci in dovolj prostora med podatki. Tako lahko uporabnik lažje primerja vrednosti.
Ključne ugotovitve
- Uporabniki na spletu večinoma skenirajo vsebino.
- Največ pozornosti dobijo naslovi in leva stran strani.
- Slabo strukturirana vsebina povzroča F-pattern branje.
- Naslovi, razmiki in vizualni elementi pomagajo usmerjati pozornost.
- Dobro oblikovana vsebina lahko skeniranje spremeni v dejansko branje.
