Peu importe la qualité de votre site ou application, les bugs et les erreurs sont inévitables. Durant la conception, faites en sorte de programmer et d’inclure en avance ces erreurs et préparez vos messages d’erreur car en quelque sorte, elles font partie intégrante de votre site ou application. L’expérience utilisateur en dépend. Les messages d’erreur inadéquats, trop agressifs ou trop vagues vont peut être faire fuir vos visiteurs.
Comment écrire un bon message d'erreur ?
Un élément clé d'expérience utilisateur est la gestion des “pain points”. Un message d'erreur est quelque chose dont les utilisateurs redoutent. Cela peut être un problème qui apparaît lorsqu'un utilisateur s'inscrit sur un site internet ou qui apparaît au milieu du flux de travail d'un utilisateur. Le rôle des messages d’erreur est de rendre la navigation aussi fluide que possible pour les utilisateurs. Les bonnes pratiques en micro-copie et consulter différents guides de style peuvent vous aider à écrire de tels types de messages.
Voici quelques principes généraux pour vous aider à créer un message d'erreur pour vos clients :
- Soyez spécifique et évitez d'être vague
Image tirée de Bootcamp
Un message d'erreur doit être clair et basique. L'utilisateur doit comprendre le problème et ce qu'il doit faire juste en voyant le message. Un message vague n’aidera pas vos utilisateurs, s’ils ne savent pas ce qu’ils doivent faire, ils vont simplement quitter votre site.
Exemple :
Image tirée de Strikingly
- Soyez bref et clair
Image tirée de Bootcamp
Sur vos messages d’erreur donnez des informations les plus claires possibles. Évitez de donner tous les détails techniques de l’erreur, indiquez simplement ce qu’ils doivent faire.
La plupart du temps, un utilisateur n'a pas envie de lire une longue histoire:
- Rédigez une brève description qui a du sens pour l'utilisateur
- La description doit lui donner une compréhension claire et rapide du problème et de la façon de le résoudre.
- Évitez la communication excessive du problème dans votre message d'erreur et utilisez des termes simples.
- Éviter le jargon technique
Image tirée de Bootcamp
- Soyez aimable et ne blâmez pas l'utilisateur
Image tirée de Bootcamp
Un bon message d'Un bon message d'Un bon message d'erreur doit rester simple avec un ton courtois. Expliquez simplement pourquoi l'erreur est apparue avec politesse sans reprocher l'utilisateur.
Image tirée de Strikingly
- Utiliser les phrases affirmatives
Image tirée de Bootcamp
Utilisez toujours des phrases affirmatives sur vos messages d’erreur. Une phrase négative peut sembler désagréable et va nuire à l’Expérience Utilisateur. Au lieu d’ajouter un message d’erreur “Vous n’avez pas accès à cette page car votre forfait ne vous le permet pas”, dites plutôt, “Vous devez avoir un forfait XXX pour accéder à cette page”. C’est aussi une manière simple de demander à vos utilisateurs de prendre un forfait ou de faire un Upgrade.
- Donner les instructions d'utilisation
Image tirée de Bootcamp
Un bon message d'erreur contient trois parties :
- identification du problème,
- détails de la cause si disponible,
- et une solution si possible.
Quand un utilisateur rencontre un problème, il veut le résoudre dès que possible. Le message d'erreur doit fournir les informations suffisantes pour l'aider à résoudre le problème. La notification d’erreur peut également diriger l'utilisateur vers un autre endroit ou une autre personne qui peut fournir plus d'informations sur la situation.
Exemple :
Image tirée de Strikingly
- Soyez spécifiques et pertinents
Image tirée de Bootcamp
Les messages d’erreur doivent inclure une ou des information(s) pertinente(s) qui va tout de suite mettre la puce à l’oreille. Dites exactement quel est le souci y compris où l'utilisateur doit aller et quelles étapes il doit suivre. Si un message d'erreur contient des informations ambiguës, ce sera difficile pour votre utilisateur de résoudre le problème.
Exemple :
Image tirée de Strikingly
- Éviter les messages tout en majuscule
Image tirée de Bootcamp
Les textes tout en majuscules sont difficiles à lire et ça donne l'impression que vous criez. Ecrivez votre message d’erreur comme une simple phrase. Un majuscule au début et un point à la fin. Le reste du texte doit être tout en minuscule.
- Prendre les mesures correctives
Image tirée de Bootcamp
Les actions qu'un message d'erreur suggère sont essentielles pour que l'utilisateur puisse mieux comprendre ce qu'il doit faire. Une suggestion appropriée aide l'utilisateur à savoir ce qu'il faut faire. Si vous devez ajouter plusieurs suggestions sur un message d’erreur; n’hésitez pas. Faites juste en sorte que ce soit facile à lire et bien organisé.
Pour cela, rédigez les textes d’erreur avec des phrases courtes et claires. Si vous avez des boutons dans la fenêtre où vous avez votre message d’erreur, deux mots suffisent pour que le design soit soigné.
Exemple:
Image tirée de Strikingly
- La stratégie de divulgation doit être progressive
Image tirée de Bootcamp
Si votre message d'erreur contient des informations détaillées ,il faut les placer dans la zone Afficher/Masquer. Ceci sera avantageux pour un autre utilisateur qui veut apprendre plus sur ce message. Placer les informations les moins importantes dans ces parties, comme la plupart des utilisateurs ne vont pas visiter la section d'afficher / masquer.
- Choisissez un emplacement adéquat
Image tirée de Bootcamp
C'est important de positionner le message d'erreur près du région où cela appartient. Les utilisateurs ne devraient pas chercher de quoi parle le message d'erreur.
Quand un utilisateur remplit un formulaire, par exemple, S'il y a une erreur lors de la validation, affichez toutes les détails ou informations nécessaires pour qu'ils puissent corriger le formulaire et le valider avec les informations correctes.
Un message d'erreur doit être facile à voir et à comprendre. Même si, l'utilisateur a fait défiler l'écran vers le haut ou vers le bas, le message doit apparaître dans la vue actuelle.
Image tirée de Strikingly
- Le design adéquat pour un message d'erreur
Image tirée de UXplanet
Un message d'erreur doit être facilement visible. Pour ça, utilisez un format de texte qui contraste avec vos images ou couleurs d'arrière-plan à contraste élevé pour qu'ils se démarquent du message et on peut en lire facilement.
Généralement, les mots dans un message d'erreur doivent être en rouge. Parfois, les couleurs jaune ou orange peuvent être choisies car certaines sources prétendent que le couleur rouge est désagréable pour les consommateurs.
Mais, peu importe la couleur de police que vous choisissez pour votre message d’erreur, il faut s’assurer qu’il soit lisible et se démarque du reste de votre design.Vous pouvez ajouter une icône liée à la couleur à côté de la couleur pour que c'est plus accessible.
Conclusion
Durant la création de votre site, assurez vous que l’expérience utilisateur sur votre produit est votre priorité, l'engagement de client, la génération de leads et les ventes en dépendent.
Ceci va aider vos visiteurs à naviguer plus sur votre site. Cependant, obtenir une bonne expérience utilisateur peut parfois être difficile. Créer un site sans penser aux messages d'erreur, on ne trouve pas d’analogie mais ce n’est pas recommandé.
Avant de publier votre site ou de déployer une application, toutes les fonctionnalités doivent être testées en avance, y compris les message d'erreur. Optez alors pour un constructeur de site qui va concevoir pour vous automatiquement les message d'erreur. Pour cela, vous pouvez tester Strikingly, le logiciel de conception Web gratuit pour les startups, les petites entreprises et les professionnels, avec plus de 3 millions d'utilisateurs partout dans le monde. Si vous avez des questions sur les messages d’erreur sur votre site, n’hésitez pas à contacter notre équipe à tout moment.
