Progress indicator
Un indicateur de progression est une représentation visuelle de la progression d'un utilisateur à travers un ensemble d'étapes, le guidant vers l'achèvement d'un processus spécifique.
Description
Un indicateur de progression est une représentation visuelle de la progression d'un utilisateur à travers un ensemble d'étapes, le guidant vers l'achèvement d'un processus spécifique.
Il permet de diviser un flux complexe d'actions en de multiples étapes et ainsi de réduire la charge cognitive des utilisateurs tout en simplifiant le processus de conversion.
Plateformes
Anatomie
- Indicateur : affiche le numéro de l'étape ou si l'étape est validée
- Label : décrit l'étape
- Progress bar : indique l'état de progression
Usage
Quand l'utiliser ?
-
Lorsqu'il est nécessaire de garder l'utilisateur sur la bonne voie lorsqu'il accomplit une tâche spécifique. En divisant l'objectif final en petites sous-tâches, vous augmentez le pourcentage d'achèvement de chaque tâche.
-
Lorsqu'il est nécessaire d'indiquer à l'utilisateur l'avancement d'un processus dont il n'est pas maître (ex : track and trace).
Do's and don'ts
-
Do
Les Progress indicators ne peuvent avoir qu'un seul élément current (bleu) à la fois
-
Don't
Il est interdit de mettre plusieurs éléments en current (bleu) à la fois
Anatomie
- Indicateur : affiche le numéro de l'étape ou si l'étape est validée
- Label : décrit l'étape
- Progress bar : indique l'état de progression
Usage
Quand l'utiliser ?
-
Lorsqu'il est nécessaire de garder l'utilisateur sur la bonne voie lorsqu'il accomplit une tâche spécifique. En divisant l'objectif final en petites sous-tâches, vous augmentez le pourcentage d'achèvement de chaque tâche.
-
Lorsqu'il est nécessaire d'indiquer à l'utilisateur l'avancement d'un processus dont il n'est pas maître (ex : track and trace).
Do's and don'ts
-
Do
Les Progress indicators ne peuvent avoir qu'un seul élément current (bleu) à la fois
-
Don't
Il est interdit de mettre plusieurs éléments en current (bleu) à la fois
Des questions ou un feedback ?
N’hésitez pas à contacter la team Design System par mail.