The effect of icon color gradient features on users’ visual search efficiency

This study explored the influence of different colour gradients and colour area icons on user visual efficiency through a visual search task experiment with 35 participants involved. The results showed that the colour gradient slope and colour area of the icon significantly affected the visual search efficiency. Icons with high colour gradient slope had the highest search accuracy and shortest search time, whereas icons with low- and medium-slope differed only in search time. Icons with different colour areas affected the participants' search accuracy, and the accuracy rate of the graphic area was higher than that of the background area. In addition, the effect of the colour gradient slope on the search time was significant when the colour gradient was in the graphic area.<b>Practitioner Summary:</b> icons with a higher colour gradient slope and a coloured graphic area performed better in the visual search. These findings can provide clues for icon design.

Authors

Institutions

Publication Details

Journal
Ergonomics
Published
2025-03-20
DOI
https://doi.org/10.1080/00140139.2025.2479867
Citations
2
Primary Topic
Color perception and design
Type
article
Field-Weighted Citation Impact
4.88

Funders

Controls
|||
ALL TIME
JAN
FEB
MAR
APR
MAY
JUN
JUL
AUG
SEP
OCT
article

The effect of icon color gradient features on users’ visual search efficiency

Junyu Yang, Yanqun Huang, Z. X. Meng, Jutao Li et al.
2 citations
Ergonomics
Color perception and design
4.88
article

The effect of icon color gradient features on users’ visual search efficiency

Junyu Yang, Yanqun Huang, Z. X. Meng, Jutao Li, Fangbin Hao, Hechen Zhang
article en
2 citations

Abstract

This study explored the influence of different colour gradients and colour area icons on user visual efficiency through a visual search task experiment with 35 participants involved. The results showed that the colour gradient slope and colour area of the icon significantly affected the visual search efficiency. Icons with high colour gradient slope had the highest search accuracy and shortest search time, whereas icons with low- and medium-slope differed only in search time. Icons with different colour areas affected the participants' search accuracy, and the accuracy rate of the graphic area was higher than that of the background area. In addition, the effect of the colour gradient slope on the search time was significant when the colour gradient was in the graphic area.<b>Practitioner Summary:</b> icons with a higher colour gradient slope and a coloured graphic area performed better in the visual search. These findings can provide clues for icon design.

ErgonomicsVol. 69(4)
Tianjin University of Sport (CN), Tianjin University (CN), Tianjin Renai College
National Natural Science Foundation of China
Openalex Percentile: Top 7%
Color perception and design
4.88
AI Navigator

Ask Laika to Summarize, Analyze, and Connect papers live on the map.

Summarize Papers & Methodologies

Extract key findings, datasets, and comparative methods across publications.

Benchmark Rankings & Visual Analytics

Rank top research institutions, authors, funders, topics, and journals by Field-Weighted Citation Impact (FWCI) and paper volume with instant charts.

Connect Distant Disciplines

Bridge topological clusters on the map to find hidden collaborative intersections.