Effects of background colour, polarity, and saturation on digital icon status recognition and visual search performance

Ergonomics. 2024 Mar;67(3):433-445. doi: 10.1080/00140139.2023.2226849. Epub 2023 Jun 29.

Abstract

Visual design form is an important factor affecting users' cognition of icons, which plays an important role in visual search and the perception of the status shown by icons. In the graphical user interface, the icon colour is regularly used to indicate the running state of a function. The aim of this study was to investigate the effects of icon colour features on user perception and visual search performance under different background colours. There were three independent variables in the study, including background colour (white and black), icon polarity (positive and negative), and icon saturation (60, 80, and 100%). Thirty-one participants were recruited for the experiment. Task performance and eye movement results indicated that white background as well as positive polarity and 80% saturation icons brought the best performances. The findings of this study provide useful guidelines for designing more efficient and user-friendly icons and interfaces in the future.Practitioner summary: This study was to investigate the effects of icon colour features (polarity and saturation) on user perception and visual search performance under different colour backgrounds. Task performance and eye movement results indicated that white background as well as positive polarity and 80% saturation icons brought the best performances.

Keywords: Display polarity; icon polarity; icon saturation; visual search.

MeSH terms

  • Cognition*
  • Color
  • Eye Movements*
  • Humans
  • Recognition, Psychology