Conversion et experience
Wireframe de site web
Un wireframe est une maquette simplifiée d’une page, sans couleurs ni images définitives. Il décide de ce qui est présent, dans quel ordre, et avec quelle importance relative.
Son intérêt est de forcer les décisions de contenu avant que le design les rende coûteuses à remettre en cause.
Ce qu’il doit contenir
Quatre décisions, et elles sont toutes de nature éditoriale plutôt que graphique.
Ce que la page promet en haut. La première chose lue doit correspondre à la requête qui a amené le visiteur. C’est le point qui décide de la moitié du taux de rebond.
L’ordre des blocs. Ce qui répond à l’objection principale doit venir avant l’appel à l’action, sinon l’appel est ignoré.
Ce qui est visible sans défiler. La carte de défilement d’une page comparable dit où l’audience s’arrête.
Ce qui n’est pas sur la page. Le wireframe sert autant à retirer qu’à placer.
Le lien avec le référencement
Il est plus fort qu’on ne le croit, et c’est ce qui distingue un wireframe utile d’un exercice graphique.
La structure des titres décidée à ce stade devient la hiérarchie des balises Hn, donc le plan que Google lit.
L’ordre des blocs décide de ce qui est extractible en réponse directe : une question posée en intertitre suivie d’une réponse courte est reprise, un développement qui vient trois blocs plus bas ne l’est pas.
Et la place réservée à l’image principale conditionne le Largest Contentful Paint.
Un wireframe dessiné sans connaître l’intention de recherche visée produit une page correcte qui ne répond pas.
Les niveaux de précision
Trois, et choisir le bon évite de perdre du temps.
Le croquis à main levée, pour arbitrer une structure en quelques minutes.
Le wireframe à moyenne précision, avec les vrais titres et les vrais textes courts. C’est le niveau le plus utile : il révèle immédiatement si le contenu tient dans l’espace prévu.
La maquette détaillée, qui relève déjà du design et se justifie sur les pages à fort enjeu.
L’erreur fréquente est de passer directement au troisième niveau, avec du faux texte. Un bloc dessiné pour trois lignes qui en recevra douze produit une page à refaire.
Ce qu’il ne remplace pas
Il ne remplace pas le test. Une structure jugée évidente en réunion se comporte souvent autrement en conditions réelles, ce qui relève du test utilisateur.
Il ne remplace pas non plus la mesure : le tunnel de conversion dit où les visiteurs s’arrêtent réellement.
FAQ