L'eye tracking permet d'enregistrer le mouvement oculaire sur un écran. Les parcours de navigation des utilisateurs sont enregistrés et analysés dans un but d'optimisation de l'expérience utilisateur. Découvrez les avantages de cet outil qui révèle les freins à l'usage et valorise l'utilisateur en le mettant au cœur de la stratégie d'entreprise.

1. ▪ Livre
blanc
-­‐
Personae
User
Lab ▪ 5/15/14
Nantes – Paris – www.personae-userlab.com
Eye tracking is beautiful, use it properly
@personae_ulab

2. Carte de chaleur et
parcours de navigation
Enregistrement vidéo
de la navigation et du
comportement
Analyse et restitution de la recommandation
ENREGISTREMENT DES MOUVEMENTS OCULAIRES SUR UN ÉCRAN
@personae_ulab
PRINCIPE DE L’EYE TRACKING
Verbatim et données
statistiques

3. ▪ Livre
blanc
-­‐
Personae
User
Lab ▪ 5/15/14
Nantes – Paris – www.personae-userlab.com
@personae_ulab
L’eye tracking vous dit
ce que vous voyez mais
pas ce que vous pensez
L’eye tracking n’est pas du neuro marketing
source image leblogdesovena.com

4. ▪ Livre
blanc
-­‐
Personae
User
Lab ▪ 5/15/14
Nantes – Paris – www.personae-userlab.com
▪ Livre
blanc
-­‐
Personae
User
Lab
@personae_ulab
Le mouse tracking
n’enregistre que le
mouvement de la souris
Le mouse tracking n’est pas de l’eye tracking

5. 01
Eye tracking is beautiful
@personae_ulab

6. CONSULTATION COSTUMER EXPERIENCE DIGITALE @personae_ulab
Je cherche le bouton « suivant »
mais je ne le trouve pas !

7. DANS
LES
TESTS
UTILISATEURS
Améliorer votre taux de
conversion (visiteurs
transformés en clients
ou contacts qualifiés)
@personae_ulab
Réduire les coûts
d’acquisition clients et
faciliter votre relation
client
Rendre cohérente
votre stratégie
multicanale
Impacter
positivement l’image
de votre site et de
votre marque
EYE TRACKING IS POWERFUL

8. @personae_ulab
L’EYE TRACKING RÉVÈLE LES BARRIÈRES À UNE EXPÉRIENCE UTILISATEUR RÉUSSIE
http://www.pinterest.com/pin/149252175124817875/

9. !
Les choix ergonomiques qui empêchent d’accéder à
l’offre ou perturbent le tunnel de vente
!
Les clés d’entrées de votre site non perçues comme
telles
!
Les fonctionnalités qui ne tiennent pas leurs
promesses
Ce que vos données Google Analytics
vous disent
!
Les contenus et services absents au
moment où l’utilisateur en a besoin
!
Les difficultés de compréhension et les
incohérences du parcours de navigation
@personae_ulab
« Eye tracking in user experience design does a great job explaining how eye-
tracking research can result in design patterns that improve the user experience »
!
Dan Berlin, Experience Research Director, Mad*Pow
L’EYE TRACKING VOUS AIDERA À IDENTIFIER :

10. 02
Use it properly
Croiser les compétences et les sources
d’informations pour une analyse
correcte et opérationnelle
@personae_ulab

11. LES DONNÉES BRUTES DOIVENT ÊTRE SOUMISES À PLUSIEURS FILTRES
Objectifs clients
!contextes, orientations stratégiques souhaitées, hypothèses
Observation du comportement
(logique utilisateur employée, gestuelle
du participant. Réalisée par l’animateur)
Déclaration de l’utilisateur
(récite de ce qu’il a retenu et de ce qu’il a fait)
Enseignements utiles à exploiter
Éléments bruts
disponibles
@personae_ulab

12. LA LECTURE DES RÉSULTATS DÉPEND DU DISPOSITIF DE TEST
L’animateur décide avec
le client de la requête à
réaliser.
L’animateur observe
le comportement de
l’utilisateur
L’utilisateur restitue
son expérience de
navigation
Réalisation
du scenario
imposé par le test
1 2 3 4
L’humain au cœur du dispositif
@personae_ulabsources : gde-fon.com

