A Comparative Study of Skeuomorphic and Flat Design from a UX Perspective
Open Access
- 4 June 2018
- journal article
- research article
- Published by MDPI AG in Multimodal Technologies and Interaction
- Vol. 2 (2), 31
- https://doi.org/10.3390/mti2020031
Abstract
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.Keywords
This publication has 5 references indexed in Scilit:
- Effect of avatars and viewpoints on performance in virtual world: efficiency vs. telepresenceEAI Endorsed Transactions on Creative Technologies, 2014
- Two Typical Symbols in Human-Machine Interactive InterfaceApplied Mechanics and Materials, 2014
- Skeuomorphism or flat design: future directions in mobile device User Interface (UI) design educationInternational Journal of Mobile Learning and Organisation, 2014
- Usability, aesthetics and emotions in human–technology interactionInternational Journal of Psychology, 2007
- Beyond the five-user assumption: Benefits of increased sample sizes in usability testingBehavior Research Methods, Instruments & Computers, 2003