A Comparative Study of Skeuomorphic and Flat Design from a UX Perspective

• Published in: Multimodal technologies and interaction 2018-06, Vol.2 (2), p.31
• Main Authors: Spiliotopoulos, Konstantinos, Rigou, Maria, Sirmakessis, Spiros
• Format: Article
• Language: English
• Subjects: Cognitive ability; Comparative studies; Completion time; Computer engineering; Design; Dictionaries; effectiveness; Encyclopedias; Equivalence; eye tracking; flat design; Human-computer interaction; Hypotheses; Informatics; International conferences; meCUE; Metaphor; recall; skeuomorphic design; SUS; Usability; User experience; User interface; User interfaces; Websites
• ISSN: 2414-4088; 2414-4088
• DOI: 10.3390/mti2020031

A key factor influencing the effectiveness of a user interface is the usability resulting from its design, and the overall experience generated while using it, through any kind of device. The two main design trends that prevail in the field of user interface design is skeuomorphism and flat design. Skeuomorphism was used in UI design long before flat design and it is built upon the notion of metaphors and affordances. Flat design is the main design trend used in most UIs today and, unlike skeuomorphic design, it is considered as a way to explore the digital medium without trying to reproduce the appearance of the physical world. This paper investigates how users perceive the two design approaches at the level of icon design (in terms of icon recognizability, recall and effectiveness) based on series of experiments and on data collected via a Tobii eye tracker. Moreover, the paper poses the question whether users perceive an overall flat design as more aesthetically attractive or more usable than a skeuomorphic equivalent. All tested hypotheses regarding potential effect of design approach on icon recognizability, task completion time, or number of errors were rejected but users perceived flat design as more usable. The last issue considered was how users respond to functionally equivalent flat and skeuomorphic variations of websites when given specific tasks to execute. Most tested hypotheses that website design affects task completion durations, user expected and experienced difficulty, or SUS (System Usability Scale) and meCUE questionnaires scores were rejected but there was a correlation between skeuomorphic design and increased experienced difficulty, as well as design type and SUS scores but not in both websites examined.