Related Experiment Video
Updated: Jun 29, 2026

05:48
How to Build a Dichoptic Presentation System That Includes an Eye Tracker
Published on: September 6, 2017
8.5K
The Effects of Layout Order on Interface Complexity: An Eye-Tracking Study for Dashboard Design.
Nuowen Zhang1, Jing Zhang1, Shangsong Jiang1
1College of Furnishings and Industrial Design, Nanjing Forestry University, Nanjing 210037, China.
Sensors (Basel, Switzerland)
|September 28, 2024
Summary
Dashboard interface design is optimized by prioritizing layout order and complexity. Placing the core chart on the left improves user visual search behavior, suggesting "order is more" is as crucial as "less is more" for effective design.
Area of Science:
- Human-Computer Interaction
- Visual Perception
- User Interface Design
Background:
- Dashboard interfaces are complex, impacting user efficiency.
- Understanding visual search behavior is key to optimizing UI design.
- Previous research has not fully explored the interplay of layout order and complexity.
Purpose of the Study:
- To investigate the impact of dashboard interface layout order on complexity.
- To determine the optimal arrangement for visual search efficiency.
- To evaluate the effectiveness of eye-tracking in UI design research.
Main Methods:
- Utilized screen-based eye trackers to collect eye movement data (fixation count, gaze duration, scanning paths, hotspot maps).
- Manipulated interface complexity and layout order using simplified dashboard designs.
- Incorporated subjective ratings (symmetry, unity) and behavioral data for analysis.
Main Results:
- A significant interaction was found between layout order and interface complexity.
- Higher-level layout order led to significantly better participant performance.
- The core chart's position critically influences visual search; left-center placement is optimal.
Conclusions:
- Eye-tracking is a valuable tool for UI design research.
- Dashboard design should follow the principle of "order is more."
- Optimal dashboard layout places the core chart on the left-center axis with partial symmetry.

