Définition
Un wireframe est le schéma d'un écran réduit à sa structure : des rectangles gris pour les images, des lignes pour le texte, des cadres pour les boutons, sans couleur ni typographie définitive. Il répond aux questions « qu'y a-t-il sur cette page, où, et dans quel ordre ? » avant que l'apparence n'entre en jeu. Il vient après l'architecture de l'information et avant la maquette.
Dans la pratique
Les wireframes sont le bon support pour discuter du contenu et des priorités avec les métiers, car personne ne se perd dans le choix d'une couleur. Un designer qui les livre tôt permet aux développeurs de chiffrer et au Product Manager d'arbitrer le périmètre avant le maquettage. Le piège : les faire valider par une direction qui attend du « beau » et les rejette pour leur austérité.
Termes liés
Définition rédigée par L'équipe Top Profil. Glossaire mis à jour le . Tous les termes du glossaire.