Le wireframe est comme un plan d’architecte, il met en avant les zones, les aspects fonctionnels de votre site web et évite de s’attarder sur les aspects visuels d’où la mise en évidence de traits imparfaits. Il ne comporte aucun élément pouvant interférer dans la réflexion de la structure (couleurs, polices de caractère…).
Le wireframe appelé également zoning, mock-up, maquette fonctionnelle ou maquette de fil de fer est une représentation visuelle de l’interface d’une page web. Le wireframe est utilisé pour définir les zones et composants d’une page sous forme de croquis (étape de prototypage). La réalisation du wireframe s’effectue avant toute création de maquette graphique et s’inscrit dans une démarche de recherche d’ergonomie. wireframe maquettage
Les objectifs principaux sont de définir la structure finale des différents types de pages : header, menu, slider, corps de page, footer, images, boutons, niveaux de titres, formulaires, call-to-action… et d’évaluer ce qui fonctionne en termes d’expérience utilisateur (UX). Il doit présenter plusieurs annotations permettant de définir les fonctionnalités du futur site.
Le wireframe s’avère alors essentiel pour formaliser les attentes, les besoins et les objectifs du projet, obtenir des feedbacks, apporter les modifications nécessaires avant tout commencement et détecter les problèmes d’utilisabilité.