La roue de chargement est utilisée pour indiquer visuellement une opération en cours dans une application et pour gérer les attentes des utilisateurs lorsqu'une action nécessite du temps pour être achevée.

 

✅ Usage correct :

• Si une action de l'utilisateur nécessite un certain temps pour être traitée, comme l'envoi d'un formulaire ou la soumission d'une requête, une roue de chargement peut être affichée pour montrer que l'application est en train de traiter l'action et que l'utilisateur doit attendre.
• Indiquer une activité en arrière-plan jusqu'à ce que les informations soient envoyées/enregistrées avec succès.
• Lorsqu'une application permet à l'utilisateur de rafraîchir ou d'actualiser le contenu actuel, une roue de chargement peut être utilisée pour indiquer que l'actualisation est en cours.

 

🚫 Usage incorrect :

• Ne pas utiliser de roue de chargement si une action de l'utilisateur est requise avant que le contenu puisse être affiché.
• Ne pas utiliser plus d'une roue de chargement à la fois. Si plusieurs éléments doivent être chargés en même temps, utilisez un squelette de chargement.

---

Comportement général

Le comportement général d'une roue de chargement consiste à afficher une animation visuelle qui indique que quelque chose est en cours de chargement, de traitement ou d'attente dans une application. Son comportement est le suivant :

 

Animation en boucle

Les roues de chargement affichent une animation en boucle qui crée un mouvement ou une transformation visuelle continue. Cette animation attire l'attention de l'utilisateur et indique que quelque chose est en train de se passer.

 

Position centrale

Elles sont généralement placées au centre de l'élément ou de la zone de l'interface utilisateur où l'attente ou le chargement se produit. Cela garantit que l'animation est bien visible et attire l'attention de l'utilisateur.

 

Mise à jour de l'état

Lorsque l'opération en cours est terminée, la roue de chargement disparaît pour laisser place au contenu chargé.

 

---

 

Alternatives