Messages d'erreur UX : informer sans bloquer

Un message d\'erreur, c\'est le moment où l\'utilisateur se sent le plus seul face au produit. La copie peut transformer « c\'est cassé » en « ah, je sais quoi faire ». Structure unique : quoi + pourquoi + comment réparer.

1. Validation formulaire : inline, précis, non technique

« Champ invalide » → inutile. « L\'email doit contenir un @ » → actionnable. Placez le message sous le champ concerné, en rouge, dès la perte de focus. Pas de toast global qui oblige à chercher quel champ pose problème.

2. Erreur serveur / API : honnêteté + issue

« Erreur 500 » ne veut rien dire pour l\'utilisateur. « Notre service rencontre un problème temporaire. Vos données sont sauvegardées. Réessayez dans 30 secondes. Si ça persiste, contactez support@exemple.com. » Trois infos : état, données, action.

3. Paiement refusé : discrétion + options

« Paiement échoué » + code bancaire = angoisse. « Le paiement n\'a pas abouti. Causes fréquentes : plafond carte, 3D Secure non validé, adresse de facturation différente. Essayez une autre carte ou PayPal. » Pas de blame, des pistes.

4. 404 et pages introuvables : rebond utile

« Page non trouvée » + lien « Accueil » = impasse. « Cette page n\'existe plus. Vous cherchiez peut-être : [3 suggestions contextuelles : blog, tarifs, contact]. Ou utilisez la recherche. » Transformez la fin de parcours en navigation.

5. Perte de connexion / hors-ligne : rassurer sur les données

« Vous êtes hors ligne. Vos modifications sont enregistrées localement et seront synchronisées automatiquement à la reconnexion. » La peur n°1 : « Ai-je perdu mon travail ? » Répondez-y avant qu\'elle ne soit posée.

Bibliothèque de messages d\'erreur par catégorie (auth, paiement, formulaire, réseau, permissions) avec variantes tonales (formel, décontracté, technique) dans lespacks Copy Vault.