Interfețe care ghidează atenția, în loc să se lupte pentru ea
Mișcarea, contrastul și ierarhia sunt bugete de atenție. Cheltuite peste tot, e ca și cum nu le-ai cheltui nicăieri.
/ În acest articol:
Fiecare element care se mișcă, pulsează sau strălucește cere ceva din atenția vizitatorului. O pagină în care totul cere atenție este o pagină în care nu o primește nimic.
Bugetul de atenție
Tratează contrastul ca pe un buget. Fiecare ecran primește un singur punct principal de atenție, iar restul se așază în raport cu el. Când cineva cere ca un al doilea element să „iasă mai mult în evidență”, răspunsul onest este că altceva trebuie să iasă mai puțin.
Accentul este relativ. Nu îl poți pune peste tot.
/ TITANMATTER
Mișcare cu rost
Mișcarea își merită locul când explică o relație: de unde a venit un panou, ce tocmai a făcut un control, care element este acum selectat. Mișcarea care există ca să demonstreze că se poate mișca ceva costă timp de încărcare și, pe o pagină lungă, costă răbdare.
Reguli practice pe care le ținem
- O singură acțiune principală pe ecran, fără ambiguitate vizuală.
- Animații sub 300 ms pentru orice se află pe drumul interacțiunii.
- Respectă preferința pentru mișcare redusă — este o alegere declarată, nu un indiciu.
- Dacă un efect la hover este singurul mod de a descoperi ceva, acel ceva este de nedescoperit pentru jumătate din traficul tău.
