Portfolio Motion QA (Assurance Qualité des Animations)
Utilisez les animations seulement lorsqu'elles clarifient la hiérarchie, l'orientation, le retour d'information, la séquence ou la continuité.
Inspecter d'abord
Lisez les règles de mouvement du projet, la source des tokens et les primitives de mouvement existantes. Réutilisez leur sémantique et leurs durées plutôt que d'ajouter une échelle indépendante ou une nouvelle bibliothèque d'animation.
Règles de décision
- Gardez le contenu de lecture statique, sauf si l'animation apporte un bénéfice clair.
- Privilégiez l'opacité et les transformations ; évitez les animations de mise en page, les boucles ambiantes, le détournement de défilement, l'échelonnement des caractères et
transition: all. - Maintenez l'animation optionnelle : le mode de mouvement réduit se résout immédiatement et l'opération au clavier n'attend jamais la fin de l'animation.
- Vérifiez que les états de survol (hover) et de focus produisent des changements d'état équivalents ; ne dépendez pas du comportement du pointeur sur mobile.
Valider
Testez les états normal et en mouvement réduit, le focus clavier, la mise en page desktop/mobile, ainsi que le comportement de rejeu et de sortie le cas échéant. Signalez la raison de chaque choix d'animation, son token/primitive, et tout écart nécessitant une décision de projet documentée.