Skeuomorphism and Flat Design: Evaluating Users’ Emotion Experience in Car Navigation Interface Design

  • Lei WuEmail author
  • Tian Lei
  • Juan Li
  • Bin Li
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 9186)


To study the difference of users’ emotion experience between skeuomorphism and flat design, based on kansei engineering, cognitive psychology and human factors theory, we conducted a semantic differential (SD) experimental study in car navigation interface. The independent variables in this study was the visual representation method (VRM). The dependent variable were user experience rating (UER) and artificial texture rating (ATR). The main findings of this study are as follows: (1) we find that the users’ emotion experience is mainly made up of stylization cognition factor (SCF), emotional cognitive factor (ECF) and the decorative cognitive factor (DCC); (2) The artificial texture rating (ATR) has a significant effect on user experience rating (UER). The research results can help designers to deeply understand the difference of user emotional impact between skeuomorphism and flat design, which could guide the designers better to design the car navigation interface.


User experience Emotion Interface design Skeuomorphism design Flat design 



The research financial supports from the Fundamental Research Funds for the Central Universities HUST: (2014QN017) and (2013QN011).


  1. 1.
    Mullay: IBM real things. In: CHI 1998 Conference Summary on Human Factors in Computing Systems, pp. 13–14. ACM Press, New York (1998)Google Scholar
  2. 2.
    Norman, D.: Affordances and design. Unpublished Article (2004)
  3. 3.
    Morson, S.: Learn Design for IOS Development, pp. 29–38. Apress, New York (2013)Google Scholar
  4. 4.
    Gruman, G.: iOS 7: The “Just What You Need” Book: What’s New in iOS 7 for the iPhone® and iPad®. The Zango Group, San Francisco (2013)Google Scholar
  5. 5.
    Setlur, V., Albrecht‐Buehler, C., Gooch, A., Rossoff, S., Gooch, B.: Semanticons Visual metaphors as file icons. Comput. Graphics Forum 24(3), 647–656 (2005). Blackwell Publishing, Inc., Oxford CrossRefGoogle Scholar
  6. 6.
    Saffer, D.: The role of metaphor in interaction design, pp. 3–7. Dissertation, Carnegie Mellon University (2005)Google Scholar
  7. 7.
    Hou, K.-C., Ho, C.-H.: A preliminary study on aesthetic of apps icon design. IASDR (2013)Google Scholar
  8. 8.
    Stevens, J.E., Robinson, A.C., MacEachren, A.M.: Designing map symbols for mobile devices: challenges, best practices, and the utilization of skeuomorphism. In: Proceedings of the 26th International Cartographic Conference, Dresden, Germany, pp. 25–30 (2013)Google Scholar
  9. 9.
    Schneidermeier, T., Hertlein, F., Wolff, C.: Changing paradigm – changing experience? In: Marcus, A. (ed.) DUXU 2014, Part I. LNCS, vol. 8517, pp. 371–382. Springer, Heidelberg (2014)Google Scholar
  10. 10.
    Xenakis, I., Arnellos, A.: The relation between interaction aesthetics and affordances. Des. Stud. 34(1), 57–73 (2013)CrossRefGoogle Scholar
  11. 11.
    Pucillo, F., Cascini, G.: A framework for user experience, needs and affordances. Des. Stud. 35(2), 160–179 (2014)CrossRefGoogle Scholar
  12. 12.
    Nagamachi, M.: Kansei/Affective engineering and history of kansei/affective engineering in the world. Kansei/Affective Engineering, Florida (2010)CrossRefGoogle Scholar

Copyright information

© Springer International Publishing Switzerland 2015

Authors and Affiliations

  1. 1.Department of Industry DesignHuazhong University of Science and TechnologyWuhanPeople’s Republic of China
  2. 2.Department of Art and DesignHuaxia College, Wuhan University of TechnologyWuhanPeople’s Republic of China
  3. 3.School of Mechanical Science and EngineeringHuazhong University of Science and TechnologyWuhanPeople’s Republic of China

Personalised recommendations