Le Journal d'UX
L'actualité UX,
au-dessus de la ligne de flottaison.
Wiki UX Maquette

Maquette

Livrable
Définition

Représentation visuelle haute fidélité d'une interface, avec les couleurs, la typographie et les images finales. La maquette montre l'apparence du produit tel qu'il sera livré. Elle se situe entre le wireframe (structure) et le prototype (interaction). Les maquettes sont statiques : elles ne répondent pas aux clics. Elles servent de référence visuelle pour les développeurs et les parties prenantes.

En pratique

On les produit dans Figma, Sketch ou Adobe XD après validation des wireframes. Chaque écran clé fait l'objet d'une maquette, pas forcément chaque état. Les maquettes intègrent le design system quand il existe. Elles facilitent les retours des stakeholders qui peinent à se projeter sur un wireframe. Le risque : les débats sur les couleurs éclipsent les problèmes d'utilisabilité.

Exemple

Revolut produit ses maquettes dans Figma avec un système de composants partagé entre design et dev. Chaque maquette validée génère automatiquement les specs d'intégration.

Voir aussi
Design system
Prototype
Wireframe
Figma
Sources
Mockups - Usability.gov
About Face: The Essentials of Interaction Design - Alan Cooper

Dans le flux

2
www.lukew.com · il y a 1 sem. · 0 commentaire0 com. · #design
Note

Luke Wroblewski rappelle une vérité occultée par l'hype des générateurs de maquettes IA. Le défi était toujours ailleurs. Angle pertinent dans un moment où tout le monde croit que l'IA va résoudre le design.

1
Elle Ong · il y a 3 sem. · 0 commentaire0 com. · #design
Note

Une affirmation simple et brutale qui recentre la conception sur sa vraie difficulté. Elle ne réside pas dans la production de maquettes mais dans la clarté de la pensée. Le titre seul vaut une réflexion en équipe.

1
Vishal Khondre · il y a 1 mois · 0 commentaire0 com. · #design
Note

Pas un article « l'IA va remplacer les designers ». Plutôt : où change la pratique concrète quand on collabore avec Claude ou GPT pour faire les maquettes ? Quelles étapes s'accélèrent, quelles étapes deviennent critiques. Utile pour designer qui expérimente déjà avec les outils IA.

Le Journal d'UX : veille UX et design au quotidien, wiki UX de référence en français. Ouvert aux contributions de la communauté.