Legibility of Small Icons with Color Combinations in Small Displays

Abstract

The present study explored the effects of figure/ground color combinations on legibility of small icons. This experiment used a 2 (icon size) x 3 (icon hue) x 3 (icon saturation) x 3 (background hue) x 3 (background saturation) x 2 (luminance contrast) factorial design. Legibility was investigated by response time of subjects to icons with different factors that affect discrimination. 11 undergraduate students from the National Formosa University in Taiwan were recruited to participate in the experiment. Their mean age was 21.8 yr. (SD = 3.3). Analysis also showed that Icon Size x Luminance Contrast, Background Hue x Luminance Contrast, and Background Saturation x Luminance Contrast significantly affected response time. The results suggested that the higher Luminance Contrast could promote icon legibility but not the icon chromaticity or background chromaticity.

Get full access to this article

View all access options for this article.

References

Bullimore

M. A.

Fulton

F. J.

(1991) Assessment of visual performance. In Wilson

J. R.

Corlett

E. N.

(Eds.), Evaluation of human work. London: Taylor & Francis. Pp. 648–681.

Caird

J. F.

Wheat

McIntosh

K. R.

Dewar

R. E.

(1997) The comprehensibility of airline safety card pictorials. In Proceedings of the Human Factors and Ergonomics Society 41st Annual Meeting, Santa Monica. Pp. 801–805.

Camgoz

Yener

Guvenc

(2002) Effects of hue, saturation, and brightness on preference. Color Research and Application, 27, 199–207.

Christ

R. E.

(1975) Review and analysis of color coding research for visual displays. Human Factors, 17, 542–570.

Cobb

P. W.

Moss

F. K.

(1928) The four variables in the visual threshold. Franklin Institute Journal, 205, 8–31.

Cushman

W. H.

Rosenberg

D. J.

(1991) Human factors in product design. Amsterdam: Elsevier.

Dewar

R. E.

(1976) The slash obscures the symbol on prohibitive traffic signs. Human Factors, 18, 253–258.

Hall

R. H.

Hanna

(2004) The impact of web page text-background color combinations on readability, retention, aesthetics and behavioral intention. Behavior & Information Technology, 23, 183–195.

Huang

(2005) A study of hue identification in the hue circle of the HSB color space. Perceptual and Motor Skills, 100, 1143–1154.

10.

Huang

(2006) A study of reading time and viewer preferences for a variety of character-background chromaticity combinations for small traditional Chinese characters. Perceptual and Motor Skills, 103, 887–895.

11.

ISO 9241-3. (1992) Ergonomic requirements for office work with visual display terminals (VDTs). Part 3: Visual display requirements. Geneva, Switz.: International Organization for Standardization.

12.

Knoblauch

Arditi

Szlyk

(1991) Effects of chromatic and luminance contrast on reading. Journal of the Optical Society of America, 8, 428–439.

13.

Lin

(2005) Effects of screen luminance combination and text color on visual performance with TFT-LCD. International Journal of Industrial Ergonomics, 35, 229–235.

14.

Lippert

T. M.

(1986) Color-difference prediction of legibility performance for CRT raster imagery. SID Digest of Technical Papers, XVI, 86–89.

15.

MacDonald

L. W.

(1999) Using color effectively in computer graphics. IEEE Computer Graphics and Applications, 20–35. [Color Tutorial]

16.

Montgomery

D. C.

(1996) Design and analysis of experiments. New York: Wiley.

17.

Pastoor

(1990) Legibility and subjective preference for color combinations in text. Human Factors, 32, 157–171.

18.

Sherr

(1979) Electronic displays. New York: Wiley.

19.

Shieh

Chen

M. T.

(1997) Effects of screen color combination, work-break schedule, and workplace on VDT viewing distance. International Journal of Industrial Ergonomices, 20, 11–18.

20.

Shieh

Huang

(2004) Effects of pictorial size and circle-slash thickness on glance legibility. International Journal of Industrial Ergonomics, 33, 73–83.

21.

Spenkelink

Besuijen

(1996) Chromaticity contrast, luminance contrast, and legibility of text. Journal of the Society for Information Display, 4, 135–144.

22.

Synder

H. L.

(1988) Image quality. In Helander

(Ed.), Handhook of human-computer interaction. Amsterdam: Elsevier Science. Pp. 437–474.

23.

Widdle

Post

D. L.

Grossman

J. D.

Walraven

(1992) Color in electronic displays. New York: Plenum.