> For the complete documentation index, see [llms.txt](https://www.designreference.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://www.designreference.xyz/ux-methods/testing/eye-tracking.md).

# Eye Tracking

Eye tracking is a high-tech research method that uses specialised hardware to record exactly where a person is looking while they interact with a digital product. By using infrared sensors to track the movement of a user's pupils, researchers can see which parts of a screen grab their attention and which parts are ignored entirely. This provides an objective look at visual behaviour that goes beyond what a person might say in an interview, as it captures subconscious reactions and scanning patterns that the user may not even be aware of themselves.

The data from these sessions is often presented as heatmaps or gaze plots. A heatmap uses colours to show which areas of a page received the most focus, with "hot" red areas indicating where the eyes lingered the longest. A gaze plot, on the other hand, shows the specific path the eyes took as they moved across the layout, including the order in which elements were viewed. These visualisations help designers understand if their visual hierarchy is working or if important information, like a "buy now" button or a crucial navigation link, is being overlooked because of distracting images or poor placement.

This method is particularly valuable for identifying "banner blindness" or determining if a layout is too cluttered for a user to find what they need quickly. It removes the guesswork from layout design by providing hard evidence of how a person’s attention is distributed. While it is a more resource-intensive method than simple observation, the insights it provides into the immediate, physical reaction of a user can lead to a much more efficient and polished interface.

#### Further Reading

{% embed url="<https://www.interaction-design.org/literature/article/eye-tracking-ux>" %}

{% embed url="<https://www.nngroup.com/articles/eyetracking-setup/>" %}

{% embed url="<https://www.uxstudioteam.com/ux-blog/eye-tracking-in-ux-research>" %}

{% embed url="<https://www.tobii.com/solutions/consumer-research-and-user-experience/ux-research>" %}

#### Further Viewing

{% embed url="<https://www.youtube.com/watch?v=BUrm-8i84jk>" %}

{% embed url="<https://www.youtube.com/watch?v=lC-Gv_abod8>" %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://www.designreference.xyz/ux-methods/testing/eye-tracking.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.