Has flat design gone too far?

Default avatar.
December 23, 2014
Has flat design gone too far?.
These days, it seems, you can’t turn anywhere on the web without hearing about or directly encountering flat design in some way, shape or form. What started out as a mere design trend just a couple of years ago is now clearly a mainstream design aesthetic that’s a force to be reckoned with. You can thank, in part, big tech companies who’ve adopted this design in their new products and services. Microsoft has gone flat in a big way, as has social networking site, Twitter. Were it not for these tech darlings’ embrace of the flat aesthetic, you probably wouldn’t be hearing about it as much as you are today. In spite of this, if you have even a bit of healthy skepticism in you, you have to be asking yourself, “Is flat design really for real, or is it somewhat overhyped?” As is the case with every trend or fad, there simply comes a time when it gets too overexposed and, thus, excessive, which creates a warranted and overdue backlash. In this article, we’ll go against the grain and explore the drawbacks of flat design at a time when many are still singing its praises.

Problems with affordances

Affordances are extremely important in web design. Let’s define what affordances mean: Essentially, they’re the relationships between the user and an object or icon that allow for the possibility that said user can perform an action. Flat design can make it somewhat challenging for the user to consistently understand that they’re seeing things (like buttons) which they can click on to make something happen. Of course, that was the trade-off for dropping a design aesthetic like skeuomorphism, which made affordances more noticeable due to the use of drop shadows, gradients and other effects. Nonetheless, many users began to feel that the grandiosity of skeuomorphism—with its ornamental design structure and focus on making icons and objects appear closer to how they would in real life—was too excessive. In addition, they had a whole litany of additional complaints, too:
  • Skeuomorphic designs take up more screen space;
  • Skeuomorphic designs complicate interface design standards;
  • Skeuomorphic designs fail to accurately include numeric feedback;
  • Skeuomorphic designs only worsen the cognitive load and visual noise;
  • Skeuomorphic designs limit design creativity by restricting design to the physical likeness of objects and icons.
So after the resignation of Apple’s Scott Forstall, who led the company’s software development for the iPad and iPhone in 2012, skeuomorphism officially dropped off the radar in a big way. The guy who replaced him, Jonathan Ive, was never a big fan of skeuomorphism and advocated a simpler (read: flatter) design at Apple. And that’s how flat got its start in a more mainstream way. However, if you think about it, it can sometimes be hard to find out where to click on a button or an icon because of the affordances problem with flat design. To illustrate this point, check out Menagerie. This otherwise excellent ecommerce site features flat “add to cart” buttons that could be confusing for the first-time e-commerce shopper. You can easily see how some novice (or just inattentive) users may not understand what to do with the calls to action. menagerie

The use of color misses the mark

Flat design’s great if you enjoy looking at a broad range of colors or have the ability to look at a broad range of colors. The bold and vibrant colors that have come to typify flat design are most definitely appealing…unless you’re colorblind. While this may seem like a trivial bone to pick, it’s actually not: According to Color Blind Awareness, a community-interest company doing non-profit work, almost 10% of the world’s population is in fact colorblind. The vast majority of colorblind people are males. While many females won’t have difficulties appreciating flat design (only about 1 in 200 women across the world are colorblind), a significant chunk of the male browsing demographic won’t even be able to appreciate the bold and striking use of color in flat design. Since this design aesthetic relies so much on color, it creates a greater problem in this regard than any other design technique. You can see why flat design’s over-reliance on color can create huge problems for colorblind users. For one thing, color contrast is frequently used to indicate clickable areas, like calls to action, which are going to go unnoticed by those who can’t see color. For these people, the skeuomorphic technique of over-reliance on 3D indicators—like drop shadows and gradients, for instance—would be more helpful and effective. In addition, designers going flat have to take extra precautions when designing…if they want to include colorblind people in the mix. They have to understand that some color combinations—like red and blue, yellow and blue—are usually easier for those stricken with colorblindness. As such, this will ultimately prove limiting from a design standpoint, and…how many designers would even be willing to show this consideration for only 10% of the world’s population? More power to those few designers who would go the extra effort for the colorblind community, but when a relatively small demographic (a minority) has a problem with a particular design, then it usually will take widespread, public pressure to force changes. I don’t see that happening anytime soon for the colorblind community on the web, though.

An increasing lack of creativity

The thing about flat design is that it’s becoming so popular now that it seems like almost everyone’s website features elements of the style. When a trend gets so mainstream that many companies and even newspaper sites are copying it, that tends to stifle and ultimately kill creativity. This development is ironic because one of the biggest arguments that proponents of flat had going for them was that skeuomorphism was limiting creativity due to its style. For instance, check out designer Paul Yeaton’s website. This flat design features include large typography, a rectangular call to action button, and a white-on-dark background contrast and color scheme. yeaton Now look at the website of HARBR, a digital agency. It features large typography, a rectangular call to action button…and a white-on-dark background contrast and color scheme, too! harbr Alright, how about the website of Whole & Simply, another digital agency? Surely, this one has to be a little different. Okay, it’s got large typography, a rectangular call to action button… and a white-on-dark background contrast and color scheme. Hey, wait a second here! wholeandsimply As you can see, when too many companies and brands begin to rely on flat design for their websites, it gets harder and harder to really appreciate this approach to design. After all, when it’s nearly everywhere, that turns into overexposure; and when something’s overexposed, it tends to lose the appeal that originally catapulted it to popularity.

Flat design, too much?

When flat design was still fresh a couple of years ago, it was easy to believe that it was a breath of fresh air. After all, at the time, it was. It ushered in a design aesthetic that was based on minimalism and the rejection of everything that was excessive and bloated. Since it’s gotten so popular, though, it’s almost like it has become what it was supposed to get rid of. Of course, that’s not to say that flat design is anywhere near as overdone as skeuomorphism was a few years ago. Rather, it’s approaching levels of overexposure that can create a backlash in users, some of whom were initially quite enthusiastic about flat design. On top of that, flat design does have some functional problems, to be sure. Affordances get tricky, especially when dealing with call to action buttons and icons. That doesn’t help the user experience in some cases. Although flat also espouses the use of bright and bold colors, that’s problematic for about 10% of the people on the planet. Surely they deserve a good user experience too? Finally, there’s a lack of creativity with flat websites that’s getting too painfully obvious to ignore much longer. Yeah, flat is large and in charge right now, but for how much longer? It’s very probable that, in a few years, we’ll all be focusing on something bigger and better that’s come along by then. Hey, that’s the cycle of trends, after all.

Marc Schenker

Marc’s a copywriter who covers design news for Web Designer Depot. Find out more about him at thegloriouscompanyltd.com.

Read Next

3 Essential Design Trends, May 2024

Integrated navigation elements, interactive typography, and digital overprints are three website design trends making…

How to Write World-Beating Web Content

Writing for the web is different from all other formats. We typically do not read to any real depth on the web; we…

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…

How Web Designers Can Stay Relevant in the Age of AI

The digital landscape is evolving rapidly. With the advent of AI, every sector is witnessing a revolution, including…

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…