Stepper - Indicateur d'étapes

Représentation visuelle de la progression d'un utilisateur à travers un ensemble d'étapes, le guidant vers l'achèvement du processus.

Stepper

Usages

Un indicateur d'étapes est utilisé pour afficher visuellement l'avancement d'un utilisateur à travers un processus en plusieurs étapes. Il guide l'utilisateur tout au long du parcours en lui montrant où il se trouve et combien d'étapes restent à accomplir.

 

✅ Usage correct :

  • Utiliser l'indicateur d'étapes dans les démarches qui nécessitent plusieurs étapes pour accomplir une tâche.

 

🚫 Usage incorrect :

  • Si les étapes du processus sont simples et intuitives, et qu'il n'y a pas vraiment besoin de visualiser l'avancement, rien ne sert de surcharger la page.
  • Si les étapes du processus n'ont aucun rapport entre elles ou si le processus n'est pas linéaire, l'indicateur de progression ne doit pas être utilisé.

 

Emplacement :

L'indicateur d'étapes peut se trouver dans une page, généralement en haut de celle ci, mais aussi dans une carte, un formulaire. Assurez-vous qu'il est facilement visible et accessible tout au long du processus.

 

Comportement général

L'indicateur d'étapes affiche le nombre d'étapes nécessaires pour aller au bout du processus. Au fur et à mesure de la complétion de ce processus, les états des étapes changent.

Lorsque qu'une étape est terminée, elle passe en état complété et la prochaine étape passe automatiquement à en cours.

Dans certaines situations particulières, il est néanmoins envisageable de maintenir plusieurs étapes simultanément dans l'état "en cours".