Comparaison comportementale
Bannière d'annonce vs Notification temporaire
Différence décisive
La Bannière d’annonce reste visible pour une condition globale jusqu’à sa résolution ou sa fermeture ; la Notification temporaire signale brièvement un événement et peut disparaître seule.
Critères de choix, liens et sources
- Bannière d'annonceChoisis Bannière d’annonce si la condition persiste et que l’utilisateur doit la garder en tête en utilisant la page.Ouvrir la fiche Bannière d'annonce
- Notification temporaireChoisis Notification temporaire si tu confirmes un résultat de fond à faible risque qui ne demande aucune action.Ouvrir la fiche Notification temporaire
Voir les neuf dimensionsVoir les sources
Informer l'utilisateur
Essayer
Le message est-il temporaire, persistant dans son contexte ou global à la page ?
Bannière d'annonce
Contexte commun aux essais
Un espace de travail signale un changement d'état et doit placer le message selon sa portée, son urgence et sa persistance.
Bannière d'annonce
Mission
Bannière d'annonce - Banner
Lire l'annonce, ouvrir les détails du service, puis naviguer vers un autre projet et vérifier que la condition reste visible.
Maintenance planifiée dimanche de 08 h à 09 h. Les brouillons locaux resteront disponibles.
Voir les détailsProjet Alpha
Ton espace de travail reste disponible.
Projet Bêta
Ton espace de travail reste disponible.
Détails de maintenance
La lecture reste disponible pendant l'intervention.
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- La large section nommée apparaît avant le contenu principal avec l'heure de maintenance et un lien de détails.
- Cas limite
- Sur une largeur étroite, le message revient à la ligne sans couvrir la navigation, et le lien de détails reste facilement utilisable au toucher.
Notification temporaire
Mission
Notification temporaire - Toast
Copier le lien, entendre ou lire la confirmation, focaliser Fermer et vérifier que le délai se met en pause.
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- Le message Lien copié apparaît sans déplacer le focus du bouton Copier.
- Cas limite
- Les messages en file restent lisibles séparément, et aucune autre notification ne couvre une action disponible.
Ce que cet essai montre
Banner couvre une condition globale de page ; Inline alert appartient à une tâche précise, tandis que Toast est une mise à jour temporaire.
Lequel convient à ton besoin ?
Bannière d'annonce
Annoncer une maintenance affectant la page
Notification temporaire
Confirmer un résultat de fond à faible risque
Différence et sources
Banner couvre une condition globale de page ; Inline alert appartient à une tâche précise, tandis que Toast est une mise à jour temporaire.
Consulter les sourcesParties du spécimen
Sélectionne un repère numéroté sur le schéma, ou utilise la liste ci-dessous, pour afficher son rôle. Le schéma montre l'état représentatif du concept.
Surface
Le conteneur visible qui accueille le contenu du composant.
Décision
Question de famille
Le message est-il temporaire, persistant dans son contexte ou global à la page ?
Trois critères pour choisir
- Cas d’usage
Bannière d'annonce
Annoncer une maintenance affectant la page
Notification temporaire
Confirmer un résultat de fond à faible risque
- Positionnement
Bannière d'annonce
S’étend en haut de la page ou du contenu applicatif dans le flux du document.
Notification temporaire
Se superpose à un bord de la fenêtre sans déplacer la mise en page.
- Fermeture
Bannière d'annonce
Un contrôle fermer existe seulement pour les avis non critiques, et la mémorisation expire si le message change vraiment.
Notification temporaire
Elle expire après un temps suffisant, se met en pause pendant l'interaction et peut être fermée sans exiger d'action.
Neuf dimensions
- Déclenchement
Bannière d'annonce
Une condition à l’échelle de la page ou du produit rend l’annonce pertinente.
Notification temporaire
Un événement système ou une action terminée crée le message ; l’utilisateur ne l’ouvre pas comme une destination.
- Modalité
Bannière d'annonce
Région persistante non modale ; le reste de la page reste utilisable.
Notification temporaire
Message d’état temporaire non modal qui ne prend pas le focus.
- Positionnement
Bannière d'annonce
S’étend en haut de la page ou du contenu applicatif dans le flux du document.
Notification temporaire
Se superpose à un bord de la fenêtre sans déplacer la mise en page.
- Interactivité
Bannière d'annonce
Peut contenir une action globale ou une fermeture sans devenir une surface de tâche.
Notification temporaire
Peut proposer une seule action limitée d’annulation ou de fermeture ; ne porte jamais une décision essentielle.
- Focus
Bannière d'annonce
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.
Notification temporaire
La notification ne vole jamais le focus ; une action facultative reste atteignable sans interrompre la tâche.
- Fermeture
Bannière d'annonce
Un contrôle fermer existe seulement pour les avis non critiques, et la mémorisation expire si le message change vraiment.
Notification temporaire
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
Bannière d'annonce
section | aside
Notification temporaire
status
- Cas d’usage
Bannière d'annonce
Annoncer une maintenance affectant la page
Notification temporaire
Confirmer un résultat de fond à faible risque
- Comportement mobile
Bannière d'annonce
Permettre au texte et aux actions de revenir à la ligne sans couvrir la navigation ni le premier titre.
Notification temporaire
Rester à l’écart des contrôles système, zones sûres et clavier ; garder texte et actions brefs.
| 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 | section | aside | status |
| 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. |