Résultats spécifiques à l’état
Les informations qui doivent être décidées ou corrigées doivent être plus longues que le toast.
Toast Système de conception
Court feedback après action sans bloquer le travail.
Contenu de la checklist
Progression de la vérification
01
Structure et signification
Comparer les informations et la présentation dans le contexte d'utilisation.
02
Interaction et convivialité
Essayez l'opération, modifiez le statut et continuez à travailler.
03
Complétez l'expérience
Recherchez les détails faciles à manquer lors de la mise en œuvre de la conception.
La progression est enregistrée automatiquement dans ce navigateur.
GUIDE
Comment vérifier
EXEMPLES
Exemples d’utilisation
Résultats spécifiques à l’état
« 3 éléments déplacés vers les archives » avec le bouton « Annuler ».
Variantes et cas d’usage
Actions rapides
Ajoutez une action utile à la notification temporaire lorsque l’utilisateur peut corriger le résultat ou poursuivre immédiatement.
Activez Annuler au clavier avant la disparition de la notification ; l’état précédent doit être rétabli.
Exemple Après l’archivage d’un document, la notification temporaire propose le bouton Annuler.
Modifications enregistrées
Modifications enregistrées
Modifications enregistrées
Icône d’état
L’icône indique le résultat, mais le texte doit préciser quelle action a eu lieu.
Masquez l’icône et lisez la notification ; l’utilisateur doit encore distinguer un enregistrement réussi d’un échec d’envoi.
Exemple « Brouillon enregistré » s’accompagne d’une coche de confirmation.
Modifications enregistrées
Veuillez vérifier les informations.
Un emplacement qui ne gêne pas l’action
Placez la notification temporaire à un endroit visible, sans masquer le bouton principal, le clavier ou la zone de lecture.
Ouvrez le clavier et la barre de navigation mobile ; la notification doit rester lisible.
Exemple La notification temporaire apparaît au-dessus de la barre d’onglets mobile, en respectant la zone sûre de l’écran.
Modifications enregistrées
Durée d’affichage
Laissez suffisamment de temps pour lire ; une information qui demande une action ou contient un bouton ne doit pas disparaître trop vite.
Placez le focus sur une action de la notification ; la fermeture automatique doit être suspendue, ou un moyen de revoir l’information doit être proposé.
Exemple La notification d’annulation reste affichée tant que le bouton Annuler a le focus.
Modifications enregistrées
Une notification brève qui n’interrompt pas la tâche.