What is eye tracking in UX?
Eye tracking in UX is a research technique that records where and for how long a person looks on a screen, to show what draws attention or gets missed.
also calledgaze tracking · gaze analysis
You can ask someone whether they noticed the discount banner, but they may sincerely say yes and be wrong. A small camera pointed at their eyes does not have that problem. Eye tracking shows what people actually looked at, in what order, and what they walked right past.
- Eye tracking records where people look, how long, and in what order.
- It shows attention, not understanding, so pair it with questions or think-aloud.
- It is strongest for visibility and layout questions.
- It is costly, so use simpler methods first when they can answer the question.
How the technology works
Most modern trackers use infrared light and a camera to follow the position of the pupil and its reflection on the cornea. From that, software estimates where on the screen the person is looking, many times per second. Some devices sit under a monitor, others are built into glasses so you can study physical spaces like store shelves or car dashboards.
Before each session the participant looks at a few dots so the system can calibrate to their eyes. Skip this, or let glasses and bad lighting interfere, and your data gets noisy fast.
What you get out of it
Raw gaze data is turned into a few useful views:
- Fixations: moments where the eye rests on something, which suggests attention or effort.
- Gaze paths: the order in which areas were looked at.
- Heatmaps: a combined picture of where many people looked.
- Areas of interest: boxes you draw around a button or banner to measure time to first look and total time.
These show you what was seen, not why it mattered. A long stare could mean interest, or it could mean confusion.
What it is good for
It is useful for questions about visibility and layout. Do people notice the primary call to action? Does the navigation get ignored because it looks like an ad? Does the eye follow the order you intended on a landing page?
It can also settle debates about whether something like a banner is invisible to users. Seeing the same blind spot across eight participants is more convincing than any opinion in a meeting.
Limits and common mistakes
Looking is not the same as understanding or intending to click. Someone may stare at a confusing label for ten seconds, and the heatmap will glow as if it were a success. Always pair tracking with think-aloud comments or follow-up questions.
Other traps: tiny samples treated as proof, tasks so artificial that people behave unnaturally, and comparing pages with different content. Equipment and analysis also cost real money, so it is rarely the first method to reach for.
When to use it and when to skip it
Use it when visual attention is the central question: ads, packaging, dense dashboards, or high-stakes screens where missing something has consequences. Skip it when you are trying to learn if the flow makes sense. A plain usability test with five people will find more problems for far less effort.
If budget is tight, cheaper cousins like click maps, scroll maps and moderated testing can answer a surprising share of the same questions.
Eye tracking: your questions, answered
What is eye tracking used for in UX?
It is used to see what grabs attention on a page, which elements get ignored and the order people read in. Teams apply it to landing pages, checkout screens, ads, packaging and dashboards where visibility matters.
How accurate is eye tracking?
Good lab equipment can locate gaze quite precisely, but accuracy depends on calibration, lighting, head movement and the participant's eyes. Treat results as a strong indicator of where people looked, not a perfect measurement of attention or intent.
How many participants do you need for eye tracking?
For qualitative insight, a handful of participants can reveal clear patterns. If you want reliable heatmaps that combine many gaze paths, researchers typically recruit more people. The right number depends on how consistent behavior is and how precise you need to be.
How much does eye tracking cost?
It ranges widely. Research-grade hardware and software can be expensive, while webcam-based tools are cheaper but less precise. Factor in participant recruitment and analysis time as well, since those often cost as much as the equipment.
Can eye tracking tell if people understand a design?
No. It tells you where people looked, not what they thought. Long gazes can mean interest or confusion, so combine tracking with verbal feedback or follow-up questions to interpret the data correctly.
More quick answers
What is the difference between eye tracking and heatmaps?
Eye tracking records actual gaze. Many web heatmaps show clicks or scrolling instead. A gaze heatmap is one way to display eye tracking data.
What is a fixation in eye tracking?
A fixation is a short pause where the eye rests on one spot, usually a fraction of a second. Longer or repeated fixations can signal interest or difficulty.
Can you do eye tracking with a webcam?
Yes, some tools estimate gaze from a normal webcam. It is easier and cheaper but less precise than dedicated infrared hardware.
Is eye tracking qualitative or quantitative?
It is both. You can watch gaze replays for qualitative insight or aggregate fixation times for numbers.
What is the F-pattern?
It is a reading pattern seen in some studies of text-heavy pages, where people scan across the top, then down the left side. It does not apply to every layout.
A heatmap in UX is a visual overlay that uses color to show where users click, tap, scroll or look on a page, with warmer colors marking more activity.
Usability testing in UX is a method where you watch real people try to complete realistic tasks with a product to find where they struggle.
Clickstream analysis in UX is the study of the recorded sequence of clicks and page views people make so you can see how they actually move through a product.
User testing in UX is the practice of watching real people try to use a product or prototype, to find out what works and what confuses them.
Above the fold in UX is the part of a page visible on screen without scrolling, while below the fold is everything you only reach by scrolling down.
Found this useful? A GitHub star helps other designers find it.