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
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…
By WDD Staff
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…
By Simon Sterne
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…
By Ben Moss
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…
By WDD Staff
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…
By Louise North
6 Best AI Productivity Apps in 2024
There’s no escaping it: if you want to be successful, you need to be productive. The more you work, the more you…
By Simon Sterne
3 Essential Design Trends, February 2024
From atypical typefaces to neutral colors to unusual user patterns, there are plenty of new website design trends to…
Surviving the Leap from College to Real-World Design
So, you’ve finished college and are ready to showcase your design skills to the world. This is a pivotal moment that…
By Simon Sterne
20 Mind-Bending Illusions That Will Make You Question Reality
Mind-bending videos. Divisive Images. Eye-straining visuals. This list of optical illusions has it all. Join us as we…
By Max Walton