Skip to main content
Springer Nature Link
Log in

The Influence of Different Style of Icons on Users’ Visual Search in Touch Screen Interface

  • Conference paper
  • First Online:
Advances in Ergonomics in Design (AHFE 2017)

Part of the book series: Advances in Intelligent Systems and Computing ((AISC,volume 588))

Included in the following conference series:

Abstract

Touch screen interface design directly affects user’s understanding and operation to interface. In human-computer interaction, users find the target icon by visual searching, so visual search is the most important process. There are many kinds of interface style in modern interface design. This paper take four different icon styles as research object: such as line style, Metro style, flat style and skeuomorphism style. By the eye movement experiment about visual research, we arrival at conclusions as follows: In visual search tasks, there is different efficiency in different icon styles; Users have the highest search efficiency in abstract icons such as line style icons and Metro style icons, second in flat icons, and the lowest in skeuomorphism icons. Finally we can conclude differences in visual search. Using the users’ visual search habits as interface design accordance, can improve user experience of human-machine interaction.

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

Access this chapter

Log in via an institution

Subscribe and save

Springer+ Basic
$34.99 /Month
  • Get 10 units per month
  • Download Article/Chapter or eBook
  • 1 Unit = 1 Article or 1 Chapter
  • Cancel anytime
Subscribe now

Buy Now

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Similar content being viewed by others

References

  1. Minghai, S., Haoxiang, T.: Application of flat style in the design of mobile phone UI. J. Design (7), 34–35 (2016). (in Chinese)

    Google Scholar 

  2. Zhenglin, W.: The idea and direction of UI design: take windows UI for example. J. Decor. (02), 138–139 (2015). (in Chinese)

    Google Scholar 

  3. Sheng, Z.: Aesthetic discussion of flat UI style design. J. Art Panor. (6), 121 (2014). (in Chinese)

    Google Scholar 

  4. Feng, Z., Shuang, L.: The development trend research on user interface of mobile phone. J. Design (5), 134–135 (2016). (in Chinese)

    Google Scholar 

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

    Article  Google Scholar 

  6. Sheree, J., Michael, E.H.: Visual attention to repeated internet images: testing the scanpath theory on the world wide web. In: Proceedings of the Symposium on ETRA 2002: Eye Tracking Tesearch and Applications Symposium, pp. 43–49; 112–120. ACM, New Orleans (2002)

    Google Scholar 

  7. Yarbus, A.L.: Eye Movements and Vision. Plenum Press, New York (1967)

    Book  Google Scholar 

  8. Wickens, C.D., Hollands, J.G.: Engineering Psychology & Human Performance. Taylor and Francis, Engelska (2015)

    Google Scholar 

  9. Williams, D.E., Reingold, E.M., Moscovitch, M., Behrmann, M.: Patterns of eye movements during parallel and serial visual search tasks. Can. J. Exp. Psychol. 51, 151–164 (1997)

    Article  Google Scholar 

  10. Posner, M.I., Cohen, Y.: Components of Visual Orienting, pp. 531–556. Erlbaum, Hillsdale (1984)

    Google Scholar 

  11. Godijn, R., Theeuwes, J.: Inhibition-of-return and coulometer interference. J. Vis. Res. 44(12), 1485–1492 (2004)

    Article  Google Scholar 

  12. Tagare, H.D., Toyama, K., Wang, J.G.: A maximum-likelihood strategy for directing attention during visual search. IEEE Trans. Pattern Anal. Mach. Intell. 23(5), 490–500 (2001)

    Article  Google Scholar 

  13. Young, L., Sheena, D.: Methods & designs: survey of eye movement recording methods. J. Behav. Res. Methods Instrum. 7(5), 224–397 (1975)

    Google Scholar 

  14. Dewar, R.E., Olson, P.L.: Human Factor in Traffic Safety. Lawyers and Judges Publishing Company, Inc., Tucson (2001)

    Google Scholar 

Download references

Acknowledgments

This work was supported by Research Funds for the Central Universities (Grant No. 2016B55014), Graduate Innovation Project of Hohai University (Grant No. SJLX16_0211), Fundamental Research Funds for the Central Universities (Grant No. 2015B22714), the National Nature Science Foundation of China (Grant No. 71601068, 61603123), and science and technology projects of Changzhou (CJ20140033).

Author information

Authors and Affiliations

  1. College of Mechanical and Electrical Engineering, Hohai University, Changzhou, 213022, Jiangsu, China

    Tianyang Xi & Xiaoli Wu

  2. Institute of Industrial Design, Hohai University, Changzhou, 213022, Jiangsu, China

    Xiaoli Wu

Authors
  1. Tianyang Xi
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Xiaoli Wu
    View author publications

    You can also search for this author in PubMed Google Scholar

Corresponding author

Correspondence to Tianyang Xi .

Editor information

Editors and Affiliations

  1. Faculdade de Motricidade Humana, Universidade de Lisboa, Cruz Quebrada, Portugal

    Francisco Rebelo

  2. Federal University of Pernambuco, Recife, Pernambuco, Brazil

    Marcelo Soares

Rights and permissions

Reprints and permissions

Copyright information

© 2018 Springer International Publishing AG

About this paper

Cite this paper

Xi, T., Wu, X. (2018). The Influence of Different Style of Icons on Users’ Visual Search in Touch Screen Interface. In: Rebelo, F., Soares, M. (eds) Advances in Ergonomics in Design. AHFE 2017. Advances in Intelligent Systems and Computing, vol 588. Springer, Cham. https://doi.org/10.1007/978-3-319-60582-1_22

Download citation

  • DOI: https://doi.org/10.1007/978-3-319-60582-1_22

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-319-60581-4

  • Online ISBN: 978-3-319-60582-1

  • eBook Packages: EngineeringEngineering (R0)

Publish with us

Policies and ethics