Microcopy : définition, exemples, conseils

Lors de l'élaboration d'une expérience utilisateur de qualité, il y a toujours deux séries d'objectifs de microcopy à prendre en compte : ceux de l'utilisateur et ceux de l'entreprise. Vous voulez que l'UX soit aussi simple, facile et agréable que possible. En revanche, pour l'entreprise, l’intérêt est souvent d'accroître l'engagement et, en fin de compte, la conversion.

L'UX offre de nombreux outils pour atteindre ces deux objectifs. Mais ce que l'on néglige souvent, c'est le texte, en particulier les petits bouts distribués tout au long de l'expérience. Ceci fait partie du travail du pôle UX/ UI Design en lien avec les équipes marketing et sales de votre entreprise.

Si vous travaillez dans le monde numérique, vous avez probablement entendu parler du terme "Microcopy"*, mais qu'est-ce que la microcopy ou microscopie en français ? On vous dit tout dans les lignes qui suivent !

*dans cet article on parlera plutôt du terme microcopy en anglais car l’utilisateur du terme est anglophone à l’origine. Si vous ne parlez pas anglais, pas de problème, on vous promet que c’est le seul mot anglais qui ressortira de l’article ! 😉

SOMMAIRE

💡 Qu'est-ce que la microcopy ?

📝 Comment écrire une bonne microcopy ? Notre check-list

🔎 Que diriez-vous de quelques exemples ?

👀 Pour conclure sur la microcopy

Qu'est-ce que la microcopy ?

Définition

Pour paraphraser Kinneret Yifrah, auteur d’un livre sur le sujet, les microcopies sont constituées de mots, de phrases courtes et d'expressions que l'on trouve dans les produits digitaux et qui ont un lien direct avec l'acte de l'utilisateur. Ils peuvent apparaître avant une action pour motiver les utilisateurs, accompagner le comportement de l'utilisateur en en tant que conseil, ou fournir un retour aux utilisateurs après qu'ils aient effectué une action.

Quel est l’objectif de la microcopy ?

Le but principal de cet outil est de pousser les utilisateurs à franchir la ligne correspondant à leur action en anticipant tout ce qui pourrait les empêcher de réaliser le “geste” souhaitée. Par conséquent, la microcopy a tendance à être.. :

1. Courte : un mot ou une phrase

2. Ciblée : elle est placée au-dessus, à côté ou à côté d'un élément

3. Contextuelle : elle change en fonction des besoins et des actions de l'utilisateur

La microcopy : par quels moyens ?

Voici des mises en pratique typiques efficaces de microcopy qui passe par une relation avec l'acte de l'utilisateur :

• Les CTA : pour que les utilisateurs s’engagent

• Les étiquettes de champ et le texte de remplacement : pour aider les utilisateurs à accomplir une tâche correctement

• Les messages d'erreur : pour expliquer aux utilisateurs comment corriger une erreur

• Des infobulles : pour aider les utilisateurs à prendre des décisions éclairées

• Des éléments de réassurance : pour éviter que l'utilisateur n'hésite

• Message de réussite : pour pousser l’utilisateur à poursuivre leur parcours

• Des états vides : pour encourager les utilisateurs à commencer leurs achats

• Formulaires de newsletter : pour communiquer aux utilisateurs l'intérêt de s'inscrire

Vous l’aurez compris, il existe de nombreuses manières de placer une petite phrase courte en microcopy pour rassurer l’utilisateur dans les différentes étapes du parcours client Le tout est de bien les placer ! Mais comment faire ?

Comment écrire une bonne microcopy ? Notre check-list

Pour écrire une microcopy, il faut tout d’abord bien se mettre dans la tête de l’utilisateur. En effet, l’utilisateur c’est souvent vous, puisque vous naviguez sur les sites internet. Pensez à : qu’est ce que vous aimeriez voir ? Voulez vous être rassuré sur la sécurité, sur la fiabilité d’un produit, sa longévité ?

Pour vous aider, voici une check-list pour vous aider à vous poser les bonnes questions lorsque vous rédigez une microcopy :

