Le Journal d'UX
L'actualité UX,
au-dessus de la ligne de flottaison.
Wiki UX Toast

Toast

Composant
Définition

Message temporaire non intrusif qui apparaît brièvement à la périphérie de l'écran pour informer l'utilisateur d'un événement. Le toast disparaît automatiquement après quelques secondes sans action requise. Il ne bloque pas l'interaction avec le reste de l'interface. Le terme vient de l'analogie avec le pain qui "saute" du grille-pain. Les toasts se distinguent des alertes par leur caractère non bloquant et des snackbars par l'absence systématique de bouton d'action.

En pratique

On les utilise pour confirmer une action réussie (sauvegarde, envoi, suppression) ou signaler un événement secondaire. La durée d'affichage varie entre 3 et 8 secondes selon la longueur du message. Le positionnement le plus courant : en bas à gauche ou en haut à droite. Les toasts d'erreur ne doivent jamais disparaître automatiquement : l'utilisateur a besoin de temps pour lire et comprendre. L'empilement de plusieurs toasts simultanés nécessite une file d'attente visuelle.

Exemple

Google Docs affiche un toast "Document enregistré dans Drive" après la sauvegarde automatique. Le toast inclut un lien "Annuler" qui disparaît avec le message, offrant une fenêtre d'annulation limitée dans le temps.

Voir aussi
Accessibilité
Feedback
Micro-interaction
Droit à l'erreur (Error Tolerance)
Sources
Toast Messages - Nielsen Norman Group
Material Design - Snackbar
Le Journal d'UX : veille UX et design au quotidien, wiki UX de référence en français. Ouvert aux contributions de la communauté.