Toast

Il confirme rapidement que quelque chose s’est passé, puis disparaît sans interrompre le travail.

FaibleSimple

Ce qu’un toast dit avant de disparaître

Un toast est un message court qui confirme qu’une action a eu lieu, puis s’efface tout seul.

Le vrai job

Confirmer le résultat puis s’effacer

Un toast referme la boucle sur une action déjà effectuée par l’utilisateur, sans rien lui demander. Il ne crée aucune interruption et n’attend aucune réponse. Il sert à être remarqué, pas à être traité.

Le bon contexte

Quand un signal rapide suffit

  • Confirmations d’enregistrement
  • Confirmation de copie
  • Actions d’arrière-plan terminées

Mauvais plan

Quand le message ne peut pas se permettre de disparaître

  • L’information est critique ou longue
  • L’utilisateur doit décider avant de continuer

Dans la vraie vie

Ce qu’un toast peut dire en une respiration

  • Modifications enregistrées
  • Lien copié
  • Export terminé
Voir l’exemple technique
<div role="status" aria-live="polite" aria-atomic="true">
  Changes saved.
</div>

Le piège classique

Un échec de paiement ne doit pas disparaître

Annoncer un échec de paiement dans un toast qui disparaît après trois secondes, c’est un bon moyen d’agacer tout le monde. Mieux vaut un message persistant directement dans le parcours de paiement, avec une action claire pour corriger le problème ou réessayer. La modale, elle, reste pour les rares cas où une décision bloquante immédiate est vraiment nécessaire.

Avant de choisir

Les questions à se poser avant qu’il disparaisse

  1. L’action qui intéresse l’utilisateur est-elle déjà terminée ?
  2. N’y a-t-il vraiment plus rien à décider pour l’utilisateur ?
  3. Manquer ce message laisserait-il l’utilisateur bloqué ou perdu ?
  4. L’information est-elle assez courte pour se lire en quelques secondes ?

Tu hésites avec…