Principes de mouvement

Principes de mouvement

Principes de mouvement

Principes de mouvement


En adhérant aux principes de mouvement, les concepteurs favorisent la création d’une expérience uniforme pour les utilisateurs du site web de TELUS. Veuillez respecter les guides ci-dessous dans vos travaux de conception.

Sujets

Sujets

Fondements du mouvement

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é.

En savoir plus sur les fondements du mouvement

Fondements du mouvement

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é.

En savoir plus sur les fondements du mouvement

Principes du mouvement et accessibilité

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.

En savoir plus sur les principes de mouvement et l’accessibilité

Principes du mouvement et accessibilité

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.

En savoir plus sur les principes de mouvement et l’accessibilité

Dimensions (axes des X, Y et Z)

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.

En savoir plus sur les dimensions

Dimensions (axes des X, Y et Z)

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.

En savoir plus sur les dimensions

Transitions

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.

En savoir plus sur les transitions

Transitions

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.

En savoir plus sur les transitions

Le rôle de la continuité

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.

En savoir plus sur la continuité

Le rôle de la continuité

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.

En savoir plus sur la continuité

Chorégraphie

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.

En savoir plus sur la chorégraphie

Chorégraphie

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.

En savoir plus sur la chorégraphie

Vitesse (minutage)

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.

En savoir plus sur la vitesse

Vitesse (minutage)

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.

En savoir plus sur la vitesse

Fondements du mouvement

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é.

En savoir plus sur les fondements du mouvement

Fondements du mouvement

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é.

En savoir plus sur les fondements du mouvement

Principes du mouvement et accessibilité

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.

En savoir plus sur les principes de mouvement et l’accessibilité

Principes du mouvement et accessibilité

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.

En savoir plus sur les principes de mouvement et l’accessibilité

Dimensions (axes des X, Y et Z)

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.

En savoir plus sur les dimensions

Dimensions (axes des X, Y et Z)

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.

En savoir plus sur les dimensions

Transitions

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.

En savoir plus sur les transitions

Transitions

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.

En savoir plus sur les transitions

Le rôle de la continuité

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.

En savoir plus sur la continuité

Le rôle de la continuité

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.

En savoir plus sur la continuité

Chorégraphie

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.

En savoir plus sur la chorégraphie

Chorégraphie

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.

En savoir plus sur la chorégraphie

Vitesse (minutage)

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.

En savoir plus sur la vitesse

Vitesse (minutage)

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.

En savoir plus sur la vitesse

Outils

Outils

Aucun outil n'est associé à cette normes.