Wireframe
Une simple esquisse d'une page ou d'un écran qui montre uniquement la disposition du contenu et la priorité des éléments, sans couleurs ni détail visuel.
- 01
Pourquoi c'est important
Un wireframe permet de décider de ce qui va où sur une page avant d'entrer dans les discussions sur les couleurs et les aspects visuels. Un changement à ce stade prend quelques minutes ; le même changement au stade du design ou du code peut prendre des jours.
- 02
Exemple
Une agence prépare d'abord un wireframe pour la page d'accueil d'un site d'entreprise. Le client veut que la section références vienne avant le formulaire de contact, et le changement est fait avant de passer au design visuel.
- 03
Erreur fréquente
Sauter l'étape du wireframe pour passer directement au design coloré. Les problèmes de mise en page sont remarqués tardivement et le design est refait encore et encore.
- 04
Termes associés
Services et guides associés
Parlons de votre projet.
Dites-nous votre besoin ; nous définirons le périmètre ensemble.