1. Use Moderation
Fancy effects stand out more when they’re not everywhere. When everything is animated, then animated stuff isn’t all that special, is it? Try to limit the number of elements on your page that get hit with the innovation stick. If that’s not an option, make elements that users have to interact with fancier and flashier than other elements. Use more subtle animation for hero images, and especially for anything in the background. Limiting the number of things you animate or otherwise make fancy will drastically decrease the amount of time spent optimizing your site for speed. It can also drastically reduce the cognitive load on your user’s brains, as they spend less time figuring out what they can or can’t tap on.2. Navigation Should Never Be Too Fancy
It’s frustrating to do the same thing over and over. Navigation patterns all tend to look the same, even more than other website elements. It can feel like there’s no innovation. It can be tempting to go wild with new ideas for website navigation. [pullquote]You might enjoy creating new design patterns; but users do not like learning them[/pullquote] Here’s the problem: you still need to make sure every user can find exactly what they’re looking for, as quickly as possible. The more unfamiliar your navigation becomes, the harder it is for users to find what they want. You might enjoy creating new design patterns; but users do not like learning them. This is triply true if they’re in a hurry. Make everything else on the site as wild as you want. Go nuts! But navigation should always be the easiest thing on your site.3. Make a Fallback For Everything
Do you have a JavaScript workaround for CSS that isn’t fully supported yet? Make a fallback for it. Have a slideshow? Fallback. Animated background? Fallback. I’m going to assume you’ve gotten the idea now. To put it bluntly, if any part of your site breaks when the JavaScript does, you have failed. And JavaScript does break. If things go really wrong, it can break for thousands of users at a time. The only reasonably foolproof site is one that remains functional even when JavaScript does not. Let’s take it further: Your site should ideally be functional even if the CSS doesn’t load. Yes, it’s an old argument; but is it really any less valid for its age? The job of any good designer or developer is to make sure their client’s site is usable under the widest possible range of conditions. So yeah... fallbacks. Learn to love them.4. Optimize For Speed
Okay, I know I’ve been over this before, but the more fancy schmancy stuff you put into a site, the more important speed becomes. It’s really bad enough that people are using pre-loaders on websites again. Once everything is loaded, everything should run fast. Forget the classic examples of low-end phones and old desktops. There are Chromebooks being sold even now with only two gigabytes of RAM. 2GB. That’s it. For an OS based on Chrome, one of the world’s most notorious RAM hogs. Even Android phones with only two gigabytes are starting to feel slow and sluggish. Running a laptop on similar specs is basically lunacy. But it’s still your job to make sure your site loads and runs reasonably fast on those weird, sad little laptops. Your Chromebook-loving users aren’t going to give you a free pass if the site you build doesn’t work for them.5. Don’t Skip User Testing
You’ve thought outside the box. You’ve broken the mold. You’ve made something new and unique. Look at you go! Now test it... with people. The more fancy and outlandish your design, the more it needs to be tested on regular people, especially those outside the design industry. Even if your site is targeted directly to designers and no one else, designers are busy people. Busy people don’t have time to learn a whole new way of browsing.Conclusion
The only reason I don’t tend to like showy websites with lots of extras is because every extra feature is another chance for your site to break. That’s it. That’s the only reason. I have seen far too many that basically leave the user with a blank home page if anything goes wrong at all. It doesn’t have to be like that. Your site can be as robust as it is pretty, dynamic, and innovative. It’s just gonna take some extra work. That work is worth it.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