Catégories
Astuces et Design

5 conseils pour rédiger une meilleure microcopie


5 conseils pour rédiger une meilleure microcopie

Lorsque vous voyez une application pour la première fois, la microcopie peut donner de nombreux indices sur l'objectif de l'application, comment l'application peut nous aider et comment nous pouvons interagir avec l'application. Pourtant, de nombreuses organisations développent d'excellentes applications mais n'écrivent pas une microcopie efficace.

«Microcopie» fait référence aux petits morceaux de texte qui guident vos utilisateurs vers leur objectif, les instruisent et atténuent leurs inquiétudes. La microcopie comprend tous les bits d'information que nous communiquons aux utilisateurs.

Par exemple, une barre de recherche contient du texte pour indiquer comment utiliser la barre de recherche ou quelles informations vous pouvez rechercher. Cela atténue les inquiétudes des utilisateurs quant aux informations qu’ils peuvent trouver à l’aide de la barre de recherche.

Par conséquent, il s'agit d'une partie cruciale de l'expérience utilisateur (UX) pour aider les utilisateurs à comprendre rapidement l'objectif d'un élément individuel et de l'ensemble de l'application. Une microcopie efficace accélère le processus d’apprentissage de l’utilisateur.

Imaginez utiliser Uber Eats pour la première fois. Lorsque vous visitez leur site Web, il se peut que nous n’ayons aucune idée de son objectif. Cependant, la microcopie rend immédiatement clair le but du site Web. Nous pouvons utiliser Uber Eats pour livrer de la nourriture directement à notre porte.

Barre de recherche Uber Eats pour les lieux de restauration "width =" 925 "height =" 657 "class =" aligncenter size-full wp-image-179854

Le site Web affiche d'abord un bref slogan, qui fait également partie de la microcopie. "Votre plat préféré, livré avec Uber." Le mot-clé nourriture apparaît immédiatement. Pour renforcer ce slogan, ils ont associé «nourriture» à l'adjectif «favori».

Plus important encore, nous trouvons une barre de recherche directement sous le slogan. Cette barre de recherche nous demande de saisir notre adresse de livraison. Ensuite, il y a un bouton clair qui nous encourage à rechercher de la nourriture. En d'autres termes, ils nous expliquent comment utiliser l'application en suivant les indices textuels.

Il est étonnant de voir comment seulement 11 mots peuvent immédiatement clarifier le sens et le but d’une candidature. Pour répéter, Uber Eats consiste à trouver la nourriture que vous aimez et à la livrer directement à votre porte. Qui n'aime pas une délicieuse pizza sans avoir à quitter le confort de votre maison?

Jetons un coup d'œil à cinq conseils pour écrire une microcopie qui accélérera le processus d'apprentissage d'un utilisateur.

1. Considérez l'ordre des éléments de microcopie

L'ordre des éléments est important lors de la création de la microcopie. Un utilisateur lira très probablement les éléments de haut en bas et de gauche à droite. Par conséquent, structurez les informations de haut en bas et de gauche à droite par ordre d'importance. Évitez de placer les informations dont un utilisateur a besoin sous un élément particulier tout en en ayant besoin pour compléter le dernier élément.

Prenons un exemple pour clarifier cet ordre. Le formulaire d'inscription de Mailchimp a changé l'ordre des éléments. Ils ont ajouté les exigences de mot de passe sous le champ de saisie du mot de passe.

Il peut arriver qu'un utilisateur remplisse son mot de passe par défaut lors de la première consultation du champ de mot de passe. Cette réaction est normale lorsque nous lisons un formulaire de haut en bas. Ensuite, l'utilisateur remarque que son mot de passe ne répond pas aux exigences de mot de passe. Dans ce cas, ils doivent créer un nouveau mot de passe. Cela peut sembler être un petit problème UX, mais ils peuvent s'additionner.

le champ de mot de passe Mailchimp, avec les instructions ci-dessous "width =" 594 "height =" 189 "class =" aligncenter size-full wp-image-179855

Nous ne voulons pas supprimer complètement le champ de mot de passe de Mailchimp, car ils font un excellent travail en énumérant les exigences en matière de mot de passe. Et vous pourriez faire valoir que placer les exigences entre l'étiquette de mot de passe et le champ de mot de passe prendrait trop d'espace, ce qui rendrait difficile de voir le lien entre l'étiquette et le champ.

En bref, lors de la conception des éléments d'entrée, respectez l'ordre suivant pour respecter l'ordre de haut en bas, de gauche à droite:

  • Étiquette
  • Instruction ou indice
  • Champ de saisie

2. Soyez transparent, ajoutez des méta-informations

De nos jours, les utilisateurs sont plus conscients de leurs données et qui peuvent y accéder. Par conséquent, lorsque vous souhaitez stocker les données des utilisateurs, les inscrire à une newsletter ou les diriger vers une page produit, dites à l'utilisateur ce qui va se passer. Nous appelons ce type d'informations des «méta-informations».

Voici un excellent exemple du (ancien) formulaire d'inscription Medium qui nous explique comment Medium utilise nos données.

options pour s'inscrire par e-mail, Twitter ou Facebook "width =" 692 "height =" 679 "class =" aligncenter size-full wp-image-179856

Ci-dessous, nous voyons un exemple de newsletter payante par The New Paper. Ils font un excellent travail pour créer de la transparence en fournissant des méta-informations. Ils fournissent des nouvelles une fois par jour, dans un format concis.

En outre, ils ajoutent une microcopie au bouton d'inscription déclarant la politique de coût et d'annulation. Il est important de déclarer ce type de méta-informations, car vous ne voulez pas décevoir votre utilisateur avec l'impression que la newsletter est libre de lire après avoir cliqué sur le bouton d'inscription.

Page d'accueil de thenewpaper.co "width =" 693 "height =" 480 "class =" aligncenter size-full wp-image-179857

Être transparent vous permet de créer un climat de confiance, mais en dit long sur les valeurs de votre marque. C'est un bonus lorsque les utilisateurs perçoivent une marque comme honnête et transparente.

continuer la lecture
5 conseils pour rédiger une meilleure microcopie
sur SitePoint.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *