Aller directement au contenu

Le eye tracking face aux méthodes ergonomiques : Ce que le regard nous dit (2/3)

07/06/2022
6

All eyes on you par Nick Kumbari - Dribbble

Image à la Une – All eyes on you de Nick Kumbari – Dribbble

Les tests oculométriques (ou eye tracking) ont le vent en poupe dans le domaine du web. Mais sont-ils réellement utiles et efficaces ? Quelles sont les différences entre le eye tracking et les autres méthodes d’évaluation plus classiques comme le test d’utilisabilité ou l’audit ergonomique ? Quelques éléments de réponse dans ce premier article sur le eye tracking, sur ce que nous dit le regard.

Analyser ce que voit le regard avec le eye tracking

Utilisés d’abord dans les laboratoires de recherche scientifiques puis industriels, les systèmes de eye tracking ont fait leur entrée dans le monde du Web. Concrètement, il s’agit d’analyser les déplacements du regard et les zones de focalisation visuelle dans lesquelles se concentre le regard. Les analyses se basent sur les points de fixation successifs enregistrés par un oculomètre porté ou déporté (cf. quelques sites des fabricants ASL, SMI et Tobii).

Le plus souvent, les tests consistent à faire réaliser des scénarios d’utilisation réalistes où le regard des participants est observé avec un oculomètre. Les analyses s’intéressent à l’agencement (ou zoning) et la mise en forme des informations, leur pertinence et leur adéquation vis-à-vis des objectifs et caractéristiques des visiteurs. Ils peuvent être présentés sous deux formes distinctes : le parcours oculair (ou Gaze Plot) et la carte de chaleur (Heatmap).

eye tracking : le parcours oculaire
Le parcours oculaire individuel montre une séquence type de mouvements oculaires sur l’image : les fixations sont symbolisées par des ronds tandis que les saccades sont représentés par des traits. (An Introduction to Eye Tracking : Part 5)

Eye tracking : carte de chaleur
La carte de chaleur met en évidence les zones fixées par les participants : les zones les plus chaudes (rouges)  indiquent des endroits fixés longtemps ou à plusieurs reprises. (An Introduction to Eye Tracking : Part 5)

Eye tracking et marketing

L’utilisation de l’eye tracking dans le domaine de la communication et du multimédia est assez récente. Le marketing visuel s’en est d’abord emparé, comprenant le potentiel de cette méthode pour susciter toujours davantage l’attention du public et optimiser l’impact des messages publicitaires. Si naturellement le regard balaye (ou Eye-Scanning) l’environnement en se focalisant successivement sur des zones d’attention (ou AOI : Area Of Interest), il existe toutefois des comportements plus courants que d’autres (ou Eye-gaze pattern). C’est le cas notamment avec la présence d’un visage qui attire fortement le regard et associe de fait le message à une émotion. Toutefois, cette technique peut très vite devenir contre-productive par rapport au message textuel proprement dit (cf. ci-dessous, le eye tracking montre des répartitions distinctes du regard, prioritairement sur le visage à gauche et homogènes entre le visage et les textes à droite).

Répartition des AOI de 106 personnes, avec deux designs de publicité pour des couches bébés
Répartition des AOI de 106 personnes, avec deux designs de publicité pour des couches bébés (Etude de James Breeze, You look where they look)

L’intérêt de l’eye tracking dans ce domaine, est de pouvoir vérifier que le balayage du regard se répartit de manière homogène et ciblée. Il garantit que le message et le produit seront associés de manière adéquate et pertinente. Autrement dit, on peut supposer que le message textuel sera d’autant mieux mémorisé qu’il sera compris et associé émotionnellement.

Mettre en évidence des comportements de navigation par le eye tracking

Les études actuelles dans le domaine du web se penchent de plus en plus sur le parcours du regard lors de la navigation entre plusieurs pages (ex : recherche d’information, parcours d’achat) alors qu’auparavant les analyses s’intéressaient plutôt à des pages uniques et statiques. Dans les deux cas, il s’agit de suivre le regard de participants à qui on demande par exemple de décrire la page visitée, de chercher une information particulière ou encore d’effectuer une action. Il existe des comportements assez naturels et que les spécialistes de l’ergonomie connaissent bien. Le regard ne se dirige pas n’importe où a priori, il dépend directement de ce que cherchent les visiteurs, leurs habitudes sur le web et bien sûr de la manière dont les informations sont présentées et agencées :

