Problématique croissante, la mesure de l'UX est un sujet encore peu abordé mais pourtant essentiel dans la réussite des projets de nos clients. Faut-il opter pour une approche quantitative ou qualitative ? A quelle fréquence, avec quels outils et quel KPI pouvons nous mesurer l’expérience utilisateur ? Venez découvrir comment intégrer la mesure et le suivi des KPI au coeur des méthodes de conception centré utilisateur afin de construire de façon itérative des produits et services réellement performants.

1. @xebiconfr #xebiconfr
©UX-REPUBLIC
MESURER
L'EXPÉRIENCE
UTILISATEUR
Antoine
VISONNEAU

2. @xebiconfr #xebiconfr
©UX-REPUBLIC
HELLO XEBICON !
2
Antoine Visonneau
UX-Evangelist & Associate director
antoine.visonneau@ux-republic.com
UX-Republic
User Experience| Data visualisation
@antoineviso

3. @xebiconfr #xebiconfr
©UX-REPUBLIC
POURQUOI MESURER L’UX ?
3
Améliorer l’expérience globale1
2
3
4
Réduire les coûts de développement et créer des produits ou
services pour satisfaire les besoins des utilisateurs
Améliorer des performances
Fidéliser les utilisateurs

4. @xebiconfr #xebiconfr
©UX-REPUBLIC
RAPPEL : QU’EST CE QUE L’UX ?
4
« créer une expérience agréable »
Efficacité + Émotion
☺

5. @xebiconfr #xebiconfr
©UX-REPUBLIC
LES MÉTHODES D'ÉVALUATION
5
Comportements
Ce que les utilisateurs font
Affirmations
Ce que les utilisateurs disent
Qualitatif
Pourquoi & comment ?
Quantitatif
Combien ?
TESTS
UTILISATEURS
ANALYTICS
A/B TESTING
INTERVIEWSQUESTIONNAIRE
SONDAGE

6. @xebiconfr #xebiconfr
©UX-REPUBLIC
PERCEPTION DE L’UX
6
● Évaluer l’utilisabilité (mécanique)
● Évaluer les émotions (ressenti)Rationnel
Émotionnel

7. @xebiconfr #xebiconfr
©UX-REPUBLIC
ÉVALUER LES ÉMOTIONS
7
● Approche déclarative : mesurer au
travers d’un questionnaire.
● Utiliser les échelles bipolaires de 5-6-7
points de Likert
● Utiliser des plots linguistiques
● Attention à la formulation des questions,
et risques de bias
● Permettre de ne pas répondre (N/A)

8. @xebiconfr #xebiconfr
©UX-REPUBLIC
ÉVALUER LES ÉMOTIONS
8
Evaluating Affective Computing Environments Using Physiological Measures
Regan Lee Mandryk, Simon Fraser University

9. @xebiconfr #xebiconfr
©UX-REPUBLIC
ÉVALUER LES ÉMOTIONS
9
Casque emotivCasque d’un labo de recherche

10. @xebiconfr #xebiconfr
©UX-REPUBLIC
ÉVALUER LES ÉMOTIONS
10
selon Paul Ekman

11. @xebiconfr #xebiconfr
©UX-REPUBLIC
ÉVALUER L’UTILISABILITÉ
11
● Réussite aux tâches
● Erreurs commises
● Hésitations
● Compréhension de l’interface
● Saillance (visible/invisible)
● Temps de complétion

12. @xebiconfr #xebiconfr
©UX-REPUBLIC
ÉVALUER L’ATTENTION
12

13. @xebiconfr #xebiconfr
©UX-REPUBLIC
RETOUR D'EXPÉRIENCE

14. @xebiconfr #xebiconfr
©UX-REPUBLIC
OPTIMISER CONVERSION DE LA LANDING PAGE
14

15. @xebiconfr #xebiconfr
©UX-REPUBLIC
DÉMARCHE
MESURE
Google
Analytics
Benchmark
ANALYSE ET
HYPOTHÈSES
Suppositions
GUERILLA
TESTING
Validation des
hypothèses
CONCEPTION
MISE EN PROD
UX / UI Design
Dev / Inté
OPTIMISATIONS
MISE EN PROD
UX / UI Design
Dev / Inté
MESURE
A/B TESTING
Google Analytics

