Un flux de travail courant consiste à concevoir les pages, puis à « remplir le texte ». Cela paraît efficace. Cela produit généralement une belle mise en page dans laquelle le vrai contenu n'entre pas, et une course pour couper des phrases afin qu'elles tiennent dans une case.
La mise en page est une réponse au message
Les bonnes décisions de design dépendent de ce que la page cherche à dire. Le titre est-il long ? Y a-t-il un point clé ou cinq ? La section a-t-elle besoin d'une liste, d'une comparaison, d'une citation ? On ne peut pas y répondre sans les mots. Concevoir d'abord, c'est deviner, puis forcer le contenu à correspondre à la supposition.
Le texte révèle la structure
Écrire une page oblige à décider ce à quoi elle sert vraiment et dans quel ordre l'argument doit se dérouler. Cet ordre, c'est la structure de la page. Quand l'écriture est faite, le wireframe est en grande partie déjà là.
Le faux texte masque les problèmes
Le lorem ipsum a toujours la longueur et le rythme parfaits. Le vrai texte, non. Un design qui paraît équilibré avec du faux texte casse souvent quand un vrai titre fait deux lignes au lieu d'une, ou qu'un paragraphe fait trois phrases au lieu d'une. Concevoir avec un texte réel ou quasi finalisé fait apparaître ces problèmes tant qu'ils sont peu coûteux à corriger.
Ce n'est pas censé être définitif
Le texte d'abord ne signifie pas que chaque mot est verrouillé avant le début du design. Cela signifie qu'un brouillon solide — le vrai titre, les vrais points clés, à peu près la vraie longueur — existe avant les décisions de mise en page. Le brouillon et le design s'affinent ensuite ensemble.
Concrètement
- Définissez d'abord le rôle de la page et son unique message principal.
- Rédigez un brouillon de chaque page, dans l'ordre.
- Concevez autour du brouillon, en ajustant les deux au fur et à mesure.
- Peaufinez le texte et la couche visuelle ensemble à la fin.
En bref
Les mots définissent ce qu'une page doit faire ; le design le fait bien faire. C'est pourquoi nos projets commencent par le message. Dites-nous ce que chaque page doit dire et nous bâtirons la structure autour.