13. 03
Au delà de vos a priori :
Deux exemples de passage à l’acte
bénéfique
@personae_ulab

14. @personae_ulab
Objectif :
Un Comité Régionale du Tourisme voulait s’assurer de la cohérence entre son volet e-commerce et son
contenu informationnel
!
Méthode :
Test auprès d’un panel d’internautes connaissant ou non la région.
!
Résultats :
• Aucun souci majeur dans le passage d’un espace à un autre
!
• Mais des risques sur l’accès à l’offre et un impact négatif sur l’image liée au parcours
transactionnel
> >
EXEMPLE 1 : TESTER UNE HYPOTHÈSE ÉTABLIE

15. @personae_ulab
Objectif :
Un acteur historique d’annonces pro souhaitait gommer les éventuelles difficultés du nouveau mode de
lecture de son support papier
!
Méthode :
Test auprès d’un panel d’utilisateurs fréquents et peu fréquents, mono et multicanal
!
Résultats :
• Une appropriation plus facile que prévue, quasi immédiate (confirmée par le parcours du regard
enregistré par l’eye tracking)
!
• Mais des axes de travail identifiés sur l’efficacité publicitaire (taille, contenu et emplacement)
> >
EXEMPLE 2 : LEVER LES FREINS À L’USAGE

16. 04
Des exemples concrets
d’enseignement
@personae_ulab

17. RENDRE VISIBLE L’ACCÈS À L’OFFRE *
* Légende carte de chaleur : plus les tâches de couleur sont rouges plus l’internaute a passé du temps sur la zone.
(rouge = zone chaude ; vert = zone froide) @personae_ulab
L’ascenseur central non perçu empêche un accès complet à l’offre
et peut impacter négativement l’image perçue du site.

18. RENDRE PLUS SIGNIFIANT LES CALL TO ACTION
@personae_ulab
Les éléments menant au contenu et permettant de l’anticiper ont été perçus comme
des éléments illustratifs. Ils n’ont pas incité au clic, alors qu’ils ont été vus.

19. PERMETTRE D’ANTICIPER LE CONTENU POUR LE RENDRE VISIBLE
La liste de résultats n’est pas vue car l’internaute est resté
focalisé sur les critères de sélection en haut de page.
!
La clé d’entrée utilisée sur la page précédente (carte du monde
semi-interactive) ne lui a pas permis d’anticiper cette liste. Il
s’est donc concentré sur les filtres en haut de page pour
préciser sa recherche.
!
L’eye tracking nous confirme qu’aucun autre élément n’a été vu
sur cette page au cours des 2mn25s (temps passé par
l’internaute sur cette page)
@personae_ulab

20. RACCOURCIR LE TEMPS D’ACCÈS À LA BONNE INFORMATION
Une analyse statistique de la navigation nous dirait simplement
que l’internaute a mis 13 secondes pour cliquer sur le bon lien.
!
Les données eye tracking nous en disent plus. L’internaute
regarde :
- le menu (avoir une vision globale de la structure
du contenu)
- le moteur de recherche
- et tous les éléments visuels signifiant un accès
potentiel : moteur de recherche, le cartouche bleu,
flèche verte, le smiley, le défilement des marques…
!
Les déclarations du participant confirment qu’il cherchait cette
fonctionnalité en push sur la homepage. Le temps d’accès
aurait pu être divisé par 3.
@personae_ulab

21. Personae User Lab
@personae_ulab

22. ▪ Livre
blanc
-­‐
Personae
User
Lab
- eye tracker
- salle d’observation pour
études marketing
- écoute utilisateurs
- à Nantes et Paris
Personae User Lab : vivez l’expérience utilisateur
Quelques chiffres depuis 2012
- immersion dans les logiques et motivations
de vos cibles
- détection de l’inattendu
- analyse du comportement utilisateur
- meilleure performance de vos supports
digitaux
Laboratoire équipé
17
31
390
6
Clients
Projets
Tests utilisateurs réalisés
éditions de son cycle de
débats UXD Meetup (user
experience design) à
Nantes
S’affranchir des a priori

23. Nous contacter
!
!
!
!
!
Personae User Lab
Siège Social
43 rue Préfet Bonnefoy
44 000 Nantes
02 28 07 24 24
www.personae-userlab.com
@personae_ulab