Dans un contexte où l’expérience utilisateur est devenue un levier stratégique majeur pour les entreprises, comprendre avec précision comment les utilisateurs perçoivent une interface est devenu indispensable. Parmi les outils les plus puissants à disposition des équipes UX, l’eye tracking occupe une place de choix. Pourtant, cette technologie reste encore mal connue, voire sous-exploitée, dans de nombreuses organisations.

Cet article vous propose un tour d’horizon complet : définition, principes de fonctionnement, métriques clés, cas d’usage concrets et bonnes pratiques pour intégrer l’eye tracking dans votre démarche de conception centrée utilisateur.

Que vous soyez chef de projet, product owner, ou product manager souhaitant enrichir votre arsenal méthodologique, ou designer cherchant à objectiver vos décisions de design, vous trouverez ici toutes les clés pour comprendre cette technologie et en tirer le meilleur parti.

1. Définition : qu’est-ce que l’eye tracking ?

L’eye tracking (ou « suivi oculaire » en français) est une technologie qui permet de mesurer et d’enregistrer les mouvements des yeux d’un utilisateur lorsqu’il interagit avec une interface, un écran, ou tout autre stimulus visuel. En d’autres termes, elle répond à une question fondamentale en UX : où regarde-t-on, dans quel ordre, et pendant combien de temps ?

Grâce à des capteurs infrarouges et à des algorithmes de traitement d’image, le dispositif d’eye tracking calcule en temps réel la position exacte du regard sur un écran ou dans un espace physique. Les données collectées sont ensuite analysées pour produire des visualisations riches en enseignements : cartes de chaleur, parcours de regard, zones d’intérêt, etc.

Cette technologie est utilisée depuis les années 1990 dans le domaine de la recherche cognitive et psychologique. Mais c’est son accessibilité croissante, notamment grâce à des outils comme Tobii, GazePoint ou EyeQuant, qui l’a démocratisée et imposée comme une méthode de recherche UX à part entière.

Eye tracking vs autres méthodes UX

Il est important de distinguer l’eye tracking des autres méthodes de recherche utilisateur.

Les tests utilisateurs classiques permettent de comprendre les comportements et les opinions via l’observation et les verbalisations. Les questionnaires et entretiens recueillent des perceptions déclaratives. L’eye tracking, lui, capture un comportement inconscient et automatique : le mouvement des yeux.

C’est précisément ce qui en fait un outil si précieux : les utilisateurs ne peuvent pas mentir avec leurs yeux. Là où les déclarations peuvent être biaisées, les données oculomotrices sont objectives et mesurables.

2. Comment fonctionne l’eye tracking ? Les principes techniques

Pour comprendre les apports de l’eye tracking, il est utile d’en maîtriser le fonctionnement de base. Pas besoin d’être ingénieur : voici l’essentiel en termes accessibles.

Le principe de la cornée-pupille

La grande majorité des dispositifs d’eye tracking modernes utilisent la technique dite PCCR (Pupil Center Corneal Reflection, soit « réflexion cornéenne du centre pupillaire »). Ce procédé consiste à projeter des rayons infrarouges sur l’œil de l’utilisateur, puis à analyser la façon dont ces rayons se réfléchissent sur la cornée (la surface transparente de l’œil) et la pupille.

En combinant ces deux points de réflexion, le logiciel calcule avec précision la direction du regard. La fréquence de capture, souvent entre 60 et 300 Hz (images par seconde) selon les appareils, détermine la finesse de l’enregistrement.

Les deux grandes familles de dispositifs

On distingue principalement deux types d’équipements :

• Les eye trackers fixes (screen-based) : il s’agit d’une barre infrarouge placée sous l’écran ou intégrée à un moniteur. L’utilisateur reste assis face à l’écran, sans porter de dispositif particulier. C’est la solution la plus courante pour les tests d’interfaces numériques (sites web, applications, logiciels).
• Les eye trackers portables (wearable) : ce sont des lunettes équipées de caméras et de capteurs. Ils permettent de suivre le regard dans des environnements physiques variés : magasins, musées, cockpits d’avion, emballages de produits, etc. Idéaux pour les études terrain ou les tests en contexte réel.

La calibration : une étape incontournable