16. @xebiconfr #xebiconfr
©UX-REPUBLIC
HYPOTHÈSES
16
1. Pas de lien avec la publicité Facebook qui menait à la landing
2. Les formulaires n’encouragent pas les utilisateurs à s’engager
3. La promesse présentée sur les landings pages n’est pas assez explicite
4. Trop de champs obligatoires. L’adresse email ne suffit-elle pas ?
5. Les utilisateurs n’ont pas confiance en l’enseigne et manquent d’éléments de réassurance
6. Le design des formulaires n’est pas assez “user friendly”

17. @xebiconfr #xebiconfr
©UX-REPUBLIC
VALIDER LES HYPOTHÈSES AVEC LE GUERILLA TESTING
17
OÙ : Starbuck Opéra
QUI: 5 testeurs (4 h + 1 f) - entre 35-44 ans - Prospects
QUOI : Landing page à tester sur 1 device : tablette
OBJECTIF : Analyser la perception de la landing page et comprendre le
taux de rebond + amener des pistes de solutions
CONTEXTE : “Vous venez de cliquer sur cette bannière pub sur
Facebook. Vous arrivez sur cette page… Quelles sont vos impressions ?”
10 min
Votre avis
sur notre produit
=
1 café gratuit

18. @xebiconfr #xebiconfr
©UX-REPUBLIC
HYPOTHÈSES VALIDÉES
18
1. Titre et texte non lus / service pas compris
2. Pas envie de s’inscrire / formulaire contraignant
3. Call to action pas explicite
4. Les personnes ne scrollent pas
5. Trop de texte / pas assez visuel
6. Visuel + texte d’intro en lien avec la pub
7. Pas assez de réassurance / témoignages
8. Des questions sur le budget / Manque de transparencetest sur tablette

19. @xebiconfr #xebiconfr
©UX-REPUBLIC
CYCLE DESIGN / DEVELOPPEMENT
19

20. @xebiconfr #xebiconfr
©UX-REPUBLIC
MISE EN PRODUCTION
20

21. @xebiconfr #xebiconfr
©UX-REPUBLIC
A/B TESTING
21
formulaire
en bas
de page
formulaire
en haut
de page
A B

22. @xebiconfr #xebiconfr
©UX-REPUBLIC
B PERFORME MIEUX QUE A !
22
Taux de conversion
Desktop A x 1,15
Taux de conversion
Global
A x 1,2
Taux de conversion
Mobile A x 1,3
formulaire
en bas
de page
formulaire
en haut
de page
A B

23. @xebiconfr #xebiconfr
©UX-REPUBLIC
AUGMENTATION DU TAUX DE CONVERSION
23
Global
x 1,5 x 2,4
Desktop Mobile
x 3,2

24. @xebiconfr #xebiconfr
©UX-REPUBLIC
RÉSULTAT TAUX DE CONVERSION X 3
24
conversion
mobile
x3
Objectifs de conversion atteints et dépassés sur mobile
Amélioration du taux de rebond et de conversion sur mobile
Des landing pages plus ciblées
Campagnes médias diversifiées orientées service / produit / campagne
marketing / partenariat etc CLIENT / PROSPECT
Méthode itérative efficace
Des améliorations en continu rapides à mettre en place

25. @xebiconfr #xebiconfr
©UX-REPUBLIC
CONCLUSION
25
● Évaluation fait parti du processus de conception,
○ Vs processus de sanction en fin de projet
● Peut intervenir très tôt : ex Design sprint
● Plusieurs méthodes d’évaluation en fonction
○ de l’état d’avancée du projet
(proto/mvp/en prod)
○ de ce que l’on cherche à mesurer
● Compatible avec les méthodes agiles

26. ©UX-REPUBLIC
1.3
Antoine Visonneau
UX-Evangelist & Associate director
Merci !