Hostname: page-component-74656f9884-8r8nv Total loading time: 0 Render date: 2026-11-07T15:12:22.536Z Has data issue: false hasContentIssue false

Automated areas of interest analysis for usability studies of tangible screen-based user interfaces using mobile eye tracking

Published online by Cambridge University Press:  11 September 2020

M. Batliner*
Affiliation:
Product Development Group Zurich, ETH Zurich, Leonhardstr. 21, 8092 Zürich, Switzerland
S. Hess
Affiliation:
Product Development Group Zurich, ETH Zurich, Leonhardstr. 21, 8092 Zürich, Switzerland
C. Ehrlich-Adám
Affiliation:
Product Development Group Zurich, ETH Zurich, Leonhardstr. 21, 8092 Zürich, Switzerland
Q. Lohmeyer
Affiliation:
Product Development Group Zurich, ETH Zurich, Leonhardstr. 21, 8092 Zürich, Switzerland
M. Meboldt
Affiliation:
Product Development Group Zurich, ETH Zurich, Leonhardstr. 21, 8092 Zürich, Switzerland
*
Author for correspondence: Martin Batliner, E-mail: martibat@ethz.ch
Rights & Permissions [Opens in a new window]

Abstract

The user's gaze can provide important information for human–machine interaction, but the analysis of manual gaze data is extremely time-consuming, inhibiting wide adoption in usability studies. Existing methods for automated areas of interest (AOI) analysis cannot be applied to tangible products with a screen-based user interface (UI), which have become ubiquitous in everyday life. The objective of this paper is to present and evaluate a method to automatically map the user's gaze to dynamic AOIs on tangible screen-based UIs based on computer vision and deep learning. This paper presents an algorithm for automated Dynamic AOI Mapping (aDAM), which allows the automated mapping of gaze data recorded with mobile eye tracking to the predefined AOIs on tangible screen-based UIs. The evaluation of the algorithm is performed using two medical devices, which represent two extreme examples of tangible screen-based UIs. The different elements of aDAM are examined for accuracy and robustness, as well as the time saved compared to manual mapping. The break-even point for an analyst's effort for aDAM compared to manual analysis is found to be 8.9 min gaze data time. The accuracy and robustness of both the automated gaze mapping and the screen matching indicate that aDAM can be applied to a wide range of products. aDAM allows, for the first time, automated AOI analysis of tangible screen-based UIs with AOIs that dynamically change over time. The algorithm requires some additional initial input for the setup and training, but analyzed gaze data duration and effort is only determined by computation time and does not require any additional manual work thereafter. The efficiency of the approach has the potential for a broader adoption of mobile eye tracking in usability testing for the development of new products and may contribute to a more data-driven usability engineering process in the future.

Information

Type
Research Article
Copyright
Copyright © The Author(s), 2020. Published by Cambridge University Press
Figure 0

Fig. 1. Overview of the detailed steps of aDAM, for automated gaze mapping (green) and automated screen matching (red). (1) Tracking of screen outline. (2) Calculation of perspective transformation and mapping onto the static reference UI representation. (3) Application of transformation on gaze point. (4) Isolation of screen. (5) Extraction of screen information through look up in database. (6) Fusion of data for dynamic AOI mapping.

Figure 1

Fig. 2. Steps for screen edge detection from an initial guess. (1) Initial guess with search region. (2) Canny edge detection in search region. (3) Grouping of line segments. (4) Intersection of dominant line segments which form corner points.

Figure 2

Fig. 3. Screen matching. (1) The original frame from the video. (2) Extracted and straightened screen image. (3) Matching of screen to predefined screens. (4) Identified screen content.

Figure 3

Fig. 4. Output of mask R-CNN: a binary mask, which approximates the screen contour (in red). The outermost edges of the mask are then used as an initial guess for screen outline detection and subsequent gaze mapping.

Figure 4

Fig. 5. The two tangible screen-based UIs used for evaluation. (Left) Infusion device and (right) ventilation monitor.

Figure 5

Fig. 6. Matching of predefined sub-screens. (Left) The main screen with the four main tiles, which are masked out individually for the matching process. (Right) The sub-screens that can be configured to take different positions of tiles on the main screen.

Figure 6

Fig. 7. Error distance between manual gaze mapping of an analyst compared to aDAM for the infusion device (left) and the ventilation monitor (right). The error indicated corresponds to the absolute distance on the surface of the device.

Figure 7

Table 1. The matching rate for the infusion screens and the ventilation sub-screens with the filter applied (post-filtering) and without the filter (pre-filtering)

Figure 8

Table 2. True positive rate for the screen recovery of both the infusion device and the ventilation monitor for different numbers of training images

Figure 9

Fig. 8. User effort for ADAM and manual analysis. For the user effort of the manual analysis, the minimal and maximally measured mapping rate are also depicted. The intersection of user effort for aDAM and manual analysis occurs at 8.9 min gaze data time.