Rouet

Définition, exemples et bonnes pratiques

À retenir

  • C'est un indicateur visuel d'attente circulaire.
  • Il rassure l'utilisateur sur le bon fonctionnement de l'application.
  • Il est utilisé pour les attentes de courte durée dont on ne connaît pas précisément la fin.

Un rouet est un petit élément graphique animé, souvent en forme de cercle, qui tourne sur lui-même pour indiquer qu'un programme est en train de travailler. C'est l'équivalent moderne du sablier : il sert à prévenir l'utilisateur que l'ordinateur n'est pas bloqué, mais simplement occupé à charger ou à calculer quelque chose.

Étymologie

Le mot est le diminutif de « roue », évoquant la forme circulaire et le mouvement de rotation. Historiquement, le rouet est l'instrument utilisé pour filer la laine. En informatique, il est souvent utilisé comme traduction française du terme anglais spinner ou throbber.

Exemples d'usage

  • Le cercle qui tourne au milieu d'un lecteur vidéo avant que le film ne commence (mise en mémoire tampon).
  • L'icône qui apparaît sur un smartphone lorsqu'on rafraîchit une page web ou que l'on attend l'envoi d'un message.
  • Le curseur de la souris qui se transforme en cercle rotatif sur certains systèmes d'exploitation lors d'une installation.

Cas d'usage

On utilise le rouet principalement en conception d'interface (UI) et en développement web ou mobile. Il intervient dès qu'une action prend plus de quelques millisecondes et qu'il est nécessaire de donner un retour visuel immédiat à l'utilisateur pour éviter qu'il ne clique partout par impatience.

Bonnes pratiques

Il ne faut pas abuser du rouet : si une tâche dure plus de 10 secondes, préférez une barre de progression qui indique le pourcentage d'avancement. Un rouet qui tourne indéfiniment sans explication est une source de frustration majeure pour l'utilisateur. Il est aussi conseillé de l'accompagner d'un court texte explicatif (ex: « Chargement en cours... »).

Synonymes

spinner indicateur d'activité roue de chargement throbber

Antonymes

barre de progression état statique

Conseil

Si vous développez une application, veillez à ce que le rouet soit fluide. Un rouet qui saccade donne l'impression que l'appareil est totalement saturé ou que l'application a planté.

Questions fréquentes

Quelle est la différence entre un rouet et une barre de progression ?

Le rouet est utilisé quand on ne connaît pas la durée précise de l'attente (attente indéterminée), tandis que la barre de progression indique quel pourcentage du travail est terminé.

Pourquoi dit-on parfois 'throbber' ?

'Throbber' est le terme technique anglais original. Il vient du verbe 'to throb' (palpiter), car les premiers indicateurs ne tournaient pas forcément mais pulsaient ou changeaient de couleur.