How do app icon color and border shape influence visual search efficiency and user experience? Evidence from an eye-tracking study

Icon color and icon border shape are two key factors that affect search efficiency and user experience but have previously been studied separately. This study aimed to ascertain their separate and combined effects on smartphone interfaces. We conducted an experiment using eye tracking in addition to...

Full description

Saved in:
Bibliographic Details
Published in:International journal of industrial ergonomics 2021-07, Vol.84, p.103160, Article 103160
Main Authors: Liu, Weilin, Cao, Yaqin, Proctor, Robert W.
Format: Article
Language:English
Subjects:
App icon
Border shape
Cognitive ability
Color
Efficiency
Energy efficiency
Eye
Eye movements
Eye-tracking
Icons
Interfaces
Searching
Smartphones
Software
Tracking
User experience
User interfaces
Visual perception
Citations: Items that this one cites
Items that cite this one
Online Access:Get full text
Tags: Add Tag
No Tags, Be the first to tag this record!
Description
Summary:Icon color and icon border shape are two key factors that affect search efficiency and user experience but have previously been studied separately. This study aimed to ascertain their separate and combined effects on smartphone interfaces. We conducted an experiment using eye tracking in addition to performance and experience measures to understand the effects of app icon color and border shape on visual efficiency and user experience. The results identified both features as essential attributes with interactive effects in the process of searching app icons on a smartphone interface. The study confirmed that varied colors across icons and a rounded square border shape helped to improve search efficiency, decrease cognitive effort, and lead to a more positive user experience. Users of smartphones are often confronted with the problem of selecting a single app from a great number of apps. Visual design of app icons plays a key role in influencing visual search efficiency and user experience. The results of this study have implications for designing app icons on the interface of smartphones to improve search efficiency and elicit positive user experience. •Color and border shape are two important attributes of app icons.•This paper studied how color and border shape influence user performance and experience.•An eye tracker experiment was conducted.•Varied colors and rounded square border shape were recommended.
ISSN:0169-8141
1872-8219
DOI:10.1016/j.ergon.2021.103160