Contrastive Analysis on Emotional Cognition of Skeuomorphic and Flat Icon

Conference paper
Part of the Lecture Notes in Electrical Engineering book series (LNEE, volume 417)


In the field of designs of interface and icons, as the skeuomorphism style fades out in use while the flat design tends to be popular, research on which visual form accords to user’s emotional cognition and future direction of design development has been the hot spot. In this paper, general mobile devices are taken as sample, data statistics and comparative evaluation are conducted via questionnaire survey and discriminant analysis. The identification process of users to use skeuomorphism and flat design and their emotional cognition are analyzed. In this experiment, the identification accuracy of the icon, cognition validity, and degree of emotion arousal as well as the emotion validity are compared. The impact factor that reaches the best user experience is summarized. Finally, based on the guidance of acquired conclusion, an available icon is designed.


Flattening Skeuomorphism Emotion Cognition User experience 



This work is funded by National Key Technology Research and Development Program of the Ministry of Science and Technology of China (2012BAH91F03).


  1. 1.
    Yu, T (2011). Humanized interaction design on icons of smartphone user interface. Packaging Engineering. 24, 73–83.Google Scholar
  2. 2.
    Luo, S.J, Zhou, Y.X (2015). Effects of smartphone icon background shapes and figure/background area ratios on visual search performance and user preferences. Frontiers of Computer Science. 5, 751–764.Google Scholar
  3. 3.
    Fan, M.Y (2014). Analysis of using color in mobile application UI design. China Science & Technology Panorama Magazine. 8, 44–45.Google Scholar
  4. 4.
    Gao, P, Yang, Z (2014). On the flattening and skeuomorphism of UI design. The fine arts education research. 10, 60.Google Scholar
  5. 5.
    Aeron Charline (2013). Visual Search. Onym Press, 1–2.Google Scholar
  6. 6.
    Zhang, J (2008). Emotional arousal and aesthetic expression. Theoretical studies in literature and art. 2, 99–105.Google Scholar
  7. 7.
    P.H. Bloch (1995). Seeking the ideal form: product design and consumer response. Journal of Marketing. 3, 16–29.Google Scholar
  8. 8.
    D.A. Norman (2014). Introduction to this special section on beauty, goodness, and usability. Human-Computer Interaction. 4, 311–318.Google Scholar
  9. 9.
    Ding, Y, Wang, Y.P (2005). Emotional Information stimulation on visual cognitive processes. Chinese Journal of Clinical Rehabilitation. 28, 152–155.Google Scholar
  10. 10.
    Donald Norman (2010). Emotional Design. China CTTIC Press. 5.Google Scholar
  11. 11.
    Paul Ekman (1999). Basic Emotions. 45–57.Google Scholar

Copyright information

© Springer Nature Singapore Pte Ltd. 2017

Authors and Affiliations

  1. 1.School of Media and DesignHangzhou Dianzi UniversityZhejiangChina

Personalised recommendations