Ébauche des maquettes filaires

Publié le 17 mai 2011 par Création DLN

Une fois que vous avez fait la conception de votre site web, défini son architecture et rédigé son contenu, il est temps de passer à la réalisation de la maquette filaire.

C'est quoi une maquette filaire?
La maquette filaire est une ébauche de la maquette graphique. Son objectif est de déterminer où seront situés les éléments de chaque page en les représentant le plus simplement possible par des carrés ou des rectangles.

À quoi sert une maquette filaire ?
La maquette filaire nous permet de travailler sur l'ergonomie du site. Cette ébauche nous permet ainsi de positionner chaque élément en fonction de son importance. Plus celui-ci sera placé en haut de page, plus il aura d'importance visuellement pour l'internaute (c'est ce qui va accrocher son regard) et plus il aura de l'importance pour le référencement (au niveau de la sémantique).

Comment savoir quoi placer en haut de page ?
Pour savoir quels éléments placer en haut de page, il suffit de lister tous les éléments que vous désirez avoir sur votre page et de les classer par ordre d'importance. Bien entendu, ces éléments doivent être en lien avec vos objectifs établis lors de la conception de votre site Web. Ils ne doivent surtout pas être choisis parce que tout le monde en a ou que vous trouvez ça «cool». Pensez en premier lieu à comment obtenir un retour sur votre investissement!

La maquette filaire est une vision définitive de la maquette graphique ?
Et non! Comme chacun le sait, il y a toujours une différence entre la théorie entre la pratique. Lors de la réalisation de la maquette graphique, il y a toujours quelques ajustements. Le style graphique serait plus beau si tel élément était placé plutôt à tel endroit, si on ajoute tel élément à tel endroit, tel élément aurait plus d'emphase, etc.
Quoi qu'il en soit, un site Internet est toujours en évolution! Rien n'est fiché dans la pierre. Que ce soit les objectifs, le contenu, le design, l'interactivité ou la sémantique, tout sera retravaillé à un moment ou un autre.

Un exemple de maquette filaire
Pour la création du nouveau site de notre agence Web, nous avons réalisé plusieurs maquettes filaires que vous pouvez voir dans la page Facebook de Création DLN!

Dans le prochain article de ce dossier consacré à la création d'un site Web, nous parlerons de la maquette graphique.