• Soyez clair, concis et utile

• Créez un cadre

• Soyez conversationnel

• Utilisez l'humour avec précaution dans votre microcopy, c’est quitte ou double !

• Mettez en avant les valeurs de votre marque

• Supposez que votre utilisateur est intelligent, on évite les termes infantilisant

• Ne pas abuser des contractions

• Attention aux fautes qui vous décrédibilisent : pensez aux majuscules aux noms et aux termes propres

• Quand utiliser "votre"

• Quand utiliser "mon"

• Ne soyez pas trop pressant, gardez votre utilisateur calme et confiant

• Commencez par des verbes qui incitent / motivent à l'action

• Pour cela, définir les attentes en amont

• Montrer la progression des actions

• Créez des moments positifs à chaque microcopy (évitez la négation par exemple)

• Associez des éléments visuels aux mots pour la majorité des microcopies

• Utilisez des mots et des phrases que les utilisateurs ont l’habitude de voir, utilisez le langage courant

• Choisissez les bons moments

• Testez et améliorez

Que diriez-vous de quelques exemples ?

Un bon exemple de microcopy :

Mailchimp : mot de passe obligatoire

Comme dans de nombreux flux pour s’inscrire en ligne, les utilisateurs sont invités à créer un mot de passe pour sécuriser leur compte. Pour que cette étape soit aussi facile que possible pour les utilisateurs, la microcopy est utilisée juste en dessous du champ du mot secret choisi, ce qui crée une relation claire entre les deux. Les microcopies utilisées offrent des instructions claires et concises pour clarifier exactement ce qui est demandé aux utilisateurs et, au fur et à mesure que les utilisateurs répondent à chacune de ces exigences, chaque partie devient verte ou grise.

La combinaison de la microcopy et d'une petite microinteraction montre aux utilisateurs qu'ils progressent et qu'ils n'ont pas à s'inquiéter d'une erreur. Cette réassurance les pousse à continuer sans craindre de devoir répéter le processus.

Airbnb : explorer les environs

Airbnb a une section de sa page d'accueil dédiée à la promotion des lieux à proximité, appelée " Explorer à proximité ". Chaque illustration utilisée est unique pour chaque lieu et les microcopies sous le titre expliquent à quelle distance ces lieux se trouvent en heures.

L'utilisation des heures pour décrire la distance à chaque lieu est un moyen astucieux de donner l'impression que ces lieux sont beaucoup plus proches et donc plus accessibles. La description de la distance avec des heures pourrait sembler froide et insignifiante, mais l'utilisation de l'heure reflète mieux la façon dont les humains communiquent sur la distance. Les utilisateurs sont plus susceptibles de penser "Je pourrais être à York en 2,5 heures", ce qui les incite à envisager de découvrir ces lieux.

Netflix : l’inscription à un abonnement

Nous connaissons tous Netflix, et nous sommes tous familiers avec leur tunnel d'enregistrement ! Qu'est-ce qui vous a convaincu de vous abonner ? Peut-être était-ce un peu de microcopy****, judicieusement placée juste au-dessus des méthodes de paiement : "Aucun engagement. Annulez en ligne à tout moment."

Le fait de disposer des microcopies à un instant critique comme celui-ci peut faire une énorme différence et souligner l'importance d'anticiper les préoccupations des utilisateurs au bon moment. Cela met les utilisateurs à l'aise et les aide à se sentir maîtres de la situation. S'ils peuvent annuler à tout instant, pourquoi ne pas essayer ?

ASOS : le panier vide

Lorsque les utilisateurs consultent leur panier après une période d'inactivité, ils vont être accueillis par un panier vide. Au début, ils pourraient être inquiets, pensant qu'ils ont perdu leur temps à naviguer et qu'ils ont tout perdu ! C'est là que les microcopies interviennent à nouveau, en expliquant aux utilisateurs que le contenu de leur panier n'ont pas été perdus, qu'ils ont été déplacés vers leurs articles enregistrés. Un CTA se trouve juste en dessous et dirige les utilisateurs directement vers les produits sauvegardés afin qu'ils puissent facilement reprendre là où ils s'étaient arrêtés.

