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

Key Experience Indicators - focusing on quality in user experience

19 August 2021

Measuring the user experience quality is less exact than measuring the quality of software or hardware, but it can be done by looking at the right metrics. Chris Rourke discusses how to apply Key Experience Indicators in your organisation.

Read the article: Key Experience Indicators - focusing on quality in user experience

What’s new with WCAG 2.2?

19 July 2021

The next major iteration of the Web Content Accessibility Guidelines (WCAG) is on the way! The World Wide Web Consortium (W3C) is currently preparing to publish version WCAG 2.2. A Working Draft is available now which intends to better reflect the experience of people with disabilities. This article aims to help you understand the WCAG 2.2 Success Criteria and what these changes mean for your website or application.

Read the article: What’s new with WCAG 2.2?

Are User Requirements the key to unlock your innovation?

28 April 2021

User requirements are a core part of the user-centred design process. Doing them right can also be a great source of inspiration for your product and service innovation.

Read the article: Are User Requirements the key to unlock your innovation?

Explore all thoughts

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