@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
MESURER L'EXPÉRIENCE UTILISATEUR
AntoineVISONNEAU
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
HELLO XEBICON !
2
Antoine VisonneauUX-Evangelist & Associate director
UX-RepublicUser Experience| Data visualisation
@antoineviso
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
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
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
RAPPEL : QU’EST CE QUE L’UX ?
4
« créer une expérience agréable »
Efficacité + Émotion
☺
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
LES MÉTHODES D'ÉVALUATION
5
ComportementsCe que les utilisateurs font
AffirmationsCe que les utilisateurs disent
QualitatifPourquoi & comment ?
QuantitatifCombien ?
TESTS UTILISATEURS
ANALYTICSA/B TESTING
INTERVIEWSQUESTIONNAIRESONDAGE
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
PERCEPTION DE L’UX
6
● Évaluer l’utilisabilité (mécanique)
● Évaluer les émotions (ressenti)Rationnel
Émotionnel
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
É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)
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
ÉVALUER LES ÉMOTIONS
8
Evaluating Affective Computing Environments Using Physiological Measures
Regan Lee Mandryk, Simon Fraser University
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
ÉVALUER LES ÉMOTIONS
9
Casque emotivCasque d’un labo de recherche
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
ÉVALUER LES ÉMOTIONS
10
selon Paul Ekman
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
É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
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
ÉVALUER L’ATTENTION
12
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
RETOUR D'EXPÉRIENCE
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
OPTIMISER CONVERSION DE LA LANDING PAGE
14
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
DÉMARCHE
MESUREGoogle AnalyticsBenchmark
ANALYSE ET HYPOTHÈSESSuppositions
GUERILLA TESTINGValidation des hypothèses
CONCEPTIONMISE EN PRODUX / UI DesignDev / Inté
OPTIMISATIONSMISE EN PRODUX / UI DesignDev / Inté
MESUREA/B TESTINGGoogle Analytics
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
HYPOTHÈSES
16
1. Pas de lien avec la publicité Facebook qui menait à la landing
2. Les formulaires n’encouragent pas les utilisateurs a s’engager
3. La promesse presentee 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’elements de reassurance
6. Le design des formulaires n’est pas assez “user friendly”
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
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 minVotre avis
sur notre produit=
1 café gratuit
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
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
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
CYCLE DESIGN / DEVELOPPEMENT
19
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
MISE EN PRODUCTION
20
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
A/B TESTING
21
formulaire en basde page
formulaire en haut de page
A B
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
B PERFORME MIEUX QUE A !
22
Taux de conversionDesktop A x 1,15
Taux de conversionGlobal A x 1,2
Taux de conversionMobile A x 1,3
formulaire en basde page
formulaire en haut de page
A B
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
AUGMENTATION DU TAUX DE CONVERSION
23
Global
x 1,5 x 2,4
Desktop Mobile
x 3,2
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
RÉSULTAT TAUX DE CONVERSION X 3
24
conversionmobile
x3Objectifs 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
@xebiconfr #xebiconfr
© U
X-R
EP
UB
LIC
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
© U
X-R
EP
UB
LIC
1.3
Antoine VisonneauUX-Evangelist & Associate director
Merci !