La combinaison de cette fonctionnalité et de la microcopy aide ASOS à atteindre ses objectifs de microcopy commerciaux, tout en soutenant les attentes de ses utilisateurs.

Un exemple de microcopy à ne pas suivre :

Gainsight et la microcopy : l’exemple de la page 404

Les pages 404 peuvent être une excellente occasion de créer une expérience inattendue pour les utilisateurs et d'atténuer une partie de la frustration ressentie lorsqu'on atterrit sur une ou plusieurs pages en erreur 404. Malheureusement, Gainsight rate la cible avec la sienne en accueillant les utilisateurs avec une page blanche, le numéro d'erreur et "NOT FOUND".

La microcopy ajoutée ici expliquerait aux utilisateurs ce que signifie 404 et "NOT FOUND". Elle a la possibilité aussi d'être utilisée pour ajouter de la personnalité et une touche humaine à ce qui est autrement une page avec une 404 stérile. Un CTA accompagné du bon message expliquant où le clic mènera les utilisateurs permettrait également de réduire les frictions et de les ramener sur le chemin prévu.

Application PlayStation Network : messages d'erreur

Les messages qui indiquent qu’il y a une erreur sont souvent à l'origine de mauvaises microcopies. Voici un exemple tiré de l'application de PlayStation Network, qui rencontre un frein quelconque. Comme vous pouvez le voir, sans microcopy il est impossible pour l'utilisateur de savoir ce qui ne va pas ou quelle action il peut entreprendre pour essayer de rectifier le problème.

En ce qui concerne les messages indiquant une erreur, essayez d'informer l'utilisateur de la nature du point bloquant et de la manière dont il peut être résolu. Évitez d'utiliser du jargon technique ou des codes d'erreur, car ils ne signifient rien pour la plupart des utilisateurs et ne font que les laisser confus et frustrés.

Pour ClickUp, confirmation de l'erreur

"Non, je veux perdre un jour par semaine" est l'illustration parfaite du "confirmhaming", un modèle plutôt négatif d'UX qui utilise la microcopy pour culpabiliser l'utilisateur et lui faire honte afin qu'il change d'avis. Vous pouvez voir ici cette méthode qu’utilise par ClickUp dans une modale conçue pour inciter les utilisateurs à donner leur adresse e-mail à la marque.

La microcopy a la possibilité d’être mise en pratique ici avec beaucoup plus d'efficacité en communiquant la valeur fournie aux utilisateurs en donnant leur adresse électronique à l’entreprise. Elle pourrait également être utilisée pour rassurer les utilisateurs sur le fait que ClickUp prend la confidentialité des utilisateurs au sérieux et ne fera rien de malveillant avec leur adresse électronique.

Pour conclure sur la microcopy…

J'espère que vous comprenez maintenant ce qu'est la microcopy et que son objectif principal est de permettre aux utilisateurs de franchir la ligne et d'éviter les blocages dans leur parcours. Il s'agit d'un outil supplémentaire dans la boîte à outils des concepteurs UX pour l’utilisateur pour générer des expériences digitales transparentes pour les utilisateurs. C’est le métier de l’UX Designer 😉 Si ce métier vous intéresse, découvrez l’interview de Matt Christie, UX/ UI Designer chez Contentsquare.

Après avoir examiné quelques exemples, vous commencerez à la remarquer partout, et vous ne tarderez pas à remarquer comment elle peut influencer votre comportement en tant qu'utilisateur. Réduit-elle les frictions ou a-t-elle l'effet inverse et rend-elle votre parcours en ligne plus difficile ?

N’hésitez pas à revenir sur cet article, je le complèterai la prochaine fois, avec les autres avantages et opportunités offerts par la microcopy. J'examinerai également quelques études de cas qui illustrent le pouvoir des microcopies pour accompagner les entreprises à réussir leurs objectifs.