C’est limiter, contrôler ou même désactiver les mouvements et effets visuels qui se déclenchent sans aucune action de l’utilisateurice.
On parle des carrousels qui défilent tout seuls, des vidéos en lecture automatique, des fonds d’écran animés, ou des effets de survol trop prononcés.
En bref, c’est gérer correctement tout ce qui bouge sur ta page sans que l’utilisateurice ne l’ait demandé, et qui peut potentiellement gêner ou désorienter.
Ce qui peut sembler un détail esthétique pour certaines personnes peut devenir un véritable obstacle pour d’autres.
Certaines animations, même subtiles, peuvent provoquer des vertiges ou nausées, déclencher des crises d’épilepsie, ou causer des troubles de l’attention et de la lecture. Elles peuvent aussi entraîner de la désorientation ou une fatigue visuelle prématurée.
Par exemple, un arrière-plan qui bouge, même lentement, peut empêcher une personne hypersensible de se concentrer sur le contenu principal. Les animations non maîtrisées attirent le regard de manière incontrôlable, coupent la lecture et peuvent parasiter la navigation si elles sont trop dynamiques ou impossibles à arrêter.
Pour maîtriser tes animations, l’objectif n’est pas de tout supprimer, mais de toujours laisser le contrôle.
Idéalement, les animations ne devraient pas se lancer automatiquement ; c’est à l’utilisateurice de décider de les déclencher. Si une animation automatique est nécessaire, limite sa durée et assure-toi qu’elle peut être mise en pause, arrêtée ou masquée à tout moment.
Dans tous les cas, évite les animations qui ne sont pas essentielles au sens du contenu ou à une action spécifique, et utilise-les plutôt pour soutenir la navigation (par exemple, des transitions douces entre les sections).
N°1.
N°2.
N°3.
N°4.
N°5.
