Définition de Wireframe
Le Wireframe est un plan visuel de base ou un "croquis d'architecte" pour un site web ou une application, qui se concentre sur l'agencement de la structure, de l'information et des fonctionnalités, sans couleurs ou images.
Le Wireframe est une étape cruciale de la conception UX et UI. Il dessine le squelette en deux dimensions d'une page pour :
-
Définir l'architecture : il établit l'emplacement des éléments clés commes les zones de texte, les boutons de navigation, les call to action.
-
Optimiser l'expérience utilisateur : il permet de visualiser et de valider les parcours utilisateurs et la hiérarchie de l'information très tôt dans le processus, ce qui garanti un flux logique et une navigation intuitive.
-
Faciliter la collaboration : en restant simple, il permet de recueillir des feedbacks rapidement et d'apporter des modifications à faible coût, avant de passer aux étapes coûteuses de la maquette graphique (mockup) ou du prototype interactif.
Des outils collaboratifs comme Figma, Miro ou Canva sont souvent utilisés pour réaliser ces plans.
Vocabulaire lié au Wireframe
Maquette fonctionnelle, Mockup, Prototype, Conception UI/UX, Architecture de l'Information, Parcours Utilisateur, Call-to-Action