• Save
FLUPA UX-Day 2012 : Atelier Eyetracking - Christian Bastien
Upcoming SlideShare
Loading in...5
×
 

FLUPA UX-Day 2012 : Atelier Eyetracking - Christian Bastien

on

  • 1,311 views

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

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

Statistics

Views

Total Views
1,311
Views on SlideShare
1,309
Embed Views
2

Actions

Likes
6
Downloads
1
Comments
0

1 Embed 2

https://si0.twimg.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

FLUPA UX-Day 2012 : Atelier Eyetracking - Christian Bastien FLUPA UX-Day 2012 : Atelier Eyetracking - Christian Bastien Presentation Transcript

  • Atelier EyetrackingJ.M. Christian Bastien
  • 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
  • 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
  • FLUPA - UX DAY Page 411/05/12
  • 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
  • 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
  • FLUPA - UX DAY Page 711/05/12
  • FLUPA - UX DAY Page 811/05/12
  • FLUPA - UX DAY Page 911/05/12
  • FLUPA - UX DAY Page 1011/05/12
  • FLUPA - UX DAY Page 1111/05/12
  • FLUPA - UX DAY Page 1211/05/12
  • FLUPA - UX DAY Page 1311/05/12
  • 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
  • Les systèmes évoluent… FLUPA - UX DAY Page 15 11/05/12
  • Les systèmes évoluent… FLUPA - UX DAY Page 16 11/05/12
  • Des études pour concevoir... Le « F-shape » universel de Nielsen FLUPA - UX DAY Page 17 11/05/12
  • 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
  • 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
  • Mais alors ? Un scanpath FLUPA - UX DAY Page 20 11/05/12
  • Mais alors ? Les scanpaths de 2 participants FLUPA - UX DAY Page 21 11/05/12
  • Mais alors ? Les scanpaths de…100 participants FLUPA - UX DAY Page 22 11/05/12
  • Mais alors ? Une heatmap FLUPA - UX DAY Page 23 11/05/12
  • Mais alors ? Une heatmap de 100 participants FLUPA - UX DAY Page 24 11/05/12
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • MétriquesIndice de transition : • Nb de cellules contenant min une transition nombre total de cellules FLUPA - UX DAY Page 34 11/05/12
  • 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
  • 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
  • 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
  • Merci de votre attention....À vous de jouer maintenant ! FLUPA - UX DAY Page 38 11/05/12