So What Exactly Do You Want Us To Stop Doing?
I’m so glad you asked! Let’s tackle subtlety and overwrought cleverness in UX Design: Every time someone comes up with a newfangled form of navigation, an overly-artistic layout, or hides content behind unnecessary clicks, Sir Tim Berners-Lee cries. Stop making Sir Tim cry. [pullquote]Every time someone…hides content behind unnecessary clicks, Sir Tim Berners-Lee cries[/pullquote] I’m not saying to never do anything new or interesting with your layout. I’m saying that you need to be more careful about it. Every time you consider a brand new approach in web design, ask yourself if it’s going to make things easier or harder for users to find. Then go ask some users. Any users. For the love of all that is holy, stop hiding information and UI elements that people need. Now, on mobile devices, it might make some sense to hide your navigation behind an extra tap, but that’s really the limit. On tablets and desktop computers, primary navigation just shouldn’t be hidden. It just shouldn’t. There is no good reason. Aesthetics is not a good reason. Let’s take another example: forms. There is no reason they should not look like forms. No matter how clever it might seem to make text inputs look like something else, it’s really not a big help. Not unless you put up a sign that says, “Click here, and here, and here…”, and then you’re just making more work for yourself. Yes, forms are sometimes ugly, boring, and frustrating—just like in the offline world. Can they be better? Yes, but only as long as they are still recognizable as forms. The moment they look like anything else, users have to spend extra time figuring them out. Congratulations! You made forms more irritating. The bits of your website that users actually interact with don’t have to be clever, innovative, or subtle. They just need to work.On Subtle UI Flourishes
Let’s address UI design next: drop shadows, gradients, and contrast. Specifically, let’s talk about the near-complete absence of contrast on some sites. I’ll admit, this is a trap I’ve fallen into many times, myself: Please don’t look at my current writing portfolio, I’m just about to redesign it yet again. When you make a gradient, or a drop shadow, it can be tempting to make it as subtle as possible. Light grey stuff on white backgrounds looks elegant. Or at least that’s something we tell ourselves. The truth is, if your user is looking at your site on a screen where that’s not quite calibrated right, a lot of those details can disappear entirely. If you’re depending on something like a drop shadow or gradient to create affordances (or clues as to how the interface works), having those details disappear can seriously affect usability. It’s a different kind of subtlety, yes, but it needs to be addressed.Conclusion
Don’t hold back. Be bold with your colors, your contrast, and your user experience design. Go wild! The only real constraints should be usability, and efficiency. And by that I mean don’t hide the content or features that your users are looking for. Metaphorically hit them in the face with what they want. It’s what they want.Ezequiel Bruni
Ezequiel Bruni is a web/UX designer, blogger, and aspiring photographer living in Mexico. When he’s not up to his finely-chiselled ears in wire-frames and front-end code, or ranting about the same, he indulges in beer, pizza, fantasy novels, and stand-up comedy.
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…
By Simon Sterne
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…
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