Atelier Eyetracking présenté lors du FLUPA UX-Day 2012 à Paris par J.M. Christian Bastien

1. Atelier Eyetracking
J.M. Christian Bastien

2. L’oculométrie
• Qu’est-ce que c’est ?
• Pourquoi ?
 Étudier des mécanismes cognitifs
 Piloter des systèmes interactifs
 Évaluer des interfaces numériques
• Objectif de cet atelier...
 Vous faire vivre un test avec oculomètre...
FLUPA - UX DAY Page 2
11/05/12

3. L’oculométrie : en guise d’introduction
• Pourquoi ne pas passer directement à la
pratique ?
• Parce qu’il faut :
 Connaître les avantages et inconvénients de
cette technique
 Savoir pourquoi on décide de l’utiliser
 Savoir dans quel contexte l’utiliser
 Connaître les limites de cette techniques...
FLUPA - UX DAY Page 3
11/05/12

4. FLUPA - UX DAY Page 4
11/05/12

5. La lecture de journaux en-ligne
Stanford University & Poynter Institute
– Objectif :
• Connaître le comportement de lecture d’internautes
– Que lit-on sur des journaux en-ligne ?
– Comment lit-on ?
– Participants :
• 67 personnes
– Lecture régulière sur internet (≥ 3 fois par semaine)
– Méthodologie
• Enregistrement vidéo + fixations
FLUPA - UX DAY Page 5
11/05/12

6. La lecture de journaux en-ligne
Analyse des bandes vidéo
– Par « élément »
• Titre, articles, brèves, photos, bannières publicitaires,
figures, etc.
– Par thème
• Science et médecine, sport, éditoriaux, etc.
– Par types d’actions
• Événements clavier (clics, flèches, saisie, etc.)
– Par « fournisseurs »
• Nationaux (NYTimes, Washingtonpost), locaux (Chicago
Sun-Time), etc.
FLUPA - UX DAY Page 6
11/05/12

7. FLUPA - UX DAY Page 7
11/05/12

8. FLUPA - UX DAY Page 8
11/05/12

9. FLUPA - UX DAY Page 9
11/05/12

10. FLUPA - UX DAY Page 10
11/05/12

11. FLUPA - UX DAY Page 11
11/05/12

12. FLUPA - UX DAY Page 12
11/05/12

13. FLUPA - UX DAY Page 13
11/05/12

14. La lecture de journaux électroniques
• Le texte attire plus l’attention que les
images et / ou les photos
 22% des 3 premières fixations porte sur des
figures, 78% sur le texte
• Les lecteurs préfèrent les titres simples et
directs
• La lecture se limite souvent aux brèves
• La lecture est souvent entrecroisée
(plusieurs sites dans plusieurs fenêtres)
FLUPA - UX DAY Page 14
11/05/12

15. Les systèmes évoluent…
FLUPA - UX DAY Page 15
11/05/12

16. Les systèmes évoluent…
FLUPA - UX DAY Page 16
11/05/12

17. Des études pour concevoir...
Le « F-shape » universel de Nielsen
FLUPA - UX DAY Page 17
11/05/12

18. Des études pour concevoir...
• Les utilisateurs lisent d’abord horizontalement,
– Généralement la partie haute de la zone de contenu (barre
haute du F)
• Ensuite, les utilisateurs regardent un peu plus bas
– Puis balayent horizontalement une zone plus petite que la
première (petite barre du F).
• Finalement, les utilisateurs scannent verticalement la
partie gauche du contenu.
FLUPA - UX DAY Page 18
11/05/12

19. Des études pour concevoir...
• Les utilisateurs ne lisent pas le contenu mot à mot
– La lecture exhaustive est rare
• Les deux premiers paragraphes doivent contenir
l’information la plus importante.
– Ils lisent probablement plus le premier que le second
paragraphe.
• Commencez les sections, paragraphes et listes à point
avec des mots porteurs d’informations que les
utilisateurs vont repérer en scannant la partie gauche
de votre contenu.
FLUPA - UX DAY Page 19
11/05/12

