What is eye tracking?

Eye tracking is a process in which people’s line of sight and eye movements are recorded when they are in front of displays and products, or when they are in different types of settings. Classic uses include analyzing reading habits on the web, evaluating instruction manual use and observing how users navigate online marketing.

User interfaces and packaging can also be researched to see how communication reaches users. Marketing strategists can gain important knowledge from eye tracking when people enter a store or walk through a supermarket.

By analyzing the data, analysts can find out which areas within a person’s field of view have attracted the most attention. The chronological sequence in which information is viewed is also important and can be researched. Eye tracking is a useful tool, which in the classic marketing mix can help both optimize the placement of products as well as a company’s communication method.

To carry out research into eye tracking, specialized hardware and software are needed. The hardware includes cameras, which can record the face or eye movements of a person. Using image recognition from specially designed software, the position of the pupils is detected, and their movement is then followed.

Professional hardware works in the infrared (IR) range, making it easier to detect irises and pupils. To do this, the area being recorded is illuminated with an infrared light source. Depending on which way someone is looking, the reflections from the IR light source will be on a particular place in the eye. The reflections from the IR source are then captured by the camera. The software can then draw conclusions relative to the line of sight from the reflections in the pupils.

Eye tracking is used to optimize the user experience on a visual level. User experience design (UX design) includes the analysis, management and optimization of the user experience. Some traditional uses for eye tracking include:

In public spaces:

• Signs in a large building
• Destination boards

The design of control elements:

• Management of control elements in a ticket machine
• Layout of control elements in a cockpit
• Layout of the user interface in an app

In advertising and marketing:

• Design for new packaging
• Design and set up of a supermarket shelf
• The placement of photos, texts and images in an online advertisement

In web design

• The layout design of a website’s navigation
• The placement of conversion elements in online shops

After redeveloping their website, the operator sees a doubling of their bounce rate. Something seems to be putting off visitors, keeping them from completing their purchases. The operator decides to use eye tracking to monitor 15 test participants as they set out to complete a test purchase. After completing the user test, the operator realizes that the button which is meant to take them to the checkout page can only be found after searching the screen for a considerable amount of time. For many visitors, this search was enough for them to not to complete their purchases. Small adaptations to the layout and the design lead to a big decrease in the bounce rate and to more purchases being carried out.

For eye tracking, you’ll need both hardware and software. Some companies specialize in one or the other, while others offer a complete solution.

The following hardware can be used in order to conduct research with eye tracking:

• Eye tracking glasses are worn by testers and track all head movements. A testing method supported by glasses makes sense since during the testing people will move or have to turn their heads, e.g., when driving.
• An external camera opposite the tester can record their eye movements. This method can be used when monitoring displays or other interfaces.
• Webcams can be used for eye tracking with the correct software. The performance is however nowhere near as good as with hardware that has been specially developed for eye tracking. For example, webcams built into the screen are not able to work in the IR spectrum.

In terms of software, there are some freeware programs offered by different developers. Among these include:

• Xlabs from xlabsgaze
• Opengazer from Samsung and the Gatsby Charitable Foundation
• Pygaze from Oxford, Aix-Marseille and Utrecht universities
• Ogama from the Freie Universität Berlin
• OpenEyes from Thirty Sixth Span Internet Technologies

The main disadvantage here is the lack of support, making these technologies more for hobbyists who have programming knowledge.

In contrast, there are some commercial solutions that offer customer support as well as the ability to make customer-specific adaptations.

• Tobii Pro from Tobii Pro
• iMotions Core from iMotions
• VERIEYE from neurotechnology
• D-LAB from Ergoneers

By using eye tracking, you can determine where a user looks first. You can also generate a heatmap analysis, which shows the areas in a user’s field of vision that are looked at the most. This is done by using different colors and varying the intensity within the individual colors. Anything displayed in red shows an area which is viewed often, while anything in blue is hardly seen at all. This means you can find out which areas in someone’s field of vision are barely looked at.

The phenomenon of not looking at online ads is known as “banner blindness”. It describes a situation when certain elements or areas of a website are knowingly or unknowingly not seen by users. This “blindness” towards ads can result from the habit of our brains trying to separate important and unimportant information. By using eye tracking, you can improve the placement of ads on websites, therefore, generating more attention for them.

By analyzing eye tracking data, UX designers can improve user experience. This means displaying complex systems as easily as possible so that users can do what they want to as easily and quickly as possible. This helps to make apps and terminals easier to use, the dashboards in cars more clear, and improve the readability of instruction manuals and websites.