Avant chaque session de test, une phase de calibration (réglage) est nécessaire. Elle consiste à demander à l’utilisateur de fixer plusieurs points précis sur l’écran afin que le système puisse associer les données de réflexion cornéenne à des coordonnées exactes sur l’interface. Une calibration de qualité est la garantie de données fiables.

3. Les métriques clés de l’eye tracking

L’eye tracking ne se résume pas à « voir où les gens regardent ». Il génère un ensemble de métriques quantitatives et qualitatives que les équipes UX utilisent pour analyser l’attention visuelle avec finesse. Voici les indicateurs les plus importants.

Les fixations (Fixations)

Une fixation désigne un moment où le regard s’immobilise sur une zone précise de l’interface, pendant au moins 100 à 200 millisecondes. C’est pendant les fixations que le cerveau traite activement l’information visuelle.

En UX, on analyse notamment :

• Le nombre de fixations sur un élément : un nombre élevé peut indiquer un attrait fort, mais aussi une difficulté de lecture ou de compréhension.
• La durée moyenne des fixations : plus une fixation est longue, plus l’utilisateur traite en profondeur l’information — ou plus il est confus.
• Le temps jusqu’à la première fixation (Time to First Fixation) : mesure la rapidité avec laquelle un élément attire l’attention.

Les saccades (Saccades)

Les saccades sont les mouvements rapides des yeux entre deux fixations. Elles ne permettent pas de traiter l’information (le cerveau est temporairement « aveugle » pendant une saccade), mais leur analyse révèle la façon dont l’utilisateur explore l’interface.

Des saccades longues et désordonnées peuvent indiquer une interface peu intuitive, tandis que des saccades courtes et régulières témoignent d’un flux de lecture fluide et d’une hiérarchie visuelle claire.

Les cartes de chaleur (Heatmaps)

Les heatmaps (ou « cartes de chaleur ») sont la visualisation la plus connue de l’eye tracking. Elles agrègent les données de fixations de l’ensemble des participants et les représentent sous forme de zones colorées superposées à l’interface :

• Les zones rouges et orangées indiquent une attention forte (nombreuses fixations).
• Les zones bleues ou vertes révèlent une attention faible.
• Les zones sans couleur n’ont pas du tout été regardées.

Les heatmaps sont particulièrement parlantes pour les présentations aux parties prenantes : elles permettent de visualiser en un coup d’œil les zones d’attention et d’inattention sur une interface.

Les parcours de regard (Gaze Plots)

Les gaze plots (ou « scanpaths ») représentent la trajectoire du regard d’un utilisateur sur une interface : les points correspondent aux fixations (leur taille représente la durée), et les lignes relient les fixations dans l’ordre chronologique.

Cet outil est précieux pour analyser individuellement le comportement de lecture et d’exploration d’un utilisateur, identifier les patterns récurrents, et repérer les anomalies ou les incohérences dans le parcours visuel.

Les AOI (Areas of Interest)

Les AOI (Areas of Interest, soit « zones d’intérêt ») sont des zones délimitées manuellement sur l’interface par le chercheur UX. Elles permettent d’agréger les métriques (nombre de fixations, durée totale de fixation, pourcentage de participants ayant vu la zone) pour des éléments précis : un bouton CTA (Call to Action, ou « appel à l’action »), un logo, un menu de navigation, un formulaire, etc.

L’analyse par AOI est l’une des plus utiles pour répondre à des questions business précises : Mon bouton d’achat est-il vu avant le scroll ? Mon message principal est-il lu en priorité ?

4. Les grands patterns visuels mis en évidence par l’eye tracking

Des décennies de recherche en eye tracking ont permis d’identifier des patterns de lecture récurrents sur les interfaces numériques. Ces schémas sont devenus des références incontournables en UX et en web design.

Le pattern en F

Mis en évidence par le chercheur Jakob Nielsen dès 2006, le pattern en F décrit le comportement de lecture le plus fréquemment observé sur les pages web à contenu textuel dense. Les utilisateurs lisent d’abord horizontalement (haut de la page), puis à nouveau horizontalement (mais moins loin), puis verticalement le long du côté gauche.

Ce schéma a des implications directes pour la rédaction web et le design de contenu : placer les informations les plus importantes en haut à gauche, privilégier des débuts de paragraphe accrocheurs, et ne pas négliger la hiérarchie visuelle.

Le pattern en Z

