Wireframe

Représentation schématique basse fidélité d'une interface, centrée sur la structure, la hiérarchie et le placement des éléments. Le wireframe utilise des formes simples : rectangles, lignes, texte placeholder. Il ne contient ni couleur, ni image, ni typographie finale. Son rôle est de valider l'organisation de la page avant d'investir dans le design visuel. C'est le squelette du produit.

On wireframe après avoir défini l'architecture de l'information et les flux utilisateur. Le wireframe se dessine vite, sur papier ou dans des outils comme Balsamiq ou Figma. Il facilite les itérations rapides car rien n'est "terminé". Les débats portent sur la structure et la priorité des contenus, pas sur l'esthétique. Un wireframe trop détaillé perd son avantage principal : la vitesse.

Basecamp wireframe ses nouvelles fonctionnalités sur papier avant tout travail numérique. Jason Fried a popularisé l'approche des "fat marker sketches" : dessiner avec un marqueur épais force à rester au niveau structurel.

Dans le flux