français
(Le wireframe)
anglais
Wireframe

Le Wireframe est une étape intermédiaire dans la production d’une interface. Il présente les éléments essentiels d’une page ou d’un écran, en noir, blanc, et niveau de gris, et en filaire.

L’important n’est pas tant le rendu, la finition, ou l’esthétique de la proposition, mais la validation de la hiérarchie et l’emplacement des éléments qui forment la page. Un rendu en Wireframe est aussi bien un travail d’architecture d’information qu’un précurseur du travail d’UI.

Parce que la page est réduite à l’essentiel, le Wireframe permet de se concentrer sur la structure et la hiérarchie — particulièrement lors de tests ou séances avec des utilisateurs — sans être distrait par l’apparence de la proposition.

Au début les Wireframes étaient dessinés à la main, mais de plus en plus des logiciels dédiés sont employés.

Le nom Wireframe veut dire littéralement ‘fil de fer’. Il vient probablement des logiciels de 3D des débuts où une vue en fil de fer permettait d’avoir une vue structurelle du travail en cours, sans lancer un rendu haute résolution, pour l’époque, long à calculer.

Pour aller plus loin
Wireframing for beginners, Leon Barnard, UX Mastery, 2019
Voir aussi
Le Zoning

Dernière mise à jour : 2020.09.20