Sur les pages à faible densité textuelle (landing pages, pages d’accueil), le regard suit souvent un pattern en Z : de gauche à droite en haut, puis en diagonale vers le bas à gauche, puis à nouveau de gauche à droite en bas de page.

Ce pattern est souvent exploité dans la conception de landing pages (pages d’atterrissage) et de publicités pour positionner les éléments clés (logo, proposition de valeur, CTA) aux points stratégiques de la diagonale.

Le pattern de lecture en layer cake

Sur des interfaces structurées avec des titres clairement différenciés (comme des articles de blog ou des pages produit), les utilisateurs ont tendance à scanner les titres et sous-titres en sautant d’un niveau à l’autre, à la manière d’un layer cake (gâteau à étages). Ils ne lisent les paragraphes qu’en cas d’intérêt confirmé par le titre.

Ce comportement souligne l’importance capitale d’une structure de titres claire et informative, ce qui rejoint également les bonnes pratiques SEO.

Le banner blindness

Le banner blindness (ou cécité aux bannières) est un phénomène bien documenté par l’eye tracking : les utilisateurs ignorent systématiquement, souvent de manière inconsciente, les zones qui ressemblent à des publicités. Cela inclut parfois des éléments fonctionnels importants qui ont malheureusement été stylisés de façon trop publicitaire.

Ce phénomène a des implications directes sur la façon de concevoir les bannières promotionnelles, les notifications, et les CTA : leur design doit être distinctif, sans pour autant évoquer une publicité intrusive.

5. Exemples concrets d’utilisation de l’eye tracking en UX Design

Au-delà de la théorie, comment l’eye tracking est-il utilisé concrètement dans des projets de design ? Voici plusieurs exemples représentatifs qui illustrent la valeur ajoutée de cette méthode.

Exemple 1 : Optimisation d’une page d’accueil e-commerce

Un grand site e-commerce souhaite améliorer le taux de conversion de sa page d’accueil. Les tests utilisateurs classiques révèlent que les utilisateurs « ne trouvent pas ce qu’ils cherchent », mais sans préciser où se situe le blocage.

Grâce à l’eye tracking, l’équipe UX constate que le moteur de recherche interne, pourtant central dans la stratégie de navigation, n’est quasiment jamais fixé. La heatmap montre une concentration du regard sur les visuels produits en vedette, mais très peu d’attention portée à la barre de recherche, pourtant visible en haut de page.

Après analyse, il apparaît que la barre de recherche est graphiquement trop discrète et noyée dans un header (en-tête) surchargé. Un redesign ciblé (agrandissement de la barre, contraste renforcé, ajout d’un placeholder (texte indicatif) incitatif) permet d’augmenter significativement son taux d’utilisation et, en cascade, le taux de conversion global.

Exemple 2 : Refonte d’un logiciel métier (interface SaaS)

Une entreprise éditant un logiciel SaaS (Software as a Service, ou « logiciel en tant que service ») reçoit des retours utilisateurs indiquant que certaines fonctionnalités clés sont introuvables. L’équipe produit suspecte un problème de navigation, mais les tests utilisateurs verbaux ne permettent pas d’identifier précisément les points de friction.

Une session d’eye tracking avec une dizaine d’utilisateurs révèle que les icônes du menu de navigation latéral ne sont pratiquement jamais regardées. Les gaze plots montrent que les utilisateurs cherchent systématiquement les fonctionnalités dans la zone centrale de l’écran, là où elles ont l’habitude de les trouver dans des outils concurrents.

Le résultat est clair : la convention d’interface (le menu sur le côté) va à l’encontre des modèles mentaux des utilisateurs. Une réorganisation de la navigation, accompagnée d’un onboarding (processus d’accueil) visuel renforcé, résout le problème.

Exemple 3 : Optimisation d’un formulaire de souscription

Un assureur en ligne constate un taux d’abandon élevé sur son formulaire de souscription en ligne. L’analyse par eye tracking révèle plusieurs enseignements précieux :

• Le label (libellé) d’un champ ambigu génère des fixations anormalement longues, signe de confusion.
• Le bouton de validation « Suivant » n’est visible qu’après scroll sur mobile, et de nombreux utilisateurs ne le voient pas spontanément.
• Une mention légale placée à côté du bouton de confirmation génère un comportement de fuite : les utilisateurs lisent la mention, puis quittent le formulaire.

