Alerte

L’alerte est un élément d’indication poussé par l’interface pour relayer une information à l’usager.

Quand utiliser ce composant ?

Intégrer des alertes pour attirer l’attention de l’usager sur une information sans interrompre sa tâche en cours.

Les alertes s’affichent de manière contextuelle dans une page ou un formulaire, suite à une interaction de l’usager (exemple : à la soumission d’un formulaire) ou lors d’événements côté application/système (exemple : au rechargement d’une page).

Comment utiliser ce composant ?

Choisir la variation de l’alerte adéquate, correspondant à la nature de l’information qu’elle relaie (erreur, succès, information etc.)

À faire

Adapter l’alerte à la nature de l’information relayée.

À ne pas faire

Ne pas proposer une variation de l’alerte ne correspondant pas à la nature de l’information relayée.

Placer l’alerte en première place du contenu auquel elle est associée (exemple : en haut d’une page, d’un formulaire, d’un container etc.)

À faire

Placer l’alerte de succès en haut de page suite à la soumission d’un formulaire, par exemple.

À ne pas faire

Ne pas placer l’alerte de succès en bas de page suite à la soumission d’un formulaire.

Rendre toute action induite suite à l’affichage d’une alerte aussi simple que possible, notamment en détaillant ce qui est attendu de l’usager dans la description.

À faire

Préciser à l’usager l’action attendue suite à l’apparition de l’alerte.

À ne pas faire

Ne pas laisser l’usager supposer du problème rencontré. La marche à suivre doit être claire.

Règles éditoriales

Choisir un titre d'alerte clair et concis permettant à l’usager de comprendre facilement la situation.
Détailler clairement l’information ou le problème ainsi que l’action attendue (si elle existe) à l’usager à l’aide de la description.
Arborer un ton courtois, l’objectif étant d’accompagner l’usager et non de le blâmer.

À faire

Employer un ton courtois, l’objectif étant d’accompagner l’usager au sein de son parcours.

À ne pas faire

Ne pas employer un ton laissant suggérer que l’on blâme l’usager pour son erreur.

Employer un langage compréhensible facilement en évitant tout jargon technique.

À faire

S’affranchir de tout terme technique pour permettre la compréhension par un plus grand nombre.

À ne pas faire

Ne pas inclure de termes techniques à une alerte, au risque d’altérer la bonne compréhension des usagers.

Expliciter la nature du message porté par le composant (succès, erreur, information etc.) dans le titre de l’alerte. L’icône et la couleur ne garantissent pas à elles seules la bonne compréhension du message pour la totalité des usagers.