Animații și interacțiuni

Animații, tranziții și elemente 3D care dau personalitate unui site, fără să-l facă greu de folosit. Fiecare mișcare are un rol.

Ne plac detaliile care fac un site să se simtă diferit. O tranziție bună sau o prezentare interactivă pot schimba complet experiența, dar la fel de ușor o pot strica. Diferența e dacă mișcarea are un rost: arată de unde a venit ceva, confirmă că un click a fost înregistrat sau îți atrage privirea spre ce s-a schimbat. Mișcarea pusă doar pentru că se poate devine obositoare de la a doua vizită.

Așa că folosim animația acolo unde explică ceva. Tranzițiile păstrează contextul între stări, efectele la hover și la apăsare confirmă că interfața răspunde, iar elementele care apar la scroll prezintă o pagină lungă în ordinea în care trebuie înțeleasă. Pentru produse, o prezentare 3D sau interactivă poate arăta ce o fotografie nu poate.

Fiecare efect e construit ținând cont de cât costă. O animație prost făcută concurează cu tot ce face browserul și face pagina să sacadeze exact când cineva încearcă să citească. Folosim proprietăți pe care browserul le poate anima ușor, încărcăm efectele grele doar când ajungi la ele și verificăm rezultatul, nu îl presupunem.

Cine a setat pe dispozitiv „reduce motion” primește o variantă care respectă setarea: animațiile ajung direct la starea finală și nimic nu se mișcă fără să fie cerut. Pentru unii oameni, mișcarea pe ecran e o problemă reală de accesibilitate.

Ce urmăresc e un site care pare viu când îl folosești și liniștit când citești.