Contenu
- Abattre les murs
- 01. Copy communique directement avec les utilisateurs
- 02. La copie complète les éléments visuels
«Je ne suis pas un écrivain», dit le concepteur, utilisant une grammaire douteuse, tout en remettant une tâche au rédacteur.
C’est vrai, les éléments visuels sont un élément clé de la conception… mais pas plus que le mot écrit (ou l’utilisation du système, ou de la technologie, ou de l’un des autres éléments qui fonctionnent tous ensemble pour résoudre les problèmes des utilisateurs).
La rédaction n'est qu'une autre fonctionnalité de conception qui influence l'opinion de l'utilisateur sur le fait qu'il aime ou non le site ou l'application suffisamment pour y revenir. Et pourtant, il s'agit encore parfois d'un fossé imaginaire entre la copie et le design car les compétences sont si différentes.
Abattre les murs
Nous ne préconisons pas que les concepteurs licencient leur équipe de rédaction et le fassent eux-mêmes (bien que les concepteurs puissent certainement rédiger des copies, nous l'avons parfois fait nous-mêmes).
Mais le designer ferait bien de faire tomber le mur entre la communication visuelle du produit et sa communication textuelle. En fin de compte, tout cela fait partie de la même interface que les utilisateurs utilisent.
... Et voici quatre raisons pour lesquelles:
01. Copy communique directement avec les utilisateurs
Un visuel significatif ou émotionnel peut au sens figuré «parler» à l'utilisateur, mais il incombe au texte de parler littéralement à l'utilisateur. Qu'il s'agisse de donner des instructions, des détails sur le produit, des champs de formulaire pour un achat ou un message d'accueil informel, l'écriture est la distance la plus courte entre vous et la personne qui regarde l'écran.
Un site ou une application peut survivre et même réussir sans des visuels époustouflants ou une convivialité agréable (il suffit de regarder Craigslist), mais vous ne trouverez jamais un site qui repose uniquement sur des éléments visuels. Nous n'entrerons pas dans la hiérarchie des éléments, mais nous dirons qu'en tant qu'instrument de communication, les mots sont essentiels.
Outre le contenu, la rédaction remplit au moins six objectifs principaux dans un schéma de conception:
- Message d'accueil - Un texte sur la page d'accueil (ou la page de destination la plus populaire) aide à orienter l'utilisateur sur l'endroit où il se trouve, à expliquer ce que vous pouvez faire de votre mieux et à lui suggérer la prochaine action à entreprendre.
- Navigation - La plupart des barres de navigation utilisent des mots accompagnant les icônes car il peut être difficile de communiquer quelque chose d'abstrait comme «À propos de nous» avec des symboles. L'exception, bien sûr, est lorsque les icônes représentent des métaphores visuelles indéniables (par exemple, loupe = recherche).
- Instructions - Toutes les fonctions ne peuvent pas être exprimées avec un modèle ou un repère visuel familier, et il arrivera probablement un moment où vous devrez expliquer en termes généraux comment effectuer une tâche.
- Commentaires - Lorsque quelque chose ne va pas - ou quand quelque chose ne va pas - l'utilisateur apprécie une notification.
- Appels à l'action - Chaque vendeur connaît l'importance de la langue lors de la clôture. Plus l'appel à l'action est vif, plus l'utilisateur a de chances de faire le saut et de cliquer.
- Données - À un moment donné, vous devrez présenter les faits durs et froids. Il peut s'agir des coordonnées de votre entreprise ou des libellés d'un champ de formulaire.
Hell’O Baby profite immédiatement de plusieurs de ces utilisations sur sa page d’accueil. Leur en-tête informe l'utilisateur dans un anglais simple de l'objectif du produit ("Créer un album interactif de votre bébé").
Remarquez comment la présentation conviviale du texte à travers une typographie amusante donne également au texte une impression de salutation décontractée. Si elle était présentée dans une police avec empattement ou sans empattement (au lieu de son aspect script), la déclaration se sentirait froide et peut-être trop exigeante lorsqu'elle serait comparée aux visuels caricaturaux.
Bien sûr, l'appel à l'action "Créer un album" vous montre la prochaine étape avant de comprendre ce que font les icônes de microphone, de caméra et de canard. Remarquez à quel point les éléments visuels sont excellents: la copie ne remplace pas les éléments visuels, mais fonctionne avec eux.
Microcopie
Comme nous l'avons recommandé dans Interaction Design Best Practices, ne négligez jamais la puissance de la microcopie. Décisions comme s'il faut utiliser "continuer" ou "aller!" sur un bouton tous ont des conséquences subtiles mais substantielles sur la façon dont l'utilisateur perçoit le produit. La microcopie peut sembler négligeable, mais Jared Spool explique comment l’insertion d’une ligne de texte a contribué à augmenter les bénéfices de son client de 300 millions de dollars.
Bien que vous ne souhaitiez pas surcharger vos utilisateurs en expliquant chaque fonction ou en sur-commentant, parfois des informations supplémentaires sont exactement ce que vos utilisateurs veulent.
La recherche utilisateur est le moyen idéal pour déterminer si certaines fonctionnalités ou certains éléments de votre conception sont ignorés ou mal utilisés. Parfois, vous constaterez que des problèmes d'utilisation flagrants d'une interface déroutante peuvent être résolus avec une seule phrase bien placée.
02. La copie complète les éléments visuels
Le design consiste à mélanger les différents éléments pour créer quelque chose de si intuitif qu'il semble presque invisible. Si un designer se veut un artiste, l'une de ses couleurs primaires est le texte. La copie d'une interface ne doit pas rivaliser avec les éléments visuels - ils doivent fonctionner en tandem pour créer la meilleure expérience possible.
Cela signifie que les tons des deux doivent toujours correspondre. L'utilisation libérale de l'argot et des émoticônes des adolescents semble évidemment hors de propos par rapport à une conception de site conservatrice et professionnelle pour une banque. De même, un contenu sérieux recommandant un traitement pour la dépression ne doit pas être compensé par des éclaboussures de couleur.
Mis à part le contenu, le bloc de texte doit s'intégrer visuellement à l'intérieur du design - c'est à lui seul une raison de travailler sur les deux en même temps. À cet égard, les espaces réservés comme lorem ipsum peuvent être trompeurs.
Regardons l'exemple suivant.
Jusqu'ici, tout va bien, non? On dirait que le site final sera parfaitement sur la bonne voie, jusqu'à ce que…
… Quelque chose s'est perdu dans la traduction. Il est difficile de prédire combien ou combien peu de place le texte prendra jusqu'à ce qu'il soit juste devant vous. C'est pourquoi nous suggérons de concevoir avec la copie réelle le plus tôt possible.
Heureusement, la différence n'est pas trop dramatique dans l'exemple ci-dessus. Mais, comme nous le montre le concepteur de produits Rian van der Merwe, ignorer une approche axée sur le contenu peut tout aussi facilement ruiner votre conception.
Page suivante: copier est contenu et créer du ton et de la personnalité ...
