Related Experiment Video
Updated: Aug 15, 2025

Visualizing Visual Adaptation
Published on: April 24, 2017
The effect of color coding and layout coding on users' visual search on mobile map navigation icons.
Mengzhe Zhang1, Yong Gong1, Rong Deng2
1Pan Tianshou College of Architecture, Arts and Design, Ningbo University, Ningbo, China.
Optimizing mobile map navigation icons with color and layout coding significantly improves visual search efficiency and user experience. Regular color distribution and larger same-color areas enhance icon cognition and reduce search time.
Area of Science:
- Human-Computer Interaction
- Cognitive Psychology
- Information Visualization
Background:
- Icon cognition and visual search are crucial for mobile map navigation.
- Current mobile map navigation icons can lead to reduced information acquisition efficiency and user experience due to complex designs.
Purpose of the Study:
- To enhance the visual search efficiency of mobile map navigation icons.
- To explore the impact of color and spatial layout coding on user interaction and icon cognition.
Main Methods:
- A mixed-methods approach combining theoretical and experimental research.
- Utilized a subjective questionnaire and analyzed reaction time and accuracy rates.
Main Results:
- Icon layout significantly impacts visual search performance.
- Navigation icons employing color for layout coding demonstrated superior visual search efficiency and user experience.
- Layouts with regular color distribution and larger same-color areas yielded the best results.
Conclusions:
- Color and spatial layout are key factors in designing effective mobile map navigation icons.
- Optimized icon design through color and layout coding can significantly improve user experience and information acquisition efficiency.
- Findings provide practical guidance for mobile map interface design.
Related Concept Videos
Color Vision
Design Example: Marking Boundaries of a Site Using a Compass
Design Example: Identifying the Locations of Monuments in the Field Using Global Positioning System Device
Design Example: Alignment of a Road Line Using GIS
Selected Data About Geographic Locations
Factorial Design

