Flat design vs. skeuomorphism

Default avatar.
January 22, 2013
Flat design vs. skeuomorphism.

ThumbIt seems that there has been a line drawn in the sand. A few brave design pioneers have all but denounced skeuomorphic design as yesterday’s news and have voted it off of the proverbial island.

Are we witnessing the turning point of design as we know it, or are these champions simply jumping an imaginary bandwagon?

Let’s take a closer look at the two biggest styles in 2013…

What is flat design?

In plain terms, flat design is a style of interface that doesn't employ any three dimensional realism. Windows 8 is the perfect example, being, as it is, entirely flat.

Flat design advocates consider the leather strip across the top of your iPhone's screen in the Notepad app, or the debossed lines in the Reminders app, as examples of skeuomorphism; they are examples of translating features from one discipline to another. Flat design employs no gradients, bevels or shadows to simulate three dimensional design (as screens are two dimensional).

Flat design

Microsoft's flat design for Windows 8.

Flat design is currently being championed as the revolution that web design has been waiting for: an honest approach to screen-based design. However, flat design is not a new concept; many interfaces have employed a flat design aesthetic for years, Google to name one; Facebook to name another. Is this the key to their success? Is this style easier to use and therefore, better?

Isn't skeuomorphism better?

If our job as designers is to make technologies user-friendly, then why not make them familiar? And as designers we have a responsibility to make interfaces more familiar to all users, not just the most cutting edge techies.

Why not make the notepad look like a legal pad if that will help your average tech user to understand the concept of the application in one glance? (Bear in mind that the average tech user is getting older and technologies are being utilized by the masses en force these days.)

Skeuomorphic design

Apple's skeuomorphic design.

To strip away these familiar elements is stripping valuable teaching tools away from the less inclined, average user.

Summing up

When I sit down to design an interface, I ask myself, who am I serving? In some cases, a flat, sleek, modern design is in order, such as an interface that is developed for a tech-savvy project manager looking for a great tool. However, to claim that flat design is what design needs in general is a somewhat narrow opinion that leaves the less experienced users watching from the sidelines. Some users only recognize a button because it looks like its real-world equivalent.

At the time of writing, there has been precious little research conducted on the differential effectiveness of flat design versus skeuomorphic design. As a divide grows between the two schools of thought, it will be interesting to see which approach reveals itself to be more useable.

One thing is for sure: you're going to read a lot more about the debate in the next few months.

Are you a flat design advocate? Do you feel skeuomorphic design helps familiarize users with an interface? Let us know your views in the comments.

Featured image/thumbnail, flat image via Shutterstock.

Mike Redaelli

Mike designs high-grade graphics for entrepreneurs & developers. He is also a freelance writer, which should be rather obvious at this point. Connect with him at www.mikeredaelli.com.

Read Next

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…

10+ Best Resources & Tools for Web Designers (2024 update)

Is searching for the best web design tools to suit your needs akin to having a recurring bad dream? Does each…

3 Essential Design Trends, April 2024

Ready to jump into some amazing new design ideas for Spring? Our roundup has everything from UX to color trends…

How to Plan Your First Successful Website

Planning a new website can be exciting and — if you’re anything like me — a little daunting. Whether you’re an…

15 Best New Fonts, March 2024

Welcome to March’s edition of our roundup of the best new fonts for designers. This month’s compilation includes…

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…

20 Best New Websites, March 2024

Welcome to our pick of sites for March. This month’s collection tends towards the simple and clean, which goes to show…

Exciting New Tools for Designers, March 2024

The fast-paced world of design never stops turning, and staying ahead of the curve is essential for creatives. As…

Web Tech Trends to Watch in 2024 and Beyond

It hardly seems possible given the radical transformations we’ve seen over the last few decades, but the web design…