The Effects of Layout Order on Interface Complexity: An Eye-Tracking Study for Dashboard Design

Abstract

This study investigated the effect of layout order on the complexity of the dashboard interface based on screen-based eye trackers. By simplifying and abstracting dashboard interfaces and incorporating subjective ratings (symmetry and unity calculations), we successfully manipulated the levels of complexity and layout order of the interface materials. Using four types of eye movement data (total fixation count, total gaze duration, scanning paths, and hotspot maps) and behavioral data, we compared participants’ visual search behavior on interfaces with different layout orders and complexity levels. Experiment 1 revealed a significant interaction between layout order and interface complexity, with participants performing significantly better in the high-level layout order condition. Experiment 2 confirmed that the position of the core chart plays a crucial role in users’ visual search behavior and that the optimal layout order for the dashboard is to place the core chart on the left side of the interface’s horizontal axis, with partial symmetry in the no-core chart areas. This study highlights the effectiveness of eye-tracking techniques in user interface design research and provides valuable insights into optimizing dashboard interface design. Designers should adopt the design principle of “order is more” in addition to “less is more” and consider designing the core chart in the left-center position.

Keywords

• human–computer interface
• eye-tracking
• dashboard
• interface complexity
• layout order