The UX Toolbox - Eyetracking

26 April 2018 - Stephen Denning

Tools on a bench demonstrating the UX toolbox

Eyetracking is a methodology that helps researchers to understand visual attention. As a scientific research technique, eyetracking has actually been around since the early 1900s when Edmund Burke Huey began experimenting on eye movements by attaching rudimentary contact lenses to a series of pulleys and levers, that would manually draw participants’ eye movements onto a drum of paper! The technology today is far less intrusive and makes use of high-speed cameras built into monitor-based units or wearable glasses, which monitor eye-movements.

What can eyetracking tell us?

Eyetracking technology can tell us what people are looking at, how long they look at it for, and the path that their eyes take. As researchers, this data can then be analysed and interpreted to reveal:

  • Which visual content attracts attention
  • How quickly visual content is noticed
  • Which visual content is ignored or overlooked
  • In which order the visual elements are noticed
  • How one visual layout compares with another

It is important to note that, on its own, eye-tracking it not going to tell us:

  • If somebody finds a product engaging or useful
  • If something is easy to use or understand
  • If a design is liked or disliked
  • If a customer is more/less likely to convert
  • Why people are looking at what they are looking at!

This is why, for the purposes of UX research, it is important to combine eyetracking with other qualitative techniques, in order to form a rounded picture of the user’s experience.

How does it work?

Diagram of how eye tracking works

Eyetracking works by using a series of cameras to pick up near-infrared light that is reflected off the participants’ eyes. Using various algorithms, the eyetracking software translates these images into a specific position of focus on the screen. Eyetracking can be conducted on screen-based stimuli such as websites, physical stimuli like documents or print advertising, or environmental stimuli such as shelving or signage (using eyetracking glasses).

When eyetracking studies are conducted participants are usually left to view the stimulus in silence, as asking the participant to talk (for example using the think-aloud protocol utilised in usability testing) will slow down or otherwise alter then natural visual flow.

The data from eyetracking is then aggregated across all the participants and can be visualised as heat-maps (the areas of the page that received greater attention appear ‘hotter’) and gaze trails (showing the path and durations of focus for all the participants).

Eye tracking heatmap

What is arguably more powerful however, is using the vast amounts of data captured to analyse the visibility of certain elements of the page, or to compare elements.

Areas of interest highlighted on a diagram

By highlighting the ‘areas of interest’ we can use the data to understand aspects such as:

  • How long did it take people to notice an element?
  • In what order were the elements noticed?
  • How much time did they spend looking at an element?
  • How much time was there between the element first being seen and it being clicked on?

Analysing the data in this way provides us with very rich insights, based on robust scientific data, that can help us to answer very specific research questions that we may have. See our case study for Visit Scotland for an innovative way we worked with their Visitor Centres to assess effectiveness in flows around the centre and placement of marketing literature.

To find out more about how eyetracking could help you to see through the eyes of your users, get in touch.

Credits: Eye Tracking in User Experience Design (Romano Bergstrom & Schall), Tobii AB

What are UX errors of omission and commission?

26 January 2021

Explore how these often small and subtle errors can create big blindspots for your users.

Read the article: What are UX errors of omission and commission?

Knowing your users’ tasks – a key to UX success

10 December 2020

Knowing what visitors try to do on your website is the first step to improving their experience. Finding that out isn’t as easy as you’d think.

Read the article: Knowing your users’ tasks – a key to UX success

The User Experience of Voting

28 October 2020

As the US election day nears we look at some of the usability challenges in voting.

Read the article: The User Experience of Voting

Explore all thoughts

Do you have a project in mind? Let’s chat about what we can do for you. Get in touch