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
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…
By Louise North
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…
By Louise North
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