Eye tracking is beautiful, use it properly
-
Upload
personae-user-lab -
Category
Technology
-
view
1.361 -
download
2
description
Transcript of Eye tracking is beautiful, use it properly
![Page 1: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/1.jpg)
▪ Livre blanc -‐ Personae User Lab ▪ 5/15/14
Nantes – Paris – www.personae-userlab.com
Eye tracking is beautiful, use it properly
@personae_ulab
![Page 2: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/2.jpg)
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
![Page 3: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/3.jpg)
▪ 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
![Page 4: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/4.jpg)
▪ Livre blanc -‐ Personae User Lab ▪ 5/15/14
Nantes – Paris – www.personae-userlab.com▪ Livre blanc -‐ Personae User Lab
@personae_ulab
Le mouse t rack ing n’enregistre que le mouvement de la souris
Le mouse tracking n’est pas de l’eye tracking
![Page 5: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/5.jpg)
01
Eye tracking is beautiful
@personae_ulab
![Page 6: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/6.jpg)
CONSULTATION COSTUMER EXPERIENCE DIGITALE @personae_ulab
Je cherche le bouton « suivant » mais je ne le trouve pas !
![Page 7: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/7.jpg)
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
![Page 8: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/8.jpg)
@personae_ulab
L’EYE TRACKING RÉVÈLE LES BARRIÈRES À UNE EXPÉRIENCE UTILISATEUR RÉUSSIE
http://www.pinterest.com/pin/149252175124817875/
![Page 9: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/9.jpg)
!
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 :
![Page 10: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/10.jpg)
02
Use it properly Croiser les compétences et les sources d’informations pour une analyse correcte et opérationnelle
@personae_ulab
![Page 11: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/11.jpg)
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
![Page 12: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/12.jpg)
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
![Page 13: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/13.jpg)
03
Au delà de vos a priori : Deux exemples de passage à l’acte bénéfique
@personae_ulab
![Page 14: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/14.jpg)
@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
![Page 15: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/15.jpg)
@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
![Page 16: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/16.jpg)
04
Des exemples concrets d’enseignement
@personae_ulab
![Page 17: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/17.jpg)
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.
![Page 18: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/18.jpg)
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.
![Page 19: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/19.jpg)
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
![Page 20: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/20.jpg)
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
![Page 21: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/21.jpg)
Personae User Lab
@personae_ulab
![Page 22: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/22.jpg)
▪ 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é
1731
390
6
Clients
Projets
Tests utilisateurs réalisés
éditions de son cycle de débats UXD Meetup (user exper ience des ign ) à Nantes
S’affranchir des a priori
![Page 23: Eye tracking is beautiful, use it properly](https://reader034.fdocuments.in/reader034/viewer/2022052522/554d17bbb4c905805d8b549b/html5/thumbnails/23.jpg)
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