Flat Design vs Traditional Design: Comparative Experimental Study

Burmistrov, Ivan; Zlokazova, T.; Izmalkova, Anna; Леонова, А.Б.

doi:10.1007/978-3-319-22668-2_10

Cited by 27 publications

(17 citation statements)

References 10 publications

Supporting

Mentioning

Contrasting

Order By: Relevance

“…Stickel et al [23] investigated the implications of skeuomorphic vs. flat design for interface design and their findings suggest that flat design must tackle the problem of missing information due to simplification and should put careful focus on the semantics of the used elements. In addition, Burmistrov et al [24] stated that, according to their study, flat design means higher cognitive load, longer performance times and more errors and should be reconsidered using research findings and [25], in an eye tracking experiment comparing different kinds of clickability clues, argued that flat UI elements attract less attention and cause uncertainty due to weak signifiers that required more user effort. Zhang et al [26] concluded that, in their experimental study, skeuomorphic icons had higher identification accuracy and faster efficiency than flat icons.…”

mentioning

confidence: 99%

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

Spiliotopoulos

Rigou

Sirmakessis

2018

MTI

View full text Add to dashboard Cite

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.

show abstract

mentioning

confidence: 99%

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

Spiliotopoulos

Rigou

Sirmakessis

2018

MTI

View full text Add to dashboard Cite

show abstract

“…However, during the longer operational phase in which the needle insertions are executed and monitored, shorter saccades were more prevalent with A1. Saccade amplitudes depend on the type of task (Goldberg et al, 2002) and whereas longer saccades are indicators of efficient and directed search, shorter saccades imply focal processing and conscious analysis of visual information (Burmistrov et al, 2015). Whereas during early encounter with the SI the users are expected to find relevant information efficiently, the operation phase requires focused attention for issuing task related commands and monitoring the consequences.…”

Section: Discussionmentioning

confidence: 99%

Evaluation of a surgical interface for robotic cryoablation task using an eye-tracking system

Açık

Barkana

Akgun

et al. 2016

International Journal of Human-Computer Studies

View full text Add to dashboard Cite

“…Instead, they have a "flat" look without any textures, decorations, shadows, or three-dimensional elements. Flat design became popular in mobile UI and icon design [18] and despite of the fact that study results shows a higher cognitive load for searching flat icons [19], we stick to flat design in the first appraoch since we have use cases in mind, where the comics are incoporated into mobile applications. Table 1 gives an overview of the shapes we selected to reflect the different types of elements in the Quantified Self PROV model [6].…”

Section: Shapesmentioning

confidence: 99%

Visualizing the Provenance of Personal Data Using Comics

Schreiber

Struminski

2018

Computers

View full text Add to dashboard Cite

Personal health data is acquired, processed, stored, and accessed using a variety of different devices, applications, and services. These are often complex and highly connected. Therefore, use or misuse of the data is hard to detect for people, if they are not capable to understand the trace (i.e., the provenance) of that data. We present a visualization technique for personal health data provenance using comic strips. Each strip of the comic represents a certain activity, such as entering data using a smartphone application, storing or retrieving data on a cloud service, or generating a diagram from the data. The comic strips are generated automatically using recorded provenance graphs. The easy-to-understand comics enable all people to notice crucial points regarding their data such as, for example, privacy violations.

show abstract

Flat Design vs Traditional Design: Comparative Experimental Study

Cited by 27 publications

References 10 publications

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

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

Evaluation of a surgical interface for robotic cryoablation task using an eye-tracking system

Visualizing the Provenance of Personal Data Using Comics

Contact Info

Product

Resources

About