Cum citește ochiul un site: ierarhia vizuală

Oamenii nu citesc un site cuvânt cu cuvânt — îl scanează. Privirea sare întâi la titlu, apoi la beneficiul principal, apoi caută butonul. Dacă informația importantă nu e pe acest traseu, omul n-o vede deloc.

Traseul privirii

Studiile de eye-tracking arată tipare destul de constante: pe pagini cu mult text, ochiul urmează un „F" — citește primul rând, apoi tot mai puțin din următoarele. Pe pagini cu design clar, urmează un „Z" — colț stânga-sus, apoi diagonal spre elementul principal. În ambele cazuri, ce e sus și în stânga are cea mai mare șansă să fie văzut.

Cum folosești asta

• Un singur element dominant pe ecran — titlul. Dacă totul e mare, nimic nu e mare.
• Contrast, nu culoare în plus. Butonul iese în evidență pentru că restul e liniștit, nu pentru că e mai colorat.
• Spațiu în jurul a ce contează. Golul din jurul unui element îl face vizibil mai bine decât orice săgeată.
• Mărimi clar diferite între titlu, subtitlu și text. Ierarhia se citește instant, fără efort.

Design bun nu înseamnă „mai multe culori"

Înseamnă să nu pui vizitatorul să caute. Mesajul-cheie și acțiunea, exact acolo unde privirea ajunge natural — restul, în ordinea descrescătoare a importanței. Așa aranjăm fiecare pagină: după cum se citește, nu după cum ne place nouă.

Testul ochilor mijiți

E cea mai rapidă verificare și n-are nevoie de niciun instrument: mijește ochii până când pagina devine neclară, sau uită-te la ea de la doi metri distanță. Ce rămâne vizibil în pata aceea difuză e ce vede vizitatorul în prima secundă.

Dacă în starea asta se distinge titlul și butonul, ierarhia e bună. Dacă totul se amestecă într-o masă cenușie uniformă, înseamnă că elementele au aceeași greutate vizuală — deci nimic nu conduce privirea nicăieri.

Cel mai des rezolvăm asta scoțând, nu adăugând: mai puține culori, mai puține chenare, mai mult spațiu gol în jurul a ce contează. Un buton nu devine vizibil pentru că e mai colorat, ci pentru că e singurul lucru colorat de pe ecran.

Are legătură directă cu simplificarea și claritatea: cu cât sunt mai puține elemente, cu atât traseul e mai clar.

Întrebări frecvente

Ce e ierarhia vizuală?

Este ordinea în care elementele unei pagini atrag atenția — dată de mărime, contrast, poziție și spațiul din jur. O ierarhie bună îl duce pe vizitator, fără efort, de la mesaj la acțiune.

Unde pun butonul ca să fie văzut?

În traseul natural al privirii: în prima secțiune, sub titlu și beneficiul principal. Lasă spațiu liber în jurul lui și folosește o culoare care contrastează cu restul paginii.