Comment concevoir des messages d'erreur qui réduisent la frustration
Comment concevoir des états d'erreur dont les gens peuvent récupérer : le placement, le timing, la formulation, la préservation des entrées, l'accessibilité et le mouvement, sur la base de recherches sur l'utilisabilité.
À retenir
Un bon message d'erreur est visible et placé à côté du problème, écrit en langage simple, indique comment le résoudre, conserve ce que la personne a déjà tapé et ne lui reproche jamais. Montrez-le lorsque la personne a terminé avec un champ ou soumis, pas pendant qu'elle est encore en train de taper, et assurez-vous que les lecteurs d'écran l'annoncent.
Les lignes directrices
Nielsen Norman Group résume les messages d'erreur efficaces comme étant très visibles, constructifs et respectueux des efforts de l'utilisateur. En pratique, cela signifie :
- Placez le message à côté du champ ou de l'élément présentant le problème.
- Utilisez un langage simple et spécifique : « Ce numéro comporte un chiffre court », et non « Entrée invalide ».
- Proposez un correctif : quel format est attendu, que faut-il essayer ensuite.
- Conservez ce que les gens ont tapé afin qu'ils puissent le modifier au lieu de recommencer.
- Ne blâmez pas : évitez les mots comme invalide, illégal ou erroné.
Timing
Afficher une erreur avant que quelqu'un ait terminé est l'une des erreurs les plus courantes. NN/g qualifie les erreurs prématurées de modèle hostile, comme le fait de noter un test avant que l'étudiant n'ait terminé. Validez un champ lorsque la personne le quitte ou soumet le formulaire, puis mettez à jour le message en direct pendant qu'il le corrige.
Erreurs qui ne concernent pas les formulaires
Pour les erreurs système telles qu'un échec de sauvegarde ou une perte de connexion, indiquez ce qui s'est passé, ce qui a été conservé et ce que la personne peut faire : réessayer, travailler hors ligne ou contacter l'assistance. Évitez les codes d’erreur par eux-mêmes ; si vous en avez besoin pour obtenir de l'aide, montrez-le avec une explication humaine.
Accessibilité
Ne comptez pas uniquement sur le rouge : ajoutez une icône et du texte. Connectez le message à son champ pour que les lecteurs d'écran le lisent avec le champ et déplacez le focus sur la première erreur, ou sur un résumé des erreurs, après l'échec d'une soumission.
Mouvement dans les états d'erreur
Une brève secousse ou un changement de couleur peut attirer l'attention sur le champ présentant le problème, mais soyez bref, ne le répétez pas à chaque frappe et remplacez le mouvement par un changement de couleur ou d'icône lorsque la réduction du mouvement est activée. Le message lui-même compte plus que l'animation.
Principes clés à retenir
- Placez les erreurs à côté du problème, en termes simples, avec un correctif
- Conserver ce que les gens ont tapé
- Valider une fois un champ terminé, pas pendant la saisie
- Ne comptez jamais uniquement sur la couleur ; connecter les messages pour les lecteurs d'écran
- Gardez les mouvements d’erreur brefs et respectez les mouvements réduits
Questions fréquentes
Sources
- Error-Message Guidelines — Nielsen Norman Group
- Indicators, Validations, and Notifications — Nielsen Norman Group