Décider des pagesavant la couleur.
Une maquette finie déclenche des débats sur une nuance et pas sur la structure. Le gris sert exactement à ça : tant qu’il n’y a pas de couleur, on parle de ce qui doit être sur la page et dans quel ordre.
L’arborescence du site ou du produit, et les adresses prév
Les parcours principaux, schématisés et commentés
Les wireframes en gris, avec les libellés réels
La décision écrite : ce qui est dans le périmètre, et ce q
Comment ça se passe.
L’arborescence d’abord
Les pages, leur hiérarchie, les adresses qu’elles porteront. C’est la décision qui tient le plus longtemps, et la moins chère à changer maintenant.
Les parcours, écran par écran
Le chemin d’un visiteur qui achète, celui qui cherche, celui qui revient. Un parcours dessiné à plat révèle les étapes qu’on avait oubliées.
Les wireframes, en gris
Blocs, hiérarchie, libellés réels. Les libellés réels, parce qu’un faux texte de remplissage ne dit jamais qu’un bouton est trop étroit.
On tranche, puis on dessine
La maquette part d’une structure validée : c’est ce qui évite trois tours de direction artistique sur une page qui ne devait pas exister.
Ce que vous recevez à la fin
L’arborescence du site ou du produit, et les adresses prévues
Les parcours principaux, schématisés et commentés
Les wireframes en gris, avec les libellés réels
La décision écrite : ce qui est dans le périmètre, et ce qui attend
Questions fréquentes
L’arborescence et les écrans en gris, pour trancher les pages et les enchaînements avant que la couleur ne rende tout le monde d’accord sur rien.
Une autre question ? Écrivez-nous →Peut-on sauter cette étape ?
Sur une page unique, oui. Sur un site de trente pages ou un produit, c’est l’étape qui fait économiser les autres : changer une arborescence après l’intégration coûte des redirections et du référencement.
Faut-il vraiment du gris ?
C’est une discipline, pas une esthétique. La couleur attire tous les avis vers elle ; sans elle, la conversation porte sur ce qui doit figurer et dans quel ordre.
Comment le client valide-t-il ?
Par un lien de relecture, comme pour une maquette : il commente sur la zone désignée. Un wireframe commenté vaut mieux qu’un compte rendu de réunion.