Le détail qu’on ne relit jamais
Le micro-copy, ce sont tous les petits textes fonctionnels d’une interface : le mot sur un bouton, le libellé d’un champ, le message qui s’affiche quand ça plante, la phrase de réassurance sous un formulaire. Personne ne les remarque quand ils sont bons. Tout le monde décroche quand ils sont mauvais. Et comme ils font trois mots, on les rédige à la va-vite en fin de projet.
C’est dommage, parce qu’ils interviennent pile au moment de la décision : cliquer ou non, remplir ou abandonner, payer ou hésiter.
Le bouton : dire ce qui va se passer
« Envoyer » ne dit rien. « Recevoir mon devis gratuit » dit ce que la personne obtient et à quel prix. Un bon libellé de bouton décrit le résultat, du point de vue du visiteur, pas de l’action technique. « Valider » devient « Confirmer ma commande », « Soumettre » devient « Réserver mon créneau ». Ce genre de reformulation ne coûte rien et lève une petite hésitation à chaque clic.
Les messages d’erreur : aider au lieu de gronder
« Erreur : champ invalide » est une punition sans explication. « Ce numéro semble incomplet, il manque un chiffre » aide à corriger. Un bon message d’erreur dit ce qui ne va pas et comment le réparer, dans un ton normal. Sur un formulaire, c’est souvent là que se perdent les gens : ils font une faute de frappe, le site les rejette sèchement, ils abandonnent. La formulation seule peut récupérer une partie de ces abandons, un sujet lié à l’optimisation des formulaires.
La réassurance au bon endroit
Juste avant un engagement, une phrase courte peut tout changer. « Sans engagement, réponse sous 24 h » à côté d’un bouton de contact. « Vos données ne sont jamais revendues » sous un champ email. « Livraison offerte dès 50 euros » près du panier. Ces micro-textes répondent à l’objection au moment précis où elle surgit. Placés trop loin, ils ne servent à rien. Placés à l’endroit du doute, ils débloquent.
Les états vides et les temps d’attente
Une page vide, un chargement, une confirmation : autant de moments où le bon mot maintient le lien. Un panier vide qui affiche « Votre panier est vide » et rien d’autre est une impasse. Le même panier qui propose « Votre panier est vide, découvrez nos nouveautés » relance. Ces détails font partie de l’expérience autant que le graphisme.
Un inventaire des textes qu'on oublie
Pour travailler le micro-copy, il faut d'abord le voir. Faites la liste de tous les textes courts de votre site, page par page : libellés de boutons, intitulés de champs, textes d'aide sous les champs, messages d'erreur et de succès, textes des cases à cocher, mentions près des prix, confirmations après envoi, objets et premières lignes des emails automatiques, textes des pages 404 et de maintenance, libellés du menu, textes des filtres de boutique. Sur un site de PME, on arrive vite à une centaine d'éléments. La plupart ont été écrits par un développeur pressé ou laissés dans la langue du thème. Ce tableau devient votre outil de travail : une colonne pour le texte actuel, une pour la proposition, une pour la décision.
Le cas du formulaire de contact, ligne par ligne
Prenons le formulaire le plus banal, celui de la page contact, et regardons ce que change le micro-copy. Le titre « Contactez-nous » devient « Dites-nous ce dont vous avez besoin, on vous répond sous 24 h ». Le champ « Nom » reste, mais « Société » devient « Société (facultatif) » si elle l'est vraiment. Le champ « Message » gagne un exemple en texte grisé : « Par exemple : refonte de notre site, budget autour de 5 000 euros, délai octobre ». La case RGPD, souvent une phrase juridique illisible, devient « J'accepte d'être recontacté au sujet de ma demande », avec le lien vers la politique de confidentialité à côté. Le bouton « Envoyer » devient « Envoyer ma demande ». Et la page de confirmation, au lieu de « Message envoyé », dit qui va répondre, quand, et propose quelque chose à lire en attendant. Aucune de ces modifications ne demande un développeur. Toutes réduisent l'hésitation.
Le ton : cohérent, pas forcément drôle
Le micro-copy est l'endroit où le ton d'une marque se voit le plus, parce qu'il parle au visiteur au moment où il agit. Deux erreurs opposées se rencontrent. La première est le jargon technique ou administratif : « Requête soumise avec succès », « Champ obligatoire non renseigné ». La seconde est l'humour forcé, les points d'exclamation et les émojis sur chaque bouton, qui fatiguent vite et sonnent faux sur un site de cabinet ou d'industrie. La bonne mesure est celle d'une personne compétente qui parle normalement : claire, précise, un peu chaleureuse, jamais familière. Si vous avez défini une charte éditoriale pour vos pages, le micro-copy en fait partie. Sinon, ces petits textes sont un bon point de départ pour la fixer, dans le prolongement de la proposition de valeur que vos titres doivent porter.
Tester sans usine à gaz
Le test A/B au sens strict demande du trafic que la plupart des sites de PME n'ont pas. Deux méthodes plus simples donnent l'essentiel. La première consiste à faire lire le parcours à cinq personnes extérieures, en leur demandant de dire à voix haute ce qu'elles pensent qu'il va se passer avant chaque clic ; les hésitations et les erreurs de prédiction pointent directement les textes à revoir. La deuxième consiste à changer un texte à la fois sur une page importante et à comparer les chiffres sur deux périodes de quinze jours, en notant ce qui a été modifié et quand. Ce n'est pas rigoureux au sens statistique, mais sur un formulaire qui passe de dix à quinze envois par mois, la différence se voit. Si votre site a assez de visites pour un vrai test, les outils existent, et nous en parlons dans notre article sur les formulaires courts ou longs.
Comment tester son micro-copy
Lisez chaque texte à voix haute en vous mettant à la place d’un visiteur pressé. S’il faut réfléchir pour comprendre ce qu’un bouton va faire, c’est raté. Le micro-copy fait partie intégrante du travail d’expérience utilisateur, au même titre que le parcours et la hiérarchie visuelle, un ensemble que nous traitons dans notre offre UX et UI design. Et il rejoint directement le travail sur les appels à l’action, dont nous parlons dans notre article sur les CTA et sur l’anatomie d’une landing page.
