Wireframe

Un wireframe (ou maquette fonctionnelle) est une représentation schématique d'une interface en niveaux de gris, sans couleur ni style graphique. Il représente la structure, la hiérarchie des contenus et la logique de navigation, sans s'attarder sur l'apparence visuelle. C'est un outil de conception et de communication intermédiaire entre l'architecture de l'information et les maquettes graphiques finales.

Ils permettent de valider la structure d'une interface et la logique de navigation avant d'investir dans le design graphique. En les présentant à des utilisateurs ou à des parties prenantes, on obtient des retours sur l'organisation des contenus et la hiérarchie sans que l'aspect visuel ne biaise les jugements. Ils servent aussi de base de discussion entre designers, développeurs et product managers pour s'aligner sur ce que doit contenir chaque écran.

Le niveau de fidélité évolue au fil de la conception. Lorsqu'on est encore très schématique avec des éléments basiques, on parle de zoning (tel élément à tel endroit). Le wireframe, lui, correspond en général à la version propre de cette étape, avec une architecture précise et le détail des composants, des fonctionnalités, des interactions possibles entre les écrans. La haute fidélité correspond plus souvent à l'étape de maquettage graphique, qui vise à produire le rendu final de l'interface avec l'identité du client.

Dans l'idéal, tous les wireframes sont produits par un UX designer qui a la parfaite maîtrise de la traduction des besoins en architecture d'interface. Dans la réalité, les premières ébauches peuvent se faire par un product manager, un chef de projet ou même un développeur. Cela permet d'avoir une base de discussion et de formaliser de premières idées, mais ne remplace pas l'expertise d'un UX designer.

Dans certains cas, oui. Mais cela suppose en général que tout le travail de création et de maintien à jour du design system soit bien fait. Quand on est sur des cycles rapides et pour des cas simples, on peut se limiter à décrire le parcours pour ensuite le transformer en maquettes en réutilisant des composants existants du design system. Dès que la complexité augmente, on gagne à prendre le temps de poser les flux complexes sous forme de wireframe, pour bien valider l'ensemble avant de produire la haute fidélité, et ainsi gagner du temps et de l'argent.