Skip to main content
SpringerLink
Log in

Effective highlighting modes of graphical user interfaces in visual information search

  • Short Paper
  • Published:
Universal Access in the Information Society Aims and scope Submit manuscript

Abstract

This study discusses the preferred highlighting mode for graphical user interface (GUI) design. The study investigated the effects of different highlighting modes on the search time and accuracy of the element on the screen. The experimental factors were the type of highlighting (color, bold, or color and bold), the target highlighting (highlighted or not highlighted), and the number of elements on GUI (few or many). The participants had to search for a predetermined target on the screen. The evaluation measures were the reaction time and percentage correctly identified. The statistical analysis result shows that bold highlighting had the shortest search time, and color highlighting had the worst accuracy. Under the conditions of this experiment, bold highlighting should contribute to the design of the screen for an easier search of information in terms of both search speed and accuracy.

This is a preview of subscription content, log in via an institution to check access.

Access this article

Log in via an institution

Price excludes VAT (USA)
Tax calculation will be finalised during checkout.

Instant access to the full article PDF.

Institutional subscriptions

Fig. 1
Fig. 2
Fig. 3
Fig. 4

Similar content being viewed by others

References

  1. Tan, K.C., Fisher, D.L.: Highlighting and search strategy considerations in computer-generated displays. Proceedings of the Human Factors Society 31st Annual Meeting, 524-528 (1987)

  2. Fisher, D.L., Coury, B.G., Tengs, T.O., Duffy, S.A.: Minimizing the time to search visual displays: the role of highlighting. Hum. Factors 31(2), 167–182 (1989)

    Article  Google Scholar 

  3. Spoto, C.G., Babu, A.J.G.: Highlighting in alphanumeric displays: The efficacy of monochrome methods. Proceedings of the Human Factors Society 33rd Annual Meeting, 370-374 (1989)

  4. Donner, K.A., Mckay, T., O’brien, K.M., Rudisill, M.: Display format and highlighting validity effects on search performance using complex visual displays. Proceedings of the Human Factors Society 35th Annual Meeting, 374-378 (1991)

  5. Yeh, M., Wickens, C.D.: Attentional filtering in the design of electronic map displays: a comparison of color coding, intensity coding, and decluttering techniques. Hum. Factors 43(4), 543–562 (2001)

    Article  Google Scholar 

  6. Wickens, C.D., Ambinder, M.S., Alexander, A.L.: The role of highlighting in visual search through maps. Proceedings of the Human Factors and Ergonomics Society 48th Annual Meeting, 1895-1899 (2004)

  7. Helander, M.: Handbook of human-computer interaction. Elsevier, Amsterdam (1990)

    Google Scholar 

  8. Galitz, W.O.: The essential guide to user interface design: An introduction to GUI design principles and techniques, 3rd edn. Wiley, Indianapolis (2007)

    Google Scholar 

  9. Yamaoka, T.: Manufacturing attractive products logically by using human design technology: a case of Japanese methodology. In: Karwowski, W., Soares, M.M., Stanton, N.A. (eds.) Human factors and ergonomics in consumer product design: methods and techniques, pp. 21–36. CRC Press, Boca Raton (2011)

    Chapter  Google Scholar 

  10. Kickmeier-Rust, M.D., Albert, D.: Highlighting-Or why google is that successful. In A. Holzinger, K.H. Weidman (Eds.) Empowering software quality: How can usability engineering reach these goals? (pp. 45-52), Wien: sterreichische Computer Gesellschaft (2005)

  11. Griffin, A.L., Robinson, A.C.: Comparing color and leader line highlighting strategies in coordinated view geovisualizations. IEEE Trans. Vis. Comput. Gr. 21(3), 339–349 (2015)

    Article  Google Scholar 

  12. Li, L., Tseng, S., Chen, G.: Effect of hypertext highlighting on browsing, reading, and navigational performance. Comput. Hum. Behav. 54, 318–325 (2016)

    Article  Google Scholar 

  13. Jokinen, J.P.P., Wang, Z., Sarcar, S., Oulasvirta, A., Ren, X.: Adaptive feature guidance: modelling visual search with graphical layouts. Int. J. Hum.-Comput. Stud. 136, 102376 (2020)

    Article  Google Scholar 

  14. Philipsen, G.: Effects of six different highlighting modes on visual search performance in menu options. Int. J. Hum.-Comput. Interact. 6(3), 319–334 (1994)

    Article  Google Scholar 

  15. So, J.C.Y., Chan, A.H.S.: Influence of highlighting validity on dynamic text comprehension performance. Proceedings of the International MultiConference of Engineers and Computer Scientists 2009 Vol II (2009)

  16. Wang, H.: Influence of highlighting, columns, and font size on visual search performance with respect to on-screen Chinese characters. Percept. Motor Skills: Percept. 117(2), 528–541 (2013)

    Article  Google Scholar 

  17. Wang, L., Ge, L, Jiang, T., Liu, H., Li, H., Hu, X., Zheng, H.: Influence of highlighting words beneath icon on performance of visual search in tablet computer. Proceedings of International Conference on Virtual, Augmented and Mixed Reality (2015)

  18. Starke, S.D., Baber, C.: The effect of four user interface concepts on visual scan pattern similarity and information forging in a complex decision making task. Appl. Ergon. 70, 6–17 (2018)

    Article  Google Scholar 

  19. Tang, X., Yao, J., Hu, H.: Visual search experiment on text characteristics of vital sighs monitor interface. Displays 62, 101944 (2020)

    Article  Google Scholar 

  20. Strobelt, H., Oelke, D., Kwon, B.C., Schrech, T., Pfister, H.: Guidelines for effective usage of text highlighting techniques. IEEE Trans. Vis. Comput. Gr. 22(1), 489–498 (2016)

    Article  Google Scholar 

  21. Fitzsimmons, G., Weal, M.J., Drieghe, D.: The impact of hyperlinks on reading text. PLoS ONE 14(2), e0210900 (2019)

    Article  Google Scholar 

  22. Gagl, B.: Blue hypertext is a good design decision: no perceptual disadvantage in reading and successful highlighting of relevant information. Peer J. 4, e2467 (2016)

    Article  Google Scholar 

  23. Parush, A., Nadir, R., Shtub, A.: Evaluating the layout of graphical user interface screens: validation of numerical computerized model. Int. J. Hum. Comput. Interact. 10, 343–360 (1998)

    Article  Google Scholar 

  24. Riegler, A., Holzmann, C.: Measuring visual user interface complexity of mobile applications with metrics. Interact. Comput. 30(3), 207–223 (2018)

    Article  Google Scholar 

  25. Yuan, A., Li, Y.: Modeling human visual search performance on realistic webpages using analytical and deep learning methods. Proceedings of Computer Human Interaction 741,(2020)

  26. Marcus, A.: Principles of effective visual communication for graphical user interface design. Hum.-Comput. Interact.: Towar. Year 2000, 425–441 (1995)

    Google Scholar 

  27. Seong, D.S.K., Broga, J.:Usability guidelines for designing mobile learning portals. Proceedings of the 3rd international conference on Mobile technology, applications and systems, 270 (2006)

  28. Jansen, B.J.: The graphical user interface-an introduction. SIGCHI Bull. 30(2), 22–26 (1998)

    Article  Google Scholar 

  29. Cowan, N.: The magical number 4 in short-term memory: a reconsideration of mental storage capacity. Behav. Brain Sci. 24(1), 87–114 (2001)

    Article  Google Scholar 

  30. Imaizumi, T.: An introductory guide to statistical analysis —Generalized linear models for proportion data using R. J. Weed Sci. Technol. 55(4), 275–286 (2010)

    Article  Google Scholar 

  31. Niemelä, M., Saarinen, J.: Visual search for grouped versus ungrouped icons in a computer interface. Hum. Factors 42(4), 630–635 (2000)

    Article  Google Scholar 

  32. Treisman, A., Gelade, A.: A feature integration theory of attention. Cogn. Psychol. 12, 97–136 (1980)

    Article  Google Scholar 

  33. Hornof, A.J.: Cognitive strategies for the visual search of hierarchical computer displays. Hum.-Comput. Interact. 19(3), 183–223 (2004)

    Article  Google Scholar 

  34. Wickens, C.D., Gordon, S.E.: An introduction to human factors engineering. Addison Wesley Longman, Boston (1998)

    Google Scholar 

Download references

Author information

Authors and Affiliations

  1. Okayama University, 3-1-1 Tsushimanaka, Kita-ward, Okayama, 7008530, Japan

    Toshihisa Doi

Authors
  1. Toshihisa Doi
    View author publications

    You can also search for this author in PubMed Google Scholar

Corresponding author

Correspondence to Toshihisa Doi.

Additional information

Publisher's Note

Springer Nature remains neutral with regard to jurisdictional claims in published maps and institutional affiliations.

Rights and permissions

Reprints and permissions

About this article

Check for updates. Verify currency and authenticity via CrossMark

Cite this article

Doi, T. Effective highlighting modes of graphical user interfaces in visual information search. Univ Access Inf Soc 22, 111–119 (2023). https://doi.org/10.1007/s10209-021-00827-x

Download citation

  • Accepted:

  • Published:

  • Issue Date:

  • DOI: https://doi.org/10.1007/s10209-021-00827-x

Keywords

Search

Navigation