Written by Steve Perry
Published on

Solving a Symptom

I quite often see fundamental design problems being solved in the wrong way when it comes to website design. Here are some of my pet hates.

Telling me to scroll down

If you need some sort of bouncing arrow or other funky gimmick to get me to scroll down your page then you might be better reducing the size of your huge hero image or adding some enticing content which makes me want to scroll down. Or better still, put the relevant information at the top of the page. Lose the silly bouncing arrow.

Loading…

If you have to put some sort of animation in place which tells me that your page is loading, then your page load times are taking too long. So instead of adding even more weight to your page simply reduce the amount of time that it takes to load it in the first place, then you won’t need to convince me to hang around whilst it loads. Consider removing fancy design effects such as box shadows, parallax scrolling (no you really don’t need it!) and optimise your images. Test your page load times on multiple devices and network connections to see what you can do to improve it. Remember that anytime you have to convince people to hang around whilst your content loads is a risk that they will just move on.

Huge hero images

We have all been guilty of this one because, as designers, we like to be image-heavy and what’s nicer that starting your page off with a lovely big image? Well it might look nice but it can still be bad design. Remember that good design isn’t just about looking good. That’s too shallow. Good design takes into account performance, getting the right message across and all that kinda stuff as well. So think about your audience and stop tickling your design ego.

Parallax scrolling

This one really gets me going. It’s everywhere and it’s horrible! Stop it. The amount of JavaScript that I see that has been crammed into pages to create these effects is beyond me and it just really ruins your scrolling experience. If you do it right and use well written JS then it can be nice but most people copy and paste hacky code which results in jerky scrolling and really poor performance. So if you can’t be bothered to write quality code and test your performance then just don’t use it. Explain this to your clients if they request it.

Trends

I suppose this takes into account all of the above. If you don’t want clients to use off-the-shelf themes and instead hire you for a custom design then don’t give them a design that looks like an off-the-shelf theme! Does that really need saying!? I guess it does. Trends die. They die fast! As soon as you launch your trendy design it will look dated. Do some research into your client, their history, their intended market and design to that. This is why they are hiring a professional designer. A good design is timeless. A trend isn’t.

Summary

There are plenty of other things that I could add to this list but I’ll perhaps write a sequel. I don’t want this to sound elitist because I’m just as guilty as you for making the above mistakes but the key thing is that we all learn from them so that we can design better websites for our clients. We are professionals and it’s our duty to do the best work that we can so please don’t take the above to heart too much, just think about the designs that you are producing and take the above into account. Ask the question, “Is this really the best for my client and their target market or am I following some sort of trend?”.

Steve Perry Creative Ltd

Studio and registered office: 4 Back Lane, Brown Edge, Staffordshire ST6 8QS.

Copyright © 2012 – 2023 Steve Perry Creative Ltd., unless otherwise noted.

Registered in England & Wales, number 08354632.

Colophon

Typeset in Söhne Kräftig and Söhne Buch, by Klim Type Co.

Set as 32/64, 24/32, 20/32, and 12/16 on an 8px/96px grid.

Colour palette selected for AAA contrast.