Avant de créer des animations, il est essentiel de se familiariser avec les notions de base qui s’y rattachent. En tant que concepteur, vous devez tenir compte de la hiérarchie, de la rétroaction et de la personnalité lorsque vous créez un élément animé.

Il ne faut avoir recours à des animations ou à du mouvement que si cela est nécessaire. Les rédacteurs, les développeurs et les concepteurs doivent travailler ensemble pour que tout mouvement créé puisse permettre à tous les utilisateurs de comprendre le message de la page même s’ils ont activé la réduction des paramètres de mouvement.

Il est important de comprendre comment les éléments se déplacent sur un plan dimensionnel pour utiliser correctement la grille lorsqu’on conçoit des mouvements.

Un mouvement signale qu’une transition a eu lieu. Lisez ce guide pour en savoir plus sur les différents types de transitions, ainsi que la rétroaction, le statut et la transition en douceur.

La continuité joue un rôle important dans l’interaction de l’utilisateur avec le produit. Des mouvements reconnaissables peuvent aider l’utilisateur à comprendre le produit et rendre l’expérience plus conviviale.

Une séquence de mouvements prévisible et intuitive peut aider l’utilisateur à comprendre ce qui se passe sur la page. Une bonne chorégraphie maintient l’attention de l’utilisateur pendant plusieurs actions.

Lorsque la vitesse est appropriée, cela complique moins le déroulement d’une tâche pour l’utilisateur. L’action déclenchée doit être assez lente pour que l’utilisateur la remarque, mais pas trop lente ni trop rapide pour ne pas qu’il la voie.