Indicateurs de progression

L'indicateur de progression communique l'état d'un processus dont la durée est connue ou inconnue.

Principes

Commentaires clairs : l'indicateur de progression fournit des commentaires immédiats.

Cohérence : tous les indicateurs de progression doivent partager un langage visuel de base pour être immédiatement reconnaissables.

Flexible : la variété des indicateurs et des états de progression permet de communiquer la progression de manière flexible.

Utilisation et emplacement

Les indicateurs de progression affichent l'état d'un processus en temps réel.

Une indication peut exprimer une progression déterminée, avec un temps de traitement connu, comme un minuteur.

ou une progression indéterminée, avec une durée de processus inconnue, comme le chargement.

check_circle

À faire

Utilisez une indication de progression indéterminée pour afficher les temps de traitement inconnus, comme le chargement.

cancel

À éviter

Utilisez un indicateur déterminé lorsque le temps de traitement est inconnu. Cela donnera aux utilisateurs une fausse impression de progression.

check_circle

À faire

N'utilisez qu'un seul indicateur de progression à la fois lorsqu'il y a suffisamment de temps ou de progression à communiquer.

cancel

À éviter

Utiliser trop d'indicateurs de progression ou les utiliser lorsqu'il n'y a pas assez de temps et de progression à communiquer

Anatomie

1. Arrêt de la progression déterminée : indique le point de terminaison défini.
2. Progression actuelle
3. Progression future
4. Traitement indéterminé
5. Linear
6. Circulaire

Personnalisation

En plus des indicateurs de progression déterminés et indéterminés, il existe des variantes linéaires, circulaires et ondulées.

1. Wavy
2. Linéaire

Toutes les variantes ondulées et linéaires des indicateurs de progression partagent les mêmes propriétés, options de personnalisation et valeurs par défaut. Le tableau suivant décrit ces détails.