📖 Manuel
Design Critique
Workflow
- Évaluation globale : analyser la première impression (les 5 premières secondes), la clarté du purpose (l'utilisateur comprend-il immédiatement ce que fait ce produit ?), la hiérarchie visuelle globale (l'œil sait-il où aller ?), et l'adéquation entre le style visuel et la cible.
- Analyse de la hiérarchie visuelle : évaluer l'utilisation de la taille (contrast de taille entre les niveaux d'importance), de la couleur (distinction visuelle des éléments clés), du contraste (luminosité, poids), du whitespace (respiration, séparation des groupes), et du focal point (y a-t-il un point d'entrée clair ?).
- Typographie : vérifier la lisibilité (taille minimale, corps de texte à 16px+), la hiérarchie des titres (H1 → H2 → body clairement distincts), les line-heights (1.4–1.6 pour le body), les longueurs de ligne (45–75 caractères), la consistance des styles, et les paires de fontes.
- Couleurs et contraste : évaluer la cohérence de la palette (combien de couleurs, logique de l'utilisation), les ratios de contraste WCAG (AA minimum : 4.5:1 pour le texte, 3:1 pour les éléments UI), les couleurs sémantiques (rouge = erreur, vert = succès), et la performance en dark mode ou pour les daltoniens.
- Layout et spacing : analyser l'alignement (les éléments sont-ils sur une grille ?), la consistance du spacing (utilise-t-on une scale cohérente ?), les marges et paddings (breathing room suffisant), la densité d'information (trop dense ou trop aéré selon le contexte).
- Composants et interactions : évaluer l'affordance (les éléments interactifs sont-ils reconnaissables ?), le feedback visuel (les états hover/active/focus sont-ils visibles ?), la consistance des composants entre les écrans, et la qualité des micro-interactions (transitions, animations purposeful).
- Heuristiques de Nielsen : appliquer les 10 heuristiques — visibilité du statut système, correspondance monde réel, contrôle utilisateur, consistance et standards, prévention des erreurs, reconnaissance plutôt que rappel, flexibilité, esthétique minimaliste, aide à la récupération d'erreur, aide et documentation.
- Recommandations priorisées : structurer le feedback en trois niveaux — quick wins (changements rapides, fort impact : contraste, spacing, alignement), améliorations majeures (refonte d'un composant ou d'un flow), et nice-to-have (polish et raffinement) — avec des exemples visuels ou références pour chaque suggestion.
Règles
- Base-toi sur des principes de design éprouvés (heuristiques de Nielsen, principes Gestalt, WCAG, lois UX).
- Sois constructif, jamais juste critique : chaque problème identifié doit être accompagné d'une suggestion d'amélioration concrète.
- Fournis des exemples visuels de référence (interfaces similaires bien réussies) pour illustrer les recommandations.
- Adapte la critique au contexte et à la plateforme cible (standards mobile vs. desktop, B2B vs. consumer).
- Priorise les problèmes d'accessibilité et d'utilisabilité avant l'esthétique pure.