Les plus petits morceaux de texte sur votre site Web peuvent avoir le plus grand impact. Microcopie inclut toutes les instructions, les étiquettes, la navigation, les info-bulles, les messages d'erreur et le langage d'incitation à l'action qui aide les utilisateurs à utiliser réellement un dessin.
La microcopie peut faciliter la navigation et constitue l’élément final lu par l’utilisateur avant de cliquer sur un bouton. (Il est facile de comprendre pourquoi ces mots sont si importants.)
La microcopie est cependant souvent négligée dans le processus de conception du site Web. Souvent? Cliquez ici? est juste giflé sur un bouton et c'est fait. Mais une microcopie bien pensée peut améliorer votre site Web. Une bonne microcopie peut même aider à augmenter les taux de rétention et de conversion chez les utilisateurs, ce que tous les propriétaires de sites Web peuvent apprécier.
Alors, comment fais-tu? Voici dix conseils pour bien commencer à écrire de super microcopies.
1. Montrer, ne pas dire aux utilisateurs quoi faire
De bons mots de navigation peuvent indiquer aux utilisateurs où aller, aider à expliquer en quoi consiste votre site Web et fournir des indices de recherche et de référencement pour les robots d'exploration. Une bonne microcopie aide les utilisateurs à faire quelque chose sans vraiment avoir à y penser. C'est pourquoi? Cliquez ici? est un terme très populaire.
Mais vous n'êtes pas obligé de l'utiliser. Utilisez des mots qui indiquent clairement aux utilisateurs ce qui va se passer. Les expressions microcopiées couramment utilisées dans les éléments cliquables incluent apprendre davantage, lire plus, acheter maintenant, obtenir des informations, télécharger, envoyer, etc.
Chacun de ces mots est clair et les utilisateurs sauront probablement exactement ce qui devrait se passer après leur clic. (Assurez-vous simplement que c'est l'action qui se passe réellement.)
Pour ce qui est des autres microcopies, réfléchissez aux manières de les utiliser qui profitent à l'utilisateur. La navigation, par exemple, est un endroit où la microcopie peut aider la conception de votre site Web. De bons mots de navigation peuvent indiquer aux utilisateurs où aller, aider à expliquer en quoi consiste votre site Web et fournir des indices de recherche et de référencement pour les robots d'exploration. (Alors vous feriez mieux de faire attention à quels mots vous utilisez.)
Notez comment Atom, ci-dessus, utilise un bouton avec le mot et l'icône pour "Télécharger".
2. Maintenir la microcopie concise
Microcopy tire son nom car ce sont souvent les mots les plus petits à l'écran en termes de taille. Mais ils pourraient aussi être les phrases les plus courtes.
Gardez les instructions et la photocopie à court et au point. De longues explications ne sont pas nécessaires pour la plupart des interactions utilisateur et trop d'explications peuvent être accablantes. S'il existe un moyen simple et rapide de signaler une action ou une utilisation, faites-le.
3. Une copie importante doit toujours être visible
N'utilisez pas les info-bulles pour des informations vitales.
Il existe deux types de microcopies: les éléments ou instructions que vous voyez toujours et ceux qui apparaissent au besoin. Ces dernières apparaissent souvent sous la forme d’infobulles, de boîtes de survol qui peuvent améliorer la convivialité de certains éléments de conception.
Mais sachez que toutes les fonctions ne doivent pas nécessairement se cacher dans cet état de survol. Toutes les microcopies importantes ou vitales doivent toujours être visibles pour les utilisateurs, telles que les informations à inclure dans un formulaire ou ce qui se passera s’ils cliquent sur un bouton.
Une microcopie de type info-bulle est appropriée pour des informations supplémentaires, telles que l'explication de ce qui se passe si un utilisateur a besoin d'aide. (Par exemple, une petite icône? À côté des instructions; l’icône indique que l’utilisateur peut trouver plus d’informations si nécessaire. Passez la souris sur l’icône et la microcopie apparaît. C’est une utilisation appropriée de la microcopie cachée.)
4. Faites correspondre le ton de votre site Web
Bien que le langage utilisé pour la microcopie soit assez simple, il peut (et devrait) correspondre au ton de la conception complète du site Web.
C'est un art délicat qui ne fonctionne que lorsque les utilisateurs comprennent encore ce qu'il faut faire.
5. Évitez le jargon
Même si vous pouvez faire correspondre le ton, éloignez-vous du jargon au sein de la photocopie.
Le jargon dans votre copie peut rapidement devenir source de confusion et présenter des défis pour les robots des moteurs de recherche. L'éviter.
6. Utiliser les informations alternatives pour les images
Ce n'est pas l'écriture exacte de la microcopie, mais c'est important. Lors du téléchargement d'éléments d'interface utilisateur contenant une microcopie, veillez à inclure les informations de remplacement pour les fichiers image et icône.
Cela peut aider à la recherche et à la facilité d'utilisation pour certains utilisateurs. (Cela peut être particulièrement important pour les utilisateurs ayant des problèmes de connectivité ou ceux utilisant les fonctionnalités de navigation vocale.)
Pensez-y comme ça. Si vous ne voyez pas le bouton ou l'icône et que les informations sur les modifications vous indiquent qu'il s'agit d'un bouton d'un panier d'achat et que la microcopie est? Achetez maintenant ,? vous comprenez l'action qui va se passer. Ce n'est pas difficile pour vous de le faire au fur et à mesure que vous créez le design, mais cela peut faire une énorme différence pour certains utilisateurs.
7. Fournir des options appropriées
L'utilisation de la microcopie s'étend également aux éléments d'une liste de listes déroulantes ou de puces. Lorsque cela est approprié, veillez à inclure des options pour les utilisateurs afin d’augmenter les chances de conversion.
L’une des utilisations les plus courantes de cette technologie est le commerce électronique. Notez combien de fois un formulaire avec un bouton vous demande de saisir des informations de paiement. Vous trouverez ci-dessous une ligne d’explication selon laquelle vous pouvez revoir l’achat une fois de plus. Il s'agit d'un niveau supplémentaire de microcopies qui offre un choix à l'utilisateur et qui l'aide à mieux comprendre le processus.
Si vous utilisez un logiciel de marketing par courrier électronique, le même choix est également apparent. La plupart des programmes incluent une option pour? Envoyer maintenant? ou? planifier pour une date ultérieure ,? lorsqu'une option est sélectionnée, l'utilisateur obtient une confirmation de son choix.
8. Placez le texte au bon endroit
Les emplacements des microcopies doivent être dans des conditions de lecture normales. La plupart des utilisateurs lisent de gauche à droite et de haut en bas. Essayez d’incorporer ces motifs lors de l’emplacement des microcopies.
Prenons par exemple un formulaire d’enregistrement par courrier électronique. Il devrait y avoir une zone permettant de saisir une adresse électronique et le bouton Soumettre. Le bouton Soumettre devrait se trouver immédiatement à la droite de l’inscription ou juste en dessous, c’est là que l’utilisateur regardera ensuite.
Utilisez un texte fictif avec un contraste élevé pour faciliter la lecture. Si le texte est si pâle qu'il est difficile à lire, en avez-vous vraiment besoin? Peut-être que cette copie d'espace réservé devrait être supprimée.
9. Utiliser? Live Text?
Le texte qui est en réalité une image pose un problème à plusieurs niveaux.
L'image n'est pas lisible par les moteurs de recherche ou les lecteurs d'écran (pensez à l'accessibilité) et peut être illisible dans certains environnements réactifs en fonction de la mise à l'échelle de l'image.
Toutes les copies, y compris les microcopies, doivent être du texte actif afin que chaque élément soit lisible et être redimensionnées pour que les utilisateurs puissent les voir et les comprendre facilement.
Et pendant que nous abordons la question du texte en direct et lisible. Assurez-vous que tous les microcopies incluent suffisamment de contraste pour qu'il soit facile à voir. C'est une petite chose, mais si vous y prêtez attention, vous serez étonné du nombre de modèles utilisant un étiquetage à faible contraste.
10. Inclure les messages de réussite et d'erreur
Une bonne microcopie n'est pas souvent un processus en une étape. Il s'agit souvent d'une série de messages liés à une action d'un utilisateur.
Selon la nature de cette action, vous devez inclure une microcopie confirmant qu’une action a été effectuée ou un message d’erreur lorsqu’une interaction a échoué. Cela fournit des informations précieuses à l'utilisateur et les aide à effectuer des tâches sur votre site Web.
Conclusion
Fabriquer de superbes microcopies n’est pas si difficile lorsque vous réfléchissez à ce que vous voulez que les utilisateurs fassent avec votre conception et à la façon dont vous voulez le faire. Considérez la microcopie comme un manuel d’instructions extrêmement simplifié.
Pensez à utiliser un langage commun, court et compréhensible, à fournir des instructions claires et à simplifier la lecture. Faites ces choses et vous serez sur la voie de la création d'une grande microcopie.