Use the ‘80/20’ rule to make your web design better.
November 3, 2007
Back in about 1906, Vilfredo Pareto created a mathematical formula to describe the not so equal distribution of wealth in his country; he figured out that twenty percent of the people owned eighty percent of the wealth.
I’m sure Pareto thought that sucked pretty bad, needless to say, he had no idea how good they had it back then!
OK, so what does this have to do with web design?
The 80/20 has since evolved into a proven principle that works in just about any field – web design in no different. A classic definition of the principle states: that a small number of the causes (20%) are responsible for most (80%) of the effect.
With respect to web design, we can say that 20% of the work will take up 80% of your time. So the trick is to identify that expensive 20% and do something about it!
What is that 20% of the work (in a typical web design project) that is taking 80% of your time?
It could be different for you, but from what I’ve seen, the big time waster is in the set up. When I’m talking about the set-up, I am talking about two things:
- Figuring out what the client wants and dealing with them.
- Creating the basic structure for the website.
How do you minimize the set-up cost?
- Use predefined web site structures – templates.
- Don’t design by tinkering.
- You call the shots: You’re the web designer, you’re going to tell the client how the website should be laid out, not the other way around!
Most of us are not designing art pieces with our websites. We are designing something useful that the clients needs; whether it is an e-commerce site, or a simple branding site, your number one goal is to get your clients message out there.
Now that the web design field has matured, we now know which website structures work and which ones don’t. Keeping this in mind, there is no need to go hog-wild with your designs – you know what works already!
What do I do?
I have a two basic structures/templates that I can use in 99% of websites – left aligned navigation (like you see on www.killersites.com) and centered web layout like I used for www.secretsites.com.
I use the HTML and CSS in these two sites over and over. I just grab a copy of the HTML and CSS pages and swap up the images, text and change some colors and voila, I got myself a professional looking, and well structured website in a fraction of the time!
Designing by tinkering.
Web design by tinkering is when you sit down in front of your computer and you start building the website with no plan. You just start ‘tinkering’, trying different layouts, changing positions of images or your navigation etc … This is a recipe for wasting a lot of time – don’t do it!
… You should know what your site is going to basically look like, and how it will be structured before you get near your computer!
If (rather,) you are trying some ‘experimental’ web design for fun, that’s ok. But when you are building a website for business purposes, you can’t be tinkering.
Dealing with the client.
If a client starts requesting changes (to the website) that would ultimately break my structure, I simply tell them no. Some of you are probably thinking, you can’t tell the customer that … the customer is always right!
Fortunately, that doesn’t apply here, because the customer is not an expert in web design, otherwise they would not be hiring you.
… Could you imagine a patient telling a surgeon how they should conduct the operation? The same goes to web design, you have to let them (the client) know that you are creating a website structure that works, and changing it is a bad idea.
Conclusion.
Don’t get me wrong, you shouldn’t make all your sites look the same – they just should have the same structures. If you look at www.csstutorial.net and www.secretsites.com you will see that they look different, yet they both use the same structure with some minor changes that took about 5 minutes to complete.
I hope that now you can see that having a couple of web site templates (or using commercial web templates) will save you a ton of time and frustration.
Final comment.
You might also think about the ways you can apply the ‘80/20’ rule in other areas of web design and even other aspects of your life – it’s a great little principle!
Note: This article was first written in 2005. I decided to clean it up and republish it here.
Thanks,
Stefan Mischook
www.killersites.com
www.killerphp.com
