FLUPA UX-Day 2012 : Atelier Eyetracking - Christian Bastien

1,305 views
1,256 views

Published on

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

Published in: Business

FLUPA UX-Day 2012 : Atelier Eyetracking - Christian Bastien

  1. 1. Atelier EyetrackingJ.M. Christian Bastien
  2. 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. 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. 4. FLUPA - UX DAY Page 411/05/12
  5. 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. 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. 7. FLUPA - UX DAY Page 711/05/12
  8. 8. FLUPA - UX DAY Page 811/05/12
  9. 9. FLUPA - UX DAY Page 911/05/12
  10. 10. FLUPA - UX DAY Page 1011/05/12
  11. 11. FLUPA - UX DAY Page 1111/05/12
  12. 12. FLUPA - UX DAY Page 1211/05/12
  13. 13. FLUPA - UX DAY Page 1311/05/12
  14. 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. 15. Les systèmes évoluent… FLUPA - UX DAY Page 15 11/05/12
  16. 16. Les systèmes évoluent… FLUPA - UX DAY Page 16 11/05/12
  17. 17. Des études pour concevoir... Le « F-shape » universel de Nielsen FLUPA - UX DAY Page 17 11/05/12
  18. 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. 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. 20. Mais alors ? Un scanpath FLUPA - UX DAY Page 20 11/05/12
  21. 21. Mais alors ? Les scanpaths de 2 participants FLUPA - UX DAY Page 21 11/05/12
  22. 22. Mais alors ? Les scanpaths de…100 participants FLUPA - UX DAY Page 22 11/05/12
  23. 23. Mais alors ? Une heatmap FLUPA - UX DAY Page 23 11/05/12
  24. 24. Mais alors ? Une heatmap de 100 participants FLUPA - UX DAY Page 24 11/05/12
  25. 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. 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. 27. MétriquesMoyenne 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. 28. MétriquesTaux de fixation total • Comparaison du temps passé à effectuer des fixations à celui passé à effectuer des saccadesIndicateurs 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. 29. MétriquesDistance de mouvement des points de fixation – Moyenne des distances inter-fixationsVitesse de mouvement des points de fixation – Nombre de pixels parcourus par seconde 29 FLUPA - UX DAY Page 11/05/12
  30. 30. MétriquesIndicateurs 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. 31. MétriquesLongueur des scanpaths : somme des distancesentre les fixations.Aire convexe de Hull : plus petit polygonecontenant l’ensemble des points de fixation duscanpath. FLUPA - UX DAY Page 31 11/05/12
  32. 32. MétriquesIndicateurs 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. 33. MétriquesDensité 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. 34. MétriquesIndice de transition : • Nb de cellules contenant min une transition nombre total de cellules FLUPA - UX DAY Page 34 11/05/12
  35. 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. 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. 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. 38. Merci de votre attention....À vous de jouer maintenant ! FLUPA - UX DAY Page 38 11/05/12

×