Ces trois points d’amélioration, invisibles via les analytics classiques, permettent un redesign ciblé et argumenté qui réduit significativement le taux d’abandon.

6. Eye tracking et recherche quantitative vs qualitative

Un point souvent débattu dans les équipes UX est la nature des données produites par l’eye tracking : sont-elles qualitatives ou quantitatives ? La réponse est : les deux, selon l’approche choisie.

L’eye tracking qualitatif

Avec un petit nombre de participants (5 à 15), l’eye tracking qualitatif permet d’explorer en profondeur les comportements individuels, d’identifier des patterns inattendus et de générer des hypothèses. Il est souvent combiné avec des entretiens ou des sessions de think-aloud (réflexion à voix haute), où l’utilisateur verbalise ce qu’il ressent pendant la navigation.

Cette approche est idéale en début de projet, pour orienter les décisions de design avec un budget de recherche limité.

L’eye tracking quantitatif

Avec un panel plus large (50 participants et plus), l’eye tracking devient un outil de mesure puissant. Il permet de comparer deux versions d’une interface via des tests A/B (comparaison de deux variantes), de valider des hypothèses avec un niveau de confiance statistique, ou de benchmarker (comparer) une interface par rapport à des références sectorielles.

Cette approche est particulièrement pertinente pour les équipes UX matures, capables d’articuler la recherche utilisateur avec les indicateurs de performance business (taux de conversion, taux de rebond, etc.).

7. Les outils d’eye tracking les plus utilisés en UX

Le marché des solutions d’eye tracking s’est considérablement enrichi ces dernières années, avec des offres allant des équipements de laboratoire haut de gamme aux outils prédictifs en ligne, accessibles sans panel utilisateur.

Les solutions matérielles de référence

Tobii Pro est le leader incontesté du marché de l’eye tracking de recherche. Ses eye trackers fixes (comme le Tobii Pro Spark ou le Tobii Pro Fusion) et ses lunettes portables (Tobii Pro Glasses) sont utilisés dans des centaines d’universités et d’agences à travers le monde. Leur logiciel d’analyse, Tobii Pro Lab, permet une analyse fine des fixations, saccades et AOI. Tobii est notre partenaire privilégié depuis plusieurs dizaines d’années.

GazePoint propose des solutions plus accessibles financièrement, idéales pour les équipes souhaitant démarrer avec l’eye tracking sans investissement prohibitif.

SR Research EyeLink est une solution de très haute précision, utilisée principalement dans la recherche académique en psychologie cognitive et en neurosciences.

Les outils d’eye tracking prédictif

Une catégorie d’outils particulièrement intéressante pour les équipes produit et design : l’eye tracking prédictif basé sur l’IA (Intelligence Artificielle). Ces outils analysent une maquette ou une capture d’écran et prédisent, grâce à des algorithmes entraînés sur des millions de données oculaires, où le regard des utilisateurs se posera probablement.

Attention Insight, EyeQuant et Neurons Inc. sont parmi les acteurs majeurs de cette catégorie. Ces outils présentent l’avantage d’être rapides, peu coûteux et utilisables dès la phase de maquettage, sans nécessiter de recrutement de participants.

Attention toutefois : ces outils prédisent l’attention initiale (les premières secondes), mais ne remplacent pas des tests avec de vrais utilisateurs pour analyser des comportements complexes ou contextuels.

Conclusion

L’eye tracking est bien plus qu’un simple outil d’observation du regard. En révélant ce que les utilisateurs voient, ignorent ou interprètent au cours de leur navigation, il apporte des données objectives précieuses pour comprendre les comportements réels. Associé à d’autres méthodes d’analyse centrées sur l’humain, l’eye tracking permet d’identifier les freins à l’usage, d’optimiser l’expérience utilisateur et de concevoir des interfaces plus efficaces.

Que ce soit pour améliorer un site web, une application métier, un parcours d’achat ou un dispositif de formation, l’eye tracking offre un éclairage unique sur les interactions entre l’humain et le numérique. A Ludotic, nous mobilisons ces approches d’ingénierie des facteurs humains pour transformer les données d’usage en recommandations concrètes, au service de la performance, de l’accessibilité et de la satisfaction des utilisateurs. Nous utilisons Tobii et l’eye tracking depuis des années sur des projets de tous secteurs (défense, industrie 5.0, santé, etc.). Contactez-nous pour en savoir plus !