5 Ways to Ensure Your Fancy Site Doesn’t Suck
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
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.
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 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.