Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

FLUPA UX-Day 2012 : Atelier Eyetracking - Christian Bastien

1,613 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

×