La microcopie, ce sont les petits textes d'interface qui guident l'utilisateur au moment d'agir : boutons, aides de formulaire, messages d'erreur. Définition, exemples avant et après, règles d'écriture et méthode pour la tester.
La microcopie désigne les petits textes d’une interface qui guident l’utilisateur au moment où il agit : libellés de boutons, intitulés et aides des champs de formulaire, messages d’erreur, confirmations, textes des pages vides ou des chargements. Quelques mots bien choisis au bon endroit lèvent un doute, évitent une erreur et font aboutir une action (inscription, achat, prise de contact). Le terme a été popularisé en 2009 par le designer américain Joshua Porter.
Mis à jour en septembre 2026, ce guide définit la microcopie, montre où elle se cache sur un site, puis donne des règles d’écriture concrètes, avec des exemples avant et après, des repères d’accessibilité et une méthode pour la tester.
- Qu’est-ce que la microcopie ?
- Où trouve-t-on de la microcopie sur un site ?
- Pourquoi une bonne microcopie est-elle importante ?
- Comment écrire une bonne microcopie ?
- Quels exemples avant et après ?
- Comment savoir si votre microcopie fonctionne ?
- Quelles erreurs éviter ?
- Questions fréquentes
- Sources
Qu’est-ce que la microcopie ?
La microcopie (de l’anglais microcopy) regroupe les textes courts, souvent d’un mot à une phrase, qui accompagnent chaque interaction avec un site ou une application. Joshua Porter la décrivait en 2009 comme un texte « petit mais puissant » : une phrase, quelques mots, parfois un seul, à juger sur son efficacité et non sur sa taille.
Elle se distingue de deux notions voisines :
- la rédaction longue (page de vente, article, e-mail commercial) qui cherche à convaincre sur plusieurs paragraphes ;
- le microcontenu, notion du Nielsen Norman Group qui désigne les fragments de texte résumant un contenu plus long, comme un titre de page, un objet d’e-mail ou un titre de lien.
La microcopie fait partie de l’UX writing, la rédaction au service de l’expérience utilisateur. Son objectif n’est pas d’être remarquée, mais de rendre l’action évidente.
Où trouve-t-on de la microcopie sur un site ?
| Emplacement | Rôle | Exemple |
|---|---|---|
| Boutons et call to action | Dire ce qui va se passer au clic | « Recevoir mon devis » |
| Libellés de champs | Dire quelle information saisir | « E-mail professionnel » |
| Textes d’aide | Préciser un format ou lever un doute | « 8 caractères minimum, dont un chiffre » |
| Messages d’erreur | Expliquer le problème et comment le corriger | « Saisissez une date au format JJ/MM/AAAA » |
| Textes de réassurance | Répondre à une inquiétude juste avant l’action | « Annulable à tout moment depuis votre compte » |
| Confirmations | Rassurer et indiquer la suite | « Message envoyé. On vous répond sous 48 h ouvrées. » |
| États vides | Éviter l’impasse quand il n’y a rien à afficher | « Aucun résultat. Essayez un autre mot-clé ou parcourez les catégories. » |
| Chargements et attentes | Faire patienter en expliquant | « Nous préparons votre facture » |
| Bannière de cookies, infobulles, notifications | Informer sans bloquer | « Refuser » et « Accepter » formulés à égalité |
La microcopie accompagne souvent les micro-interactions : l’animation d’un bouton confirme l’action, le texte explique ce qui s’est passé.
Pourquoi une bonne microcopie est-elle importante ?
Parce que c’est au moment précis de l’action que l’utilisateur hésite, se trompe ou abandonne. Joshua Porter raconte l’exemple qui l’a convaincu : sur un formulaire de paiement, de nombreuses transactions échouaient parce que les clients saisissaient une adresse de facturation différente de celle associée à leur carte bancaire. Il a ajouté une seule phrase en haut du formulaire (« Indiquez bien l’adresse de facturation associée à votre carte bancaire ») et les erreurs ont disparu, avec moins de demandes au support et davantage de ventes abouties.
Concrètement, une bonne microcopie :
- réduit les abandons en répondant aux questions qui bloquent (« Faut-il un compte ? », « Est-ce que je vais être prélevé ? ») ;
- diminue les erreurs de saisie et donc les demandes au support ;
- rend le site accessible : les règles d’accessibilité WCAG 2.2 demandent des libellés ou instructions quand une saisie est attendue (critère 3.3.2), l’identification des erreurs en texte (3.3.1) et, si possible, une suggestion de correction (3.3.3) ;
- porte la personnalité de la marque dans les moindres recoins de l’interface.
À l’inverse, un bouton flou, un champ sans explication ou un message « Une erreur est survenue » suffisent à faire échouer une page par ailleurs bien conçue. Les formulaires de contact en sont l’exemple typique : voir nos 10 erreurs de formulaire de contact à éviter.
Comment écrire une bonne microcopie ?
1. Décrire le résultat de l’action
Un bouton doit dire ce qui va se passer, avec un verbe : « Télécharger le guide », « Réserver ma table », « Envoyer ma demande ». Évitez les libellés génériques (« Valider », « OK », « Soumettre ») qui obligent à relire toute la page pour comprendre.
2. Répondre à l’inquiétude là où elle apparaît
Identifiez les doutes au moment de l’action et placez la réponse juste à côté : « Sans engagement » sous un bouton d’essai, « Nous n’envoyons jamais de spam » sous un champ e-mail (si c’est vrai), « Vous pourrez modifier ce nom plus tard » à la création d’un compte. Porter citait la page de vente d’un livre qui précisait qu’un compte PayPal n’était pas nécessaire pour payer via PayPal : une demi-phrase qui levait le principal frein à l’achat.
3. Écrire des messages d’erreur utiles
Les recommandations du Nielsen Norman Group et du système de design du gouvernement britannique (GOV.UK) convergent :
- afficher le message à côté du champ concerné, sans compter uniquement sur la couleur rouge ;
- dire précisément ce qui ne va pas et comment le corriger, en langage courant, sans code technique ;
- ne pas culpabiliser (« vous avez oublié », « invalide », « interdit ») ;
- éviter les messages génériques comme « Ce champ est obligatoire » : « Saisissez votre adresse e-mail » est plus clair ;
- conserver ce que la personne a déjà saisi pour qu’elle corrige au lieu de tout recommencer.
4. Rester court, mais pas au prix de la clarté
L’objectif est le moins de mots possible pour être compris, pas le moins de mots possible tout court. Une phrase de plus qui évite une erreur vaut mieux qu’un bouton énigmatique.
5. Garder le même vocabulaire partout
Si le menu dit « Mon compte », la page ne doit pas s’appeler « Espace client » et le bouton « Profil ». Tenez une petite liste des termes retenus et partagez-la avec toutes les personnes qui écrivent sur le site.
6. Adapter le ton au moment
Un ton chaleureux ou une touche d’humour peuvent fonctionner sur une page de confirmation. Ils sont malvenus dans un message d’erreur de paiement, où l’utilisateur est inquiet. Le ton de votre marque doit rester reconnaissable, mais toujours au service de la compréhension.
7. Ne pas remplacer le libellé par le texte indicatif
Le texte grisé placé dans un champ (le placeholder) disparaît dès que l’on commence à taper : l’utilisateur perd alors l’information. Gardez un vrai libellé visible au-dessus du champ et réservez le texte indicatif à un exemple de format.
Quels exemples avant et après ?
| Situation | Avant | Après |
|---|---|---|
| Bouton de formulaire de devis | Envoyer | Recevoir mon devis gratuit |
| Inscription à la newsletter | S’abonner | Recevoir les conseils du mois (1 e-mail par mois) |
| Champ téléphone facultatif | Téléphone | Téléphone (facultatif, uniquement pour la livraison) |
| Erreur de mot de passe | Mot de passe invalide | Le mot de passe doit contenir au moins 8 caractères |
| Recherche sans résultat | Aucun résultat | Aucun produit pour « canapé cuir ». Essayez « canapé » ou parcourez la catégorie Salon. |
| Confirmation de contact | Merci | Message bien reçu. Nous vous répondons par e-mail sous 2 jours ouvrés. |
Ces exemples sont des illustrations : les bonnes formulations dépendent de votre public et de vos engagements réels (ne promettez pas un délai de réponse que vous ne tenez pas).
Comment savoir si votre microcopie fonctionne ?
- Écoutez le support et les commerciaux : les questions qui reviennent sans cesse signalent une information manquante dans l’interface.
- Regardez les données : taux d’abandon d’un formulaire, champ où les erreurs se concentrent, étape de commande qui fait fuir.
- Observez de vrais utilisateurs : quelques personnes qui réalisent une tâche en pensant à voix haute révèlent vite les formulations ambiguës.
- Comparez deux versions quand le trafic le permet, avec un test A/B sur un bouton ou un message.
La microcopie se prévoit dès les maquettes, pas une fois le site terminé. C’est l’une des étapes que l’on travaille lors de la création d’un site internet, en même temps que les parcours et les formulaires.
Quelles erreurs éviter ?
- Des boutons « Valider » ou « Cliquez ici » qui ne disent rien de l’action.
- Des messages d’erreur techniques (« Erreur 500 », « form post error ») affichés tels quels.
- Des promesses de réassurance fausses ou invérifiables.
- Des formulations culpabilisantes ou manipulatrices, comme un bouton de refus du type « Non merci, je préfère payer plus cher ».
- Des textes rédigés par le développeur en dernière minute, sans relecture.
- Un vocabulaire différent d’une page à l’autre.
Questions fréquentes
Quelle est la différence entre microcopie et UX writing ?
L’UX writing est la discipline qui consiste à écrire les textes d’une interface pour faciliter son usage. La microcopie en est le résultat le plus visible : les petits textes des boutons, champs et messages.
Qui a inventé le terme microcopie ?
Le terme a été popularisé par le designer Joshua Porter dans son article « Writing Microcopy » publié en 2009 sur son blog Bokardo.
Un call to action est-il de la microcopie ?
Oui, son libellé en est l’exemple le plus connu. Mais la microcopie couvre aussi tout ce qui entoure l’action : aides, erreurs, confirmations.
La microcopie a-t-elle un effet sur le SEO ?
Pas directement : ces textes sont trop courts pour peser sur le positionnement. Leur effet porte sur la conversion et l’usage, une fois le visiteur arrivé sur la page.
Qui doit écrire la microcopie ?
Idéalement une personne qui connaît à la fois les utilisateurs et l’interface (rédacteur UX, designer ou chef de projet), en lien avec le support et les commerciaux qui entendent les questions des clients.
Comment faire relire les textes de mon site ?
Écrivez-nous à contact@osmova.com ou via le formulaire de contact en indiquant les pages ou formulaires concernés.
