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

  • Tianyang XiEmail author
  • Xiaoli Wu
Conference paper
Part of the Advances in Intelligent Systems and Computing book series (AISC, volume 588)


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.


Icon style Visual search Eye movement 



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).


  1. 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. 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. 3.
    Sheng, Z.: Aesthetic discussion of flat UI style design. J. Art Panor. (6), 121 (2014). (in Chinese)Google Scholar
  4. 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. 5.
    Treisman, A.M., Gelade, G.: A feature-integration theory of attention. Cogn. Psychol. 12, 97–136 (1980)CrossRefGoogle Scholar
  6. 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. 7.
    Yarbus, A.L.: Eye Movements and Vision. Plenum Press, New York (1967)CrossRefGoogle Scholar
  8. 8.
    Wickens, C.D., Hollands, J.G.: Engineering Psychology & Human Performance. Taylor and Francis, Engelska (2015)Google Scholar
  9. 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)CrossRefGoogle Scholar
  10. 10.
    Posner, M.I., Cohen, Y.: Components of Visual Orienting, pp. 531–556. Erlbaum, Hillsdale (1984)Google Scholar
  11. 11.
    Godijn, R., Theeuwes, J.: Inhibition-of-return and coulometer interference. J. Vis. Res. 44(12), 1485–1492 (2004)CrossRefGoogle Scholar
  12. 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)CrossRefGoogle Scholar
  13. 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. 14.
    Dewar, R.E., Olson, P.L.: Human Factor in Traffic Safety. Lawyers and Judges Publishing Company, Inc., Tucson (2001)Google Scholar

Copyright information

© Springer International Publishing AG 2018

Authors and Affiliations

  1. 1.College of Mechanical and Electrical EngineeringHohai UniversityChangzhouChina
  2. 2.Institute of Industrial DesignHohai UniversityChangzhouChina

Personalised recommendations