20. Mais alors ?
Un scanpath
FLUPA - UX DAY Page 20
11/05/12

21. Mais alors ?
Les scanpaths de 2
participants
FLUPA - UX DAY Page 21
11/05/12

22. Mais alors ?
Les
scanpaths
de…100
participants
FLUPA - UX DAY Page 22
11/05/12

23. Mais alors ?
Une heatmap
FLUPA - UX DAY Page 23
11/05/12

24. Mais alors ?
Une heatmap
de 100
participants
FLUPA - UX DAY Page 24
11/05/12

25. Métriques
Nombre total de fixations
• Nombre de fixations effectuées sur l’ensemble de
l’enregistrement oculométrique
• A pondérer par rapport à la durée des tâches et le
nombre de pages vues.
FLUPA - UX DAY Page 25
11/05/12

26. Métriques
Indicateurs de faible utilisabilité
• Le nombre de fixations total est négativement
corrélé avec l’efficacité de la recherche.
• Plus le nombre de fixations est élevé dans la tâche
demandée, moins les
sujets la réussissent.
• Cela serait dû à un mauvais
arrangement spatial des
éléments visuels.
FLUPA - UX DAY Page 26
11/05/12

27. Métriques
Moyenne des durées de fixation totale
• Durée moyenne des fixations (en Msec) effectuées
pour réaliser l’ensemble de la tâche demandée.
Indicateurs de faible utilisabilité
• Longues fixations = difficulté
à extraire l’information
visuelle.
FLUPA - UX DAY Page 27
11/05/12

28. Métriques
Taux de fixation total
• Comparaison du temps passé à effectuer des
fixations à celui passé à effectuer des saccades
Indicateurs de faible utilisabilité
• Ratio en faveur des fixations
= plus forte proportion de
temps passé à traiter
l’information.
28
FLUPA - UX DAY Page
11/05/12

29. Métriques
Distance de mouvement des points de fixation
– Moyenne des distances inter-fixations
Vitesse de mouvement des points de fixation
– Nombre de pixels parcourus par seconde
29
FLUPA - UX DAY Page
11/05/12

30. Métriques
Indicateurs de faible utilisabilité
• Distance de mouvement + vitesse de
mouvement des points de fixation
 Distance de mouvement longue et vitesse de mouvement
élevée.
FLUPA - UX DAY Page 30
11/05/12

31. Métriques
Longueur des scanpaths : somme des distances
entre les fixations.
Aire convexe de Hull : plus petit polygone
contenant l’ensemble des points de fixation du
scanpath.
FLUPA - UX DAY Page 31
11/05/12

32. Métriques
Indicateurs de faible utilisabilité
– La longueur des scanpaths + l’aire convexe de Hull
• Scanpaths longs (en pixels)
• Grandes aires de Hull (en pixels2)
FLUPA - UX DAY Page 32
11/05/12

33. Métriques
Densité spatiale :
1. Diviser la page en une grille
2. Nb de cellules contenant au moins une fixation
nombre total de
cellules
FLUPA - UX DAY Page 33
11/05/12

34. Métriques
Indice de transition :
• Nb de cellules contenant min une transition
nombre total de
cellules
FLUPA - UX DAY Page 34
11/05/12

35. Métriques
Indicateurs de faible utilisabilité
– Densités spatiales + indice de transition
• Densités spatiales élevées (%)
• Indice de transition élevé (%) = scanpaths
dispersés, longs, « vagabonds »
FLUPA - UX DAY Page 35
11/05/12

36. Les études du suivi du regard
Le nombre de participants…
– Tests vs. Usages…
Les limites…
– Situation, tâches, etc.
– Type de sites
FLUPA - UX DAY Page 36
11/05/12

37. Intérêt des études du suivi du regard
Apportent des compléments d’information
Apportent des informations que ne peuvent
fournir d’autres techniques / technologies
– Ex., logfiles
Permettent d’évaluer et de comparer diverses
versions d’un même site
FLUPA - UX DAY Page 37
11/05/12

38. Merci de votre attention....
À vous de jouer maintenant !
FLUPA - UX DAY Page 38
11/05/12