1. Qu'est-ce qu'un wireframe ?
Un wireframe est un schéma simplifié d'un site web ou d'une application, généralement représenté par des traits et des annotations. Il sert àcommuniquer les grandes lignes d'un projet et à définir les différentes zones d'une page web, leur contenu et leur interactivité.
2. A quoi sert un wireframe ?
Le wireframe permet de mettre en avant les objectifs fonctionnels du site web ou de l'application. Il est le support idéal pour une discussion technique entre les différents intervenants d'un projet web : les développeurs, les designers, les ergonomes, etc. En effet, tous peuvent s'appuyer sur le même schéma pour travailler de manière efficiente et éviter les malentendus.
3. Les différents types de wireframes
On distingue généralement trois types de wireframes :
- Les wireframes structuraux : ils mettent l'accent sur l'arborescence du site web et la navigation entre les différentes pages. Ils sont particulièrement utiles pour les équipes techniques.
- Les wireframes fonctionnels : ils mettent l'accent sur les interactivités prévues sur le site web ou l'application. Ils sont particulièrement utiles pour les équipes de développement.
- Les wireframes visuels : ils mettent l'accent sur l'aspect graphique du site web ou de l'application. Ils sont particulièrement utiles pour les équipes de design.
4. Les outils pour créer un wireframe
Il existe différents outils pour créer un wireframe. Les plus connus sont Balsamiq Mockups, Wireframe.cc et Moqups. Ces outils permettent de créer des wireframes interactifs et de les partager en ligne avec les différents intervenants d'un projet.