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, November 2024

Touchable texture, distinct grids, and two-column designs are some of the most trending website design elements of…

20 Best New Websites, October 2024

Something we’re seeing more and more of is the ‘customizable’ site. Most often, this means a button to swap between…

Exciting New Tools for Designers, October 2024

We’ve got goodies for designers, developers, SEO-ers, content managers, and those of you who wear multiple hats. And,…

15 Best New Fonts, September 2024

Welcome to our roundup of the best new fonts we’ve found on the web in the previous four weeks. In this month’s edition…

3 Essential Design Trends, October 2024

This article is brought to you by Constantino, a renowned company offering premium and affordable website design You…

A Beginner’s Guide to Using BlueSky for Business Success

In today’s fast-paced digital world, businesses are always on the lookout for new ways to connect with their audience.…

The Importance of Title Tags: Tips and Tricks to Optimize for SEO

When it comes to on-page SEO, there’s one element that plays a pivotal role in both search engine rankings and user…

20 Best New Websites, September 2024

We have a mixed bag for you with both minimalist and maximalist designs, and single pagers alongside much bigger, but…

Exciting New Tools for Designers, September 2024

This time around we are aiming to simplify life, with some light and fast analytics, an all-in-one productivity…

3 Essential Design Trends, September 2024

September's web design trends have a fun, fall feeling ... and we love it. See what's trending in website design this…

Crafting Personalized Experiences with AI

Picture this: You open Netflix, and it’s like the platform just knows what you’re in the mood for. Or maybe you’re…

15 Best New Fonts, August 2024

Welcome to August’s roundup of the best fonts we’ve found over the last few weeks. 2024’s trend for flowing curves and…