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.
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. 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! 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! 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
15 Best New Fonts, July 2024
Welcome to our monthly roundup of the best fonts we’ve found online in the last four weeks. This month, there are fewer…
By Ben Moss
20 Best New Websites, July 2024
Welcome to July’s round up of websites to inspire you. This month’s collection ranges from the most stripped-back…
Top 7 WordPress Plugins for 2024: Enhance Your Site's Performance
WordPress is a hands-down favorite of website designers and developers. Renowned for its flexibility and ease of use,…
By WDD Staff
Exciting New Tools for Designers, July 2024
Welcome to this July’s collection of tools, gathered from around the web over the past month. We hope you’ll find…
3 Essential Design Trends, July 2024
Add some summer sizzle to your design projects with trendy website elements. Learn what's trending and how to use these…
15 Best New Fonts, June 2024
Welcome to our roundup of the best new fonts we’ve found online in the last month. This month, there are notably fewer…
By Ben Moss
20 Best New Websites, June 2024
Arranging content in an easily accessible way is the backbone of any user-friendly website. A good website will present…
Exciting New Tools for Designers, June 2024
In this month’s roundup of the best tools for web designers and developers, we’ll explore a range of new and noteworthy…
3 Essential Design Trends, June 2024
Summer is off to a fun start with some highly dramatic website design trends showing up in projects. Let's dive in!
15 Best New Fonts, May 2024
In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…
By Ben Moss
How to Reduce The Carbon Footprint of Your Website
On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG…
By Simon Sterne
20 Best New Websites, May 2024
Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…