Eye Tracking & Web Design

La technologie de suivi oculaire a été utilisée dans de nombreux domaines, notamment les systèmes visuels, la linguistique cognitive et la conception de produits. Les nouveaux outils sont plus faciles à utiliser et moins encombrants. Les équipements plus anciens étaient montés sur la tête et les équipements plus modernes ressemblent à un moniteur.

L’eye tracking est un outil utile pour la conception web. Il peut montrer quelles zones d’une page attirent l’attention d’un utilisateur et les zones qui sont ignorées. Le suivi des yeux est utile pour montrer comment un utilisateur recherche des informations.

Le modèle de lecture en forme de F

Le modèle de lecture en forme de F démontré par la recherche de suivi des yeux d’Eyetracking Nielsen (2006) a démontré que les utilisateurs lisent le contenu Web dans un modèle en forme de F. Le modèle de lecture en forme de F fait référence à l’ordre de visualisation: les utilisateurs commencent par lire sur la ligne supérieure, puis regardent un peu la page et relisent, puis continuent sur le côté gauche.

La carte des points chauds adjacente montre le schéma général «F» du mouvement des yeux. Comme vous pouvez le voir, la plupart des fixations sont concentrées dans le coin supérieur gauche de la page.

Implications

De toute évidence, nous avons connu et pris en charge le suivi des yeux que les utilisateurs ne lisent pas tout le contenu d’une page Web. De toute évidence, les informations les plus importantes devraient figurer dans les deux premiers paragraphes. Ceux-ci doivent commencer par des mots «porteurs d’informations» qui sont remarqués lorsque les utilisateurs scannent le côté gauche.

Mouvement oculaire à une ou deux colonnes

Les chercheurs se sont intéressée à la différence entre les pages Web à une et deux colonnes. Ils ont utilisé deux pages de nouvelles fictives, une seule et une avec deux colonnes. La moitié des participants se sont familiarisés avec l’histoire et l’autre moitié a localisé le nom d’une personne mentionnée dans le reportage. Une fois la tâche terminée, on a demandé aux participants s’ils avaient vu des annonces sur la page.

Les résultats ont montré un motif «F» ou «E» distinct pour la page à une colonne ainsi que pour la colonne de gauche de la condition à deux colonnes. Il n’y avait aucun modèle dans la colonne de droite de la page à deux colonnes. Les fixations de page à une et deux colonnes ont diminué à mesure qu’elles se déplaçaient vers le bas de la page. Pour les conditions de navigation, les tracés du regard ont montré que les yeux du participant erraient vers les annonces et les liens sur la page. Suggérez aux participants de regarder plus loin parce qu’ils n’avaient pas d’objectif précis.

Pour les pages à deux colonnes, les participants ont regardé le bas de la colonne de droite sur la page tandis que les participants dans la condition à une colonne ont passé peu de temps au bas de la page. Les participants se sont également attachés à la colonne de droite de la page à deux colonnes plus qu’à la moitié inférieure de la page à une colonne. Cela implique que les pages à deux colonnes sont plus susceptibles d’être lues.

Cécité des bannières

Les utilisateurs regardent rarement les bannières publicitaires ou tout ce qui ressemble à distance à une publicité. Les résultats ont montré que très peu d’utilisateurs ont regardé les annonces à tous les niveaux d’engagement. Qu’ils scannent rapidement, lisent partiellement ou lisent attentivement, ils détournent rarement les yeux du contenu.

Pour conclure

Toutes ces recherches soulignent l’importance du suivi oculaire et de ce qu’il peut nous dire sur ce que l’utilisateur regarde (et en déduire ce que pense l’utilisateur). Il nous montre également combien il est difficile de concevoir une page Web utilisable. Il y a un équilibre délicat entre rendre l’information saillante et trop flashy, ce qui la fait ignorer.