Analyse cette capture d'écran d'interface utilisateur en adoptant une approche d'expert UX/UI. Effectue les actions suivantes :
Inspection détaillée : Zoome sur chaque zone d'interaction (boutons, formulaires, navigation) et identifie les problèmes d'ergonomie, d'accessibilité et de hiérarchie visuelle
Annotation visuelle : Annote directement sur l'image les éléments problématiques en utilisant :
Des marqueurs rouges pour les problèmes critiques (contraste insuffisant, zones cliquables ambiguës, textes illisibles)
Des marqueurs orange pour les améliorations recommandées (espacements, alignements, cohérence)
Des marqueurs verts pour les bonnes pratiques identifiées
Analyse quantitative : Mesure et calcule :
Les ratios de contraste des textes selon les normes WCAG 2.1
Les espaces entre éléments cliquables (minimum 44x44px recommandé)
La hiérarchie typographique (tailles de police, poids)
Proposition visuelle : Génère un mock-up annoté avec les modifications suggérées, incluant :
Des callouts explicatifs pour chaque changement
Une version "avant/après" comparative si possible
Un code couleur pour prioriser les corrections
Rapport synthétique : Compile un tableau récapitulatif avec :
Liste des problèmes par ordre de criticité
Impact estimé sur l'expérience utilisateur (échelle 1-5)
Effort de correction estimé (low/medium/high)
Recommandations d'implémentation
Concentre-toi particulièrement sur l'accessibilité, la lisibilité mobile, et les patterns UX modernes de 2025.