Le Journal d'UX
L'actualité UX,
au-dessus de la ligne de flottaison.
Wiki UX Notification toast (*Toast*)

Notification 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é (*Accessibility*)
Feedback
Micro-interaction
Droit à l'erreur (*Error Tolerance*)
Sources
Toast Messages - Nielsen Norman Group
Material Design - Snackbar
Le Journal d'UX est un média indépendant sur l'expérience utilisateur. Liens curatés, wiki UX en français, communauté.