Les déplacements du regard sur une page web sont fortement influencés par la mise en page et l’agencement des informations. Parmi les comportements les plus classiques de balayages visuels, le eye tracking a permis de révéler que le regard évitait « naturellement » toutes les zones qui s’apparentent à des bannières publicitaires : la cécité de bannière (ou banner blindness). Les résultats de l’étude montrent que ces zones publicitaires, animées ou non,  ne sont pas fixées par les internautes, et ce qu’elles soient disposées en haut de page ou sur les colonnes latérales d’un site web  (cf. illustration ci-dessous).

Nielsen-Alertbox-Banner-Blindness-eye-tracking
La cécité de bannière illustrée avec la carte de chaleur et les zones publicitaires (cf. Alertbox de Nielsen : « Banner Blindness »)

Eviter les éléments distrayants comme les publicités est une habitude qui se renforce avec le temps. Les internautes ne s’y trompent pas, ils ont des objectifs pour visiter un site et s’intéresser à son contenu.

Le balayage en F(ou F-Shaped Pattern) est un autre pattern visuel fréquent illustré par le eye tracking. On le retrouve dans la lecture de contenus et en particulier dans les pages de résultats de recherche où les informations sont souvent présentées sous forme de blocs de texte les uns au-dessus des autres. Comme son nom l’indique, les déplacements du regard ont tendance à composer deux bandes horizontales suivies d’une bande verticale (cf. illustration ci-dessous). Le pattern est décomposé en trois phases : l’internaute commence par lire le haut du premier contenu – première barre horizontale du F, il descend ensuite dans la page, repère un élément d’intérêt et lit un second passage, généralement plus court que le premier – seconde barre horizontale, puis il finit de scanner verticalement la page – barre verticale du F.

Le balayage visuel en F illustré avec la carte de chaleur
Le balayage visuel en F illustré avec la carte de chaleur. (cf. Alertbox de Nielsen : « F-Shaped Pattern For Reading Web Content »)

Bien que caricaturale, cette forme s’apparente au mouvement du regard pour la lecture de texte « occidental » aussi appelé Diagramme de Gutenberg ou lecture en Z (i.e. de gauche à droite et de haut en bas). Toutefois, le balayage latéral s’interrompt rapidement chez les visiteurs du web, illustrant alors le besoin d’efficacité dans la recherche d’informations à la verticale.

Là encore, la mise en page des informations influence directement les comportements du regard pour scanner les informations. Les informations situées en périphérie semblent négligées, ce qui est un bon résultat si le site n’a pas l’objectif de les valoriser. A l’inverse, si l’objectif est que le visiteur balaye de manière homogène et intéressé l’ensemble des informations, l’agencement des informations est essentiel. Autrement dit, si une page ne présente pas d’informations sous forme de liste de résultats et que les parcours visuels sont malgré tout en F, il y a peut-être un souci d’agencement. Le contenu n’est pas valorisé comme il devrait et les visiteurs scannent la page plus qu’ils ne la lisent.

Mesurer l’utilisabilité d’une page ou de ses éléments avec le eye tracking

Une bonne expérience utilisateur est faite de satisfaction des attentes et des buts poursuivis, de compréhension aisée des contenus et des moyens de naviguer (e.g. « en savoir plus », « retour à la liste des produits »). La manière dont les informations sont présentées sur le web obéit en partie à des conventions et des habitudes qui se sont imposées, tout en cherchant à satisfaire les internautes.

Les liens utiles (e.g. Contact, champs de recherche), les liens cliquables ou les barres de navigations sont des éléments que l’internaute repère rapidement avec l’habitude. L’eye tracking montrera très vite si ces éléments sont justement identifiés rapidement (parcours linéaire du regard) ou non (parcours « brouillon »). A l’inverse, les informations les moins pertinentes a priori pour l’internaute ne doivent pas attirer trop vite le regard et le distraire de ces objectifs de départ (e.g. bannière publicitaire, les autres langues du site, envoyer à un ami).

Le temps et la simplicité de parcours du regard, entre le début de la recherche visuelle et le moment où le visiteur repère l’élément cible recherché, indiquent clairement l’effort consenti par l’utilisateur pour atteindre ses objectifs. Les textes de  grande taille ou en gras ont tendance à attirer davantage le regard, notamment parce qu’il s’agit souvent de titres ou de phrases courtes demandant peu de temps et d’effort. Il est donc important que l’attrait d’un contenu textuel reflète les attentes des visiteurs : si le regard s’y arrête, c’est que le visiteur doit y trouver un intérêt. Si trop de textes sont mis en évidence, l’effort pour distinguer leur intérêt respectif sera important et le regard ne saura pas où donner de la tête.

La qualité de la disposition des textes vaut aussi pour les formulaires. Rapprocher les libellés des champs de saisie auxquels ils sont associés, est un principe d’ergonomie qui a encore du mal à s’imposer parfois. La technique du eye tracking permet pourtant de défendre certains alignements plus efficaces que d’autres (cf. illustration ci-dessous).

Les points de fixation du regard dans un formulaire
Les points de fixation du regard dans un formulaire (cf. Article sur UX Movement Why Users Fill Out Forms Faster with Top Aligned Labels)

A défaut d’aligner le libellé à droite – et donc de le rapprocher du champ de saisie associé, le positionnement des libellés au-dessus des champs facilite grandement la lecture du formulaire. Le nombre de points de fixation du regard est divisé par 2, simplement parce que le regard n’a besoin que d’une zone de focalisation restreinte à chaque arrêt. Le gain d’un tel agencement est alors autant en termes de rapidité que d’effort moindre de lecture. La seule contrainte reste bien sûr l’espace vertical nécessaire.

Tout comme pour les textes mis en évidence, les images et photos attirent naturellement le regard, parce qu’elles demandent peu d’effort d’interprétation et de compréhension. Mais là encore elles doivent aisément faire mouche pour l’internaute : elles illustrent ou complètent une attente de celui ou celle qui la regarde. Dans une liste d’appartement à vendre par exemple, les photos qui montrent la vue du balcon risquent davantage d’inciter à aller voir ailleurs que de se projeter à l’intérieur de l’appartement pour y vivre. Autre exemple, une photo d’introduction d’une vidéo ne donne pas envie de lancer la lecture si c’est un fond noir opaque ou un gros titre redondant avec le sujet de l’article dans laquelle la vidéo est insérée ; par contre, si la photo montre un moment fort de la vidéo, le regard sera attiré et l’intérêt du visiteur aiguisé !

Préconisations

  • L’eye tracking permet de révéler ce qui attire majoritairement le regard et l’ordre dans lequel les informations sont détectées. Ces données sont importantes lorsque l’on veut vérifier que les informations a priori les plus pertinentes sont les mieux mises en évidence. En revanche cela ne permet pas de savoir si les visiteurs trouvent ou non ce qu’ils cherchent ou comprennent les informations.
  • L’agencement des informations influence fortement la manière de parcourir un écran. Certaines informations attirent davantage le regard au détriment d’autres, ce qui peut être très pertinent ou vraiment contre-productif. L’eye tracking apporte une évaluation objective à condition d’identifier auparavant ce qui peut être pertinent aux yeux des visiteurs.

Conclusion

L’eye tracking renseigne sur des points importants de l’expérience utilisateur à travers la manière d’appréhender, de comprendre et de percevoir. Les participants à un test de eye tracking traduisent, autrement que par leurs mots, l’influence et la pertinence de ce qu’ils voient.

Face à des approches plus classiques comme le test utilisateur (ou d’utilisabilité) ou l’audit ergonomique (évaluation experte), l’analyse du regard peut sembler limitée. Le eye tracking traduit les comportements visuels des internautes, sans expliquer clairement avec des mots : pourquoi certaines zones de l’interface ou certaines informations attirent plus le regard que d’autres ? Pourquoi le regard se focalise plus longtemps à certains endroits ? Ce que les utilisateurs pensent des informations ? Lesquelles les intéressent le plus ? Notre prochain article abordera justement ce que le regard ne dit pas.

