Un wireframe (ou maquette fil de fer) est un schéma simplifié d’un écran. Il montre la structure et l’agencement des éléments, sans couleurs ni détails visuels.

Pourquoi commencer par des wireframes

• Rapides à produire et à modifier.
• Économiques — on teste des idées avant d’investir dans le design final.
• Focalisés — on réfléchit à la fonction, pas à l’esthétique.

On utilise généralement des formes grises : rectangles pour les images, lignes pour les textes, blocs pour les boutons. L’objectif est de valider l’emplacement des éléments et la logique de l’écran. On peut les dessiner à la main sur papier ou avec un outil comme Figma. En restant volontairement bruts, les wireframes invitent aux retours francs : personne n’hésite à critiquer un croquis inachevé.

À retenir : le wireframe pose les fondations avant la décoration. Mieux vaut déplacer un rectangle qu’un design abouti.