Qu’est-ce que l’analyseur UI/UX ?
L’analyseur UI/UX est un audit de design par IA qui évalue le design visuel de votre site, son expérience mobile, son ergonomie, son accessibilité et son potentiel de conversion. Il associe des contrôles automatisés à l’analyse visuelle de Claude AI pour vous fournir des recommandations de design concrètes.
Lancer une analyse UI/UX
Ouvrez Outils dans la barre latérale, puis Analyseur UI/UX. Saisissez l’URL et cliquez sur Analyser.
L’analyse prend 30 à 60 secondes, pendant lesquelles l’outil :
- Réalise 4 captures d’écran (ordinateur + mobile, partie visible + page entière)
- Extrait plus de 40 métadonnées de la page (typographie, couleurs, contraste, zones tactiles, etc.)
- Exécute 16 contrôles automatisés d’accessibilité et de compatibilité mobile
- Envoie les captures à Claude AI pour 18 évaluations du design visuel
Comprendre votre score
Votre score global (0–100) combine cinq catégories :
Catégorie | Poids | Ce qui est évalué |
|---|---|---|
Design visuel | 25% | Harmonie des couleurs, typographie, espacements, cohérence de la mise en page, qualité des images |
Mobile | 20% | Mise en page responsive, zones tactiles, tailles de police, défilement horizontal |
Ergonomie | 20% | Navigation, structure des titres, formulaires, pied de page |
Accessibilité | 20% | Contraste des couleurs, textes alternatifs, navigation au clavier, libellés ARIA, indicateurs de focus |
Conversion | 15% | Visibilité des CTA, clarté de la proposition de valeur, signaux de confiance, conception des formulaires |
Échelle de notation :
- Excellent (80+) : un design parmi les meilleurs du secteur
- Bon (60–79) : un design solide, avec une marge de progression
- À améliorer (40–59) : des problèmes importants qui nuisent à l’expérience utilisateur
- Faible (moins de 40) : une refonte en profondeur est recommandée
Analyses par IA
L’analyse par IA fournit :
- Synthèse : un aperçu rédigé des points forts et des faiblesses du design de votre site
- Améliorations prioritaires : les changements les plus utiles, classés selon le rapport effort/impact
- Évaluations détaillées : 18 évaluations individuelles par IA couvrant le design visuel, l’expérience mobile et l’optimisation des conversions
Contrôles automatisés
En plus de l’analyse par IA, 16 contrôles automatisés vérifient le respect des normes techniques :
Accessibilité (8 contrôles)
Ratios de contraste des couleurs, textes alternatifs des images, navigation au clavier, libellés de formulaires, éléments de repère (landmarks), attribut de langue, indicateurs de focus, taille des zones tactiles.
Mobile (4 contrôles)
Balise meta viewport, espacement des zones tactiles, tailles de police minimales, absence de défilement horizontal.
Ergonomie (4 contrôles)
Hiérarchie des titres, présence d’un pied de page, ergonomie des formulaires, structure de navigation.
Chaque contrôle porte une icône d’engrenage (⚙️ automatisé) ou de robot (🤖 IA), pour distinguer les évaluations automatisées de celles générées par l’IA.
Exporter les résultats
- PDF : un rapport prêt à imprimer via la fonction d’impression de votre navigateur
- Markdown : un fichier .md à télécharger pour des agents IA, de la documentation ou vos développeurs
Historique et nouvelles analyses
Vos 20 dernières analyses sont enregistrées. Consultez l’historique pour :
- Suivre l’évolution de votre design dans le temps
- Relancer une analyse sur une URL déjà analysée
- Comparer les scores avant et après une refonte
Et ensuite ?
Besoin d’aide ? Écrivez-nous à support@eurometrics.eu.
