Mouvement et narration
Comment écrire des textes courts qui participent à l’expérience visuelle d’un site ?
Écrire des textes courts pour une expérience visuelle consiste à choisir ce que chaque phrase doit faire. Un titre peut ouvrir une idée, une légende préciser une image et un bouton annoncer une action. La concision devient utile lorsque ces rôles restent clairs, même dans une composition très expressive.
L'essentiel.
Un texte court participe au design lorsqu’il porte une idée précise et trouve sa place dans la composition. La concision doit conserver le sens, la voix de marque et la fonction des mots, notamment dans les titres et les actions.
- Attribuez une fonction à chaque texte avant de chercher une formule.
- Conservez les mots qui donnent une information propre à la marque ou au sujet.
- Travaillez les retours à la ligne avec le sens de la phrase.
- Les boutons et les libellés doivent rester explicites, même dans un univers très créatif.
Le texte ne devrait pas être raccourci seulement parce qu'un bloc de maquette est trop petit. Les mots et la forme doivent évoluer ensemble. Une formule spectaculaire mais vague peut affaiblir une page ; une phrase précise, bien composée, peut lui donner davantage de caractère.
Écrire une idée avant d'écrire une accroche
Commencez par une phrase complète qui explique ce que la section veut transmettre. Elle peut être longue et peu élégante. Son rôle est de clarifier l'intention avant le travail de style. Cherchez ensuite les mots qui apportent une information et ceux qui répètent une idée déjà présente.
Une phrase courte n'est pas forcément concrète. « Réinventer les possibles » peut occuper peu de place tout en laissant le visiteur sans repère. Une formulation qui nomme un objet, une action ou une différence donne davantage de matière à la composition et à la compréhension.
Le choix du vocabulaire doit rester cohérent avec les contenus voisins. Une accroche poétique peut fonctionner si une phrase proche situe clairement l'activité. La précision peut donc être répartie entre plusieurs niveaux, à condition que le lecteur n'ait pas à résoudre une énigme.
Distinguer les rôles des mots dans l'interface
Les textes éditoriaux, les textes fonctionnels et les textes de réassurance ne supportent pas les mêmes libertés. Un titre de chapitre peut être évocateur ; un bouton de téléchargement doit annoncer ce qu'il donne. La voix de marque peut traverser ces catégories sans effacer leurs fonctions.
| Type de texte | Travail demandé | Contrôle utile |
|---|---|---|
| Accroche | Donner une entrée et une intention | Comprend-on le sujet avec son contexte ? |
| Introduction | Situer l'offre ou l'idée | Apporte-t-elle une information nouvelle ? |
| Légende | Relier un détail à son sens | Précise-t-elle vraiment l'image ? |
| Bouton | Annoncer une action | Peut-on prévoir le résultat ? |
| Message d'état | Expliquer une situation | Sait-on ce qui s'est passé et quoi faire ? |
Les WCAG demandent des titres et libellés qui décrivent leur sujet ou leur fonction. Cette exigence laisse de la place au style, mais elle invite à vérifier ce que les mots permettent réellement d'identifier.
Exemple fictif : un studio de paysage
Un studio souhaite ouvrir son site avec « Faire place au vivant ». Cette phrase exprime une intention, mais ne dit pas à elle seule ce que le studio réalise. Nous l'associons à une introduction : « Nous concevons des jardins et des espaces publics qui relient les usages, les saisons et les milieux. »
La phrase principale porte la composition. L'introduction situe le métier. Une photographie de projet reçoit une légende précise sur le lieu et le rôle du studio, plutôt qu'un nouveau slogan. Le bouton « Voir les projets » annonce une destination identifiable.
Dans une section consacrée aux méthodes, le titre « Observer avant de dessiner » ouvre un propos concret. Le texte décrit ce qui est observé et comment cela influence les décisions. La voix reste sensible, mais chaque niveau apporte une information distincte.
Trois textes, trois fonctions
- Intention« Faire place au vivant » donne une tonalité et porte la composition.
- PrécisionUne phrase nomme le métier, les lieux conçus et les sujets travaillés.
- PreuveLa légende situe le projet montré et le rôle du studio.
- Action« Voir les projets » annonce une destination compréhensible.
Composer les mots sans les déformer
Travaillez avec le texte réel dès les premières maquettes. Observez les retours à la ligne, les mots isolés et les ruptures de sens. Une phrase peut être légèrement réécrite pour mieux se composer, mais elle doit rester naturelle lorsqu'on la lit sans voir la page.
Évitez de fractionner systématiquement chaque mot pour produire un effet graphique. Une telle composition peut convenir à un titre manifeste, mais devenir fatigante si elle se répète dans les explications. Les grandes typographies sur mobile demandent particulièrement ce travail conjoint du texte et de la forme.
Prévoyez les traductions et les contenus variables. Un bouton doit accueillir une formulation un peu plus longue sans casser son cadre. Une règle de composition robuste vaut mieux qu'une suite de corrections propres à une seule langue.
Vérifier les textes hors de leur mise en scène
Lisez les titres seuls, puis les boutons seuls. Le parcours est-il encore compréhensible ? Relisez ensuite les paragraphes sans les images. Ils doivent conserver leur sens, tout en laissant aux médias les informations qu'ils montrent mieux.
Pour les commandes, le critère WCAG « Label in Name » prévoit que le nom accessible contienne le texte du libellé visible. Cette cohérence compte notamment lorsqu'une personne utilise une commande vocale. Le mot montré et l'action décrite doivent rester liés.
Enfin, supprimez les phrases qui ne font que commenter la qualité supposée de la marque. Une précision sur une méthode, un matériau ou un usage démontre généralement mieux le travail qu'une accumulation d'adjectifs valorisants.
Questions fréquentes
Faut-il écrire uniquement des phrases très courtes ?
Non. Le rythme vient aussi de l'alternance. Une phrase courte peut introduire une idée, puis un paragraphe plus développé l'expliquer. Forcer toutes les phrases à la même longueur produit une voix mécanique et peut supprimer les nuances nécessaires à la compréhension.
Peut-on utiliser des titres poétiques ?
Oui, lorsque leur contexte permet de comprendre le sujet et que les informations utiles restent accessibles. Une formule évocatrice peut apporter une tonalité particulière. Elle doit cependant être accompagnée d'une structure qui aide à se repérer, surtout dans les menus et les pages riches en contenu.
Qui doit décider des textes : le rédacteur ou le designer ?
Les deux métiers doivent travailler sur les mêmes contenus. Le rédacteur veille au sens et à la voix ; le designer observe leur présence et leur hiérarchie. Les arbitrages gagnent à être faits ensemble, avec une validation de la marque sur les affirmations et les informations métier.
Sources
Écrire et composer avec LVX
Pour un projet LVX, nous proposons de faire évoluer les textes et les maquettes dans un même mouvement. Les premières versions servent à clarifier les idées ; les compositions permettent ensuite de régler leur rythme et leur présence. Les titres, les légendes et les commandes sont évalués selon leurs rôles respectifs. Cette démarche évite de remplir des blocs avec des phrases génériques ou de réduire le texte pour préserver une forme devenue trop étroite. Les mots participent ainsi à la direction artistique tout en restant précis et utiles. Découvrir notre approche.