Lire aussi :

Lire sur le Web :

Formation tests utilisateur

Public concerné : Consultants MOE, MOA, chefs de projet, designer UI, web designers, product owner, chef de projet digital.

Durée : 1 jour(s)

Prix : 590 €

Prochaines dates : 16 septembre 2024

6 Commentaires

  • Robin Azéma dit :

    Un article assez bien construit ! J’étais un peu sceptique à cause du titre : ces derniers temps, beaucoup d’articles opposent des pratiques dans leur titre (“Webdesign vs. ergonomie, ce genre de titre racoleur sans fond à mes yeux) mais en fait votre article est équilibré et ne tombe pas dans le classique “telle pratique est mieux que telle autre”.

    Cependant, vous ne vous positionnez pas vraiment vis-à-vis de l’eye-tracking, du moins pour moi pas assez. Pensez-vous qu’au vu des coûts engendrés par cette pratique, les résultats soient réellement utiles ? Je veux dire, des résultats empiriques, assez généraux me semblent utiles pour appuyer des analyses ergonomiques, mais par exemple dans le cadre d’une agence, pensez-vous que se doter de tels outils soit une bonne idée ?

  • Thierry dit :

    Effectivement, nous ne souhaitons pas opposer les méthodes et les approches, car chacune a ses avantages et ses inconvénients. Dès lors qu’ils sont connus, ce sont les objectifs même de l’évaluation qui vont permettre de choisir tel ou tel type d’intervention. Parfois, un audit ergonomique peut permettre de soulever un bon nombre de points critiques, sans faire appel à des utilisateurs. Parfois, l’eye-tracking se révèlera le plus efficace et le plus objectif.
    Dans l’immédiat, j’ai l’impression que ce que je peux obtenir d’un test utilisateurs est particulièrement riche d’informations pour évaluer des interfaces web et logiciels. Je peux mêler des tests de perception, des scénarios d’utilisation libre ou prescrite, des questions sur les préférences, etc.
    D’autres domaines d’application me paraissent plus pertinents : publicité et impact du message, incitation au choix d’un produit dans un rayonnage, niveau d’attention et de charge perceptive dans la conduite automobile, etc.

  • RIBEROLLES dit :

    Bonjour,
    Cette méthode revêt des aspects des plus intéressants tant au niveau marketing qu’au niveau du handicap.
    Je pense qu’à l’ avenir il sera peut être possible pour un tétraplégique de pouvoir piloter un fauteuil roulant via ce procédé.

    Bien cordialement,

    Jean-Christophe RIBEROLLES

  • Jérémy dit :

    Bonjour,

    Il me semble qu’en dehors de domaines particuliers (e-commerce, …), le rapport coût/résultats de cette méthode joue plutôt en sa défaveur.

    L’efficacité parait superficielle face à des objectifs d’amélioration ergonomique et d’utilisabilité, et vise plutôt des impacts marketing avant tout (presque one-shot pour chaque opération de com).

    Malgré tout, j’ai le sentiment qu’elle devient l’argument commercial incontournable des audits…

    Mais est-elle vraiment indispensable, et ne se limite-t-elle pas à quelques cas spécifiques ?

  • Thierry dit :

    #Riberolles : Oui, j’espère que des technologies comme le eye-tracking pourront être exploitées pleinement pour d’autres applications !

    # Jérémy : Effectivement, l’eye-tracking est souvent un plus à l’observation des comportements des internautes sans que ce ne soit une solution toujours indispensable.
    D’ailleurs weXperience vient de publier une vidéo qui va plutôt dans ce sens. L’utilisatrice rencontre quelques difficultés dans la réalisation de sa tâche et les allers-retours de ses yeux autant que de ses scrolls le confirment. Elle va même jusqu’à regarder l’animateur pour trouver de l’aide ! http://www.youtube.com/watch?v=zyHKfTfLEqg

  • Jérémy dit :

    # Thierry

    Effectivement vidéo plutôt éloquente, mais rien, il me semble, qui n’aurait pu être détecté via d’autres méthodes moins coûteuse…

Laisser un commentaire à Robin Azéma Annuler la réponse