Comparaison comportementale
Bannière d'annonce vs Notification temporaire
Choisir Bannière d'annonce pour : Annoncer une maintenance affectant la page. Choisir Notification temporaire pour : Confirmer un résultat de fond à faible risque.
| Dimension | Bannière d'annonceBanner | Notification temporaireToast |
|---|---|---|
| Déclenchement | Une condition à l’échelle de la page ou du produit rend l’annonce pertinente. | Un événement système ou une action terminée crée le message ; l’utilisateur ne l’ouvre pas comme une destination. |
| Modalité | Région persistante non modale ; le reste de la page reste utilisable. | Message d’état temporaire non modal qui ne prend pas le focus. |
| Positionnement | S’étend en haut de la page ou du contenu applicatif dans le flux du document. | Se superpose à un bord de la fenêtre sans déplacer la mise en page. |
| Interactivité | Peut contenir une action globale ou une fermeture sans devenir une surface de tâche. | Peut proposer une seule action limitée d’annulation ou de fermeture ; ne porte jamais une décision essentielle. |
| Focus | La bannière apparaît avant le contenu principal sans voler le focus ; ses liens reçoivent le même focus visible que la page. | La notification ne vole jamais le focus ; une action facultative reste atteignable sans interrompre la tâche. |
| Fermeture | Un contrôle fermer existe seulement pour les avis non critiques, et la mémorisation expire si le message change vraiment. | Elle expire après un temps suffisant, se met en pause pendant l'interaction et peut être fermée sans exiger d'action. |
| Rôle accessible | named section or aside, not the site header banner role | status for polite success updates |
| Cas d’usage | Annoncer une maintenance affectant la page | Confirmer un résultat de fond à faible risque |
| Comportement mobile | Permettre au texte et aux actions de revenir à la ligne sans couvrir la navigation ni le premier titre. | Rester à l’écart des contrôles système, zones sûres et clavier ; garder texte et actions brefs. |