Un wireframe est une représentation schématique et simplifiée d'une interface utilisateur.
Caractéristiques :
- Structure et hiérarchie
- Positionnement des éléments
- Blocs de contenu
- ️ Navigation et flux
- Niveaux de gris uniquement (pas de couleurs)
- Pas de contenu final
Niveaux de fidélité :
- ️ Low-fi : Papier / croquis rapides
- ️ Mid-fi : Balsamiq, Wireframe.cc
- High-fi : Figma, Sketch (proche du final)
Outils :
- Figma, Sketch, Adobe XD
- Balsamiq, Wireframe.cc
- Papier + crayon (classique !)
Première étape essentielle du design UX/UI Permet de valider la structure AVANT le design visuel