Un système de computer vision qui évalue des dimensions UX directement depuis des captures de sites, à l’intersection de l’expertise qualitative et de la prédiction quantitative.
RESEARCH→MODEL→PRODUCT
01 — LE DÉFI
Un modèle utile commence par la bonne question.
Les audits UX ont de la valeur, mais sont difficiles à comparer et à déployer à grande échelle. Le projet explore les dimensions expérientielles qui peuvent être opérationnalisées sans réduire la complexité du design.
Anatomie du projet
De deux interfaces à une comparaison UX mesurable.
DeepUX applique des modèles visuels distincts à une ou deux captures, normalise leurs prédictions et affiche l’écart sur la dimension UX sélectionnée.
Pipeline principal
Sélectionnez une étape pour comprendre la transformation des données.
Étape sélectionnée
L’utilisateur importe un design A, un design B ou les deux, puis choisit esthétique, utilisabilité ou confiance.
Fonctionnalités réelles
Les capacités visibles sont reliées aux briques techniques qui les rendent possibles.
01
Comparaison A/B
Deux captures peuvent être évaluées simultanément sur une même dimension.
02
Trois dimensions UX
Esthétique, utilisabilité et confiance disposent chacune d’un modèle dédié.
03
Évaluation visuelle seule
Le résultat provient de la capture, ce qui facilite l’analyse avant instrumentation ou trafic réel.
04
Score harmonisé
Les sorties du modèle sont converties sur une échelle lisible de 0 à 10.
05
Delta entre variantes
La différence entre A et B complète les deux scores individuels.
06
Modèles externalisés
Les fichiers H5 sont versionnables dans le stockage cloud indépendamment de l’API.
Stack par responsabilité
Chaque technologie est replacée dans son rôle au sein du système.
01
React · Netlify
Import A/B, choix de dimension et comparaison des scores.
02
FastAPI
Validation des fichiers et endpoint d’inférence par dimension.
03
Pillow · NumPy
Décodage, conversion RGB et préparation des tableaux.
04
TensorFlow · Keras
Chargement des modèles H5 et inférence convolutive.
05
Google Cloud Storage
Stockage d’un modèle distinct par dimension UX.
06
Docker · Cloud Run
Conteneurisation et exécution reproductible de l’API.
Évaluation UX par captureArchitecture issue du code actuel · Représentation simplifiée
De la technique à l’usage
Comparez deux interfaces sur une même dimension UX.
Choisissez une dimension, observez les deux variantes et suivez le calcul des scores. Le delta final aide à repérer la direction qui mérite une validation utilisateur plus approfondie.
Démonstration pédagogique : les données sont locales et certains calculs sont simulés ou accélérés.
01Démonstration interactive — comparez deux interfaces
04 — RÉSULTAT ET IMPACT
“Un démonstrateur qui génère des indicateurs UX cohérents et aide à identifier les interfaces nécessitant prioritairement un audit expert ou une étude utilisateur.”