Encore un article pour vous aider dans la conception de votre site internet, cette fois-ci sur le wireframe …
Le wire quoi ? Le wireframe, encore un mot anglais, le zoning en Français si vous préférez.
Le zoning est le dessin, au crayon de bois sur papier ou en digital, qui définit en amont la disposition des blocs. En haut je commence par mon menu qui prend toute la largeur par exemple, puis en dessous, un slideshow qui fait défiler quelques belles photos. Cela permet de bien définir la place, la position et l’importance de chaque élément du site concernant le sens de lecture et l’interface utilisateur – que l’on a vu juste avant dans cet article ; )
Il faut mieux définir et valider la position de chaque bloc avant la conception de la maquette et surtout avant la conception du site en lui-même, car il est beaucoup plus difficile de déplacer un élément une fois le socle du site réalisé. On pourrait comparer cela à la conception d’une maison, l’architecte dessine les plans et les fait valider par le client, il est beaucoup plus difficile, voir desfois impossible de faire des modification une fois la construction de la maison commencée.
Vous pouvez, avant votre rendez-vous à l’agence web, définir le zoning chez vous sur un bout de papier au crayon de bois et demander conseil au prestataire lors du rendez-vous. Ce sera plus clair pour tout le monde et vous comprendrez bien que certaines modifications sont difficilement applicables après conception. Si vous ne voulez pas vous en occuper, laissez l’agence web vous conseiller. Lors de nos 1er rendez-vous avec nos clients, nous dessinons toujours le wireframe du site sur un carnet avec le nom de chaque élément (menu, slideshow, formulaire de recherche) en partenariat avec le client pour être sur que nous sommes sur la même longueur d’onde. Le zoning permet également de réfléchir à la mise en place du site sur mobile, réduction voir suppression de certains éléments.
Le zoning est une étape cruciale à ne pas oublier, en tout cas pour nous agence web, elle nous permet une meilleure organisation, et une fois validé par le client, être rassuré que l’on s’est bien compris. Ensuite vient la maquette, le zoning mais mis en page (couleur, charte graphique, icone) mais nous verrons cela dans l’article précédent.
N’hésitez pas à contacter votre agence web latelier conception web pour tous projets de création de site internet sur Nantes – St-Nazaire mais également partout en france.