Xebicon'16 : UX Républic - Mesurer l'experience utilisateur par Antoine Visonneau, Head of UX at UX Republic & Co Founder at JS-Republic

@xebiconfr #xebiconfr

© U

X-R

EP

UB

LIC

MESURER L'EXPÉRIENCE UTILISATEUR

AntoineVISONNEAU


© U

X-R

EP

UB

LIC

HELLO XEBICON !

2

Antoine VisonneauUX-Evangelist & Associate director

[email protected]

UX-RepublicUser Experience| Data visualisation

@antoineviso


© 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


© U

X-R

EP

UB

LIC

RAPPEL : QU’EST CE QUE L’UX ?

4

« créer une expérience agréable »

Efficacité + Émotion

☺


© 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


© U

X-R

EP

UB

LIC

PERCEPTION DE L’UX

6

● Évaluer l’utilisabilité (mécanique)

● Évaluer les émotions (ressenti)Rationnel

Émotionnel


© 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)


© U

X-R

EP

UB

LIC


8

Evaluating Affective Computing Environments Using Physiological Measures

Regan Lee Mandryk, Simon Fraser University


© U

X-R

EP

UB

LIC


9

Casque emotivCasque d’un labo de recherche


© U

X-R

EP

UB

LIC


10

selon Paul Ekman

http://www.youtube.com/watch?v=emqhpMNcoRk


© 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


© U

X-R

EP

UB

LIC

ÉVALUER L’ATTENTION

12


© U

X-R

EP

UB

LIC

RETOUR D'EXPÉRIENCE


© U

X-R

EP

UB

LIC

OPTIMISER CONVERSION DE LA LANDING PAGE

14


© 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


© 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”


© 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


© 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


© U

X-R

EP

UB

LIC

CYCLE DESIGN / DEVELOPPEMENT

19


© U

X-R

EP

UB

LIC

MISE EN PRODUCTION

20


© U

X-R

EP

UB

LIC

A/B TESTING

21

formulaire en basde page

formulaire en haut de page

A B


© 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


© U

X-R

EP

UB

LIC

AUGMENTATION DU TAUX DE CONVERSION

23

Global

x 1,5 x 2,4

Desktop Mobile

x 3,2


© 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


© 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 !

Technology

Xebicon'16 : UX Républic - Mesurer l'experience utilisateur par Antoine Visonneau, Head of UX at UX Republic & Co Founder at JS-Republic