Aller au contenu

Fournir des indications sur la progression d’une opération web [UXSPRINTER-31]

temps de chargement perçu
Lorsqu’une opération est en cours, fournir une indication quant à sa progression. Exemple : barre de progression, statut de l’opération, durée, stade d’avancement etc.

Lorsque vos internautes doivent patienter un certain temps en attendant la réalisation d’une tâche :

  • en amont, si possible, préciser la durée d’attente estimée
  • pendant l’attente, indiquer à l’utilisateur où il en est dans sa progression, l’évolution du stade d’avancement, le temps restant et ce qui a été parcouru
  • une fois la tâche terminée, en informer clairement l’utilisateur

Il est idéal d’afficher à la fois une durée en chiffres (minutes, pourcentage…) et une barre de progression visuelle qui se remplit de manière cohérente (linéaire ou circulaire). 

barre de progression loading UX/UI

S’il ne vous est pas possible de calculer ces durées, alors vous pouvez avoir recours à l’affichage d’une barre de progression circulaire indéterminée accompagnée d’un texte indiquant que la tâche est en cours et invitant à patienter…

Loading indicateur de progression

Quand la tâche est longue et nécessite une attente de la part de l’utilisateur, permettez-lui d’annuler facilement cette opération.

Photo de Sandra Machefer, fondatrice de Uxineo

Ergonome cognitive spécialisée dans les technologies numériques. 12 ans d’expérience de conseil en UX Design.

Partager