The logical argument is:

The Simple numbers game

Simple is best. It's always a good idea to look for the simple core within a complex situation. The dedication to simplicity is core to the “Save the Pixel” approach.

Unnecessary complexity brings risk and cost disproportionate to its benefits. You should aim to have only as much of anything as is necessary to get the job done. How much “X” should you
have in your web site? “Enough, and no more!”

Put another way, your web pages should be no more complex than they need to be to fulfil their various objectives.

Simplicity benefits the web professional in numerous ways:

  1. Simpler designs are quicker to create, requiring fewer pixels and strokes of the mouse. Making something twice as complex as it needs to be doesn't usually mean it takes twice as long to make. In the long run, I reckon it will take four times as much work.
  2. They're also quicker and easier to produce/slice into templates. (It takes a tiny fraction of the time to build a box with square edges, compared to a box with 4 rounded corners.)
  3. It's easier to debug, make valid, edit and re-engineer etc.
  4. Simple pages make smaller files, with fewer assets, which download quicker and are more likely to look right on a variety of browsers. All this improves people's experience.

Simplicity is good for business. Successful web sites are consciously playing a percentage game. You want to retain visitors from their entry page right through to the goal being reached. If this is selling shoes, the more people you retain at each step in the process, the more shoes you sell.

Simple messages often come across more successfully (because of the way we consume web pages, scanning for clues rather than reading).

When to be different

Most design problems have been faced and solved before. The better solutions have been used again and again, and have become conventions, which persist until a better solution still comes along to displace it.

Sure, there are always new contexts and new issues, which require original solutions, but in any project the majority of the challenges are not original.

There is nothing new under the sun. Is there a thing of which it is said, “See, this is new”? It has already been, in the ages before us.

Ecclesiastes

When faced with any problem, the designer has two ways they can go.

Conventions are our friends

There are thousands of common design patterns that have become conventions, for good reason. Familiar, conventional solutions make life easier for you, the designer, and also for the people who visit your sites, because it takes less thought to implement and understand something that looks and feels familiar and behaves just how you expect.

A minority of web designers seem to believe that it's their job to make everything different and unconventional. While this is very occasionally true, it's more commonly the designer following their own agenda (perhaps based on the belief that feedback from other designers is the most important success criterion). Perhaps sometimes that's also valid, but not in the case of most commercial design projects. It's rarely in a site's best interests to be unconventional.

To approach every challenge from naivety, trying to come up with a novel design solution is frankly a crazy waste of energy. Brand new design solutions not only take more work, time, and creative energy, but they also have less chance of success. (It's a natural law that a significant proportion of new things fail: new products, new life forms, new design widgets etc.)

Sure, we often need to create new things as designers. But how do you decide where to direct your precious creative energy, and when is it best to pull out an existing convention?

My answer would be: use a convention wherever it clearly works satisfactorily.

Always look for an existing convention first, especially when the problem itself is conventional. If you can't find a conventional solution that works in the context of this project, only then invest in full-on original creative thinking.

Conventional problems include things like:

Always consider whether there's an obvious way to achieve what you need. If you find yourself doubting the obvious convention, try looking at the alternatives from the site visitor's point of view. What's more likely to help them get what they want out of the site?

You don't need to be Clever to be Brilliant

It’s tempting to try and make your website stand out by showing how smart you or your audience are. This is invariably a mistake.

Think of the most successful advertisements you can recall. Are they simple or clever? They might be fun and entertaining, or they might not be.

They might be very obvious, or they might be abstract, word-based or image-based. But the ones that stick in my mind have a simple concept or message at their core.

Lots of people enjoy intellectual stimulation, but there are better places to go for that kind of thing, like picking up a sudoku. Why are people visiting your site? Unless you’re running a technical or political publication, where your goals may depend on intellectual stimulation, don’t try to make your visitors think, they won’t stick around to thank you.

Cleverness introduces risk. Don't use in-jokes that rely on specific prior knowledge. Question marks over your visitors’ heads are a sign of mental friction, which is a sign that you’ll be leaking eyeballs.

One of the risks of challenging your visitor’s intellect is that you’ll make them feel stupid, and you don’t want to do that! Even if you don’t make them feel stupid, your page will still take more work to get through, and you don’t want that either! Because attention is limited and the clock is ticking. The easier you make it to pick up the scent, the more people you'll keep.

Being “clever” doesn't make you look smarter. In the case of service providers, it can actually make you seem less accessible and less useful.

If you have a message/values/benefits to communicate, just do it! State it, make it plain, bold and unambiguous. When someone gets to your site, they want to know if it's worth persevering with the site. Are they likely to get the information or service they want? So make your site transparent. “This is who we are, this is what we do, who we do it for, and how.”

Be smart, not clever

Keeping it simple is hard. One reason it’s hard is because we so often feel compelled to be doing something “more”, to be different in order to keep the visitor interested. That’s how cleverness creeps in. When you’re creating your web site this little voice can start telling you that it’s too boring, too much like the next site. You feel a desperate need to come up with something with a bit more jazz.

Always keep in mind that the people who'll be coming to this web site to find what they want aren't web designers. They don't get a kick out of looking at new and interesting web designs. They're looking through the design, scanning for meaningful clues in the content. The purpose of your design is not to draw attention to itself. It's to facilitate communication.

When that little voice starts, cover your ears and concentrate hard on your visitors’ goals. What do they need from you?

Consider your choices using a pure “Save the Pixel” framework. Any pixels you use to make your visitors think you're clever are pixels you're not using to guide them directly to what they want. Apply Occam's Razor. Is there a simpler way to achieve the same thing? If so, use it. The simpler solution is better.

Why should you avoid questions like this?

A rhetorical question is a linguistic device in which you make a point using the form of a question that doesn't actually require an answer, often proceeding to answer it yourself. This is clearly not the simplest way to communicate a point.

Questions like, “Why use Cleverdick Consulting?” often make me think, “I don't know, and I don't care! Seeya!”

Rhetorical questions are generally unhelpful because they create question marks in your visitor's head, a sign of friction. Any question creates a void, which the visitor is expected to fill, and that means your site loses control of the dialogue.

You wouldn't expect to walk into a car showroom and the salesperson come up to you and ask, “Why would you choose to shop here?”, would you?

Hint: If you have a rhetorical question, try simply turning it into a statement, maybe just by removing the question mark. “Why use Cleverdick Consulting” is much stronger when put as a statement than as a question.

Get "Save the Pixel - the Art of Simple Web Design" in full - still only £9.99 (approx. $16)

Do you love our approach to crafting simple & effective web sites that just work for people?

We'd love to hear about your web strategy. Contact one of our team today!

Search this site
Pro Tips
Learn how to make fantastic web site designs..
Buy "Save the Pixel" now!
On “Save the Pixel”
Clicss templates, great robust useful CSS templates from £40
Share this Article
Send to a friend now&hellip
Follow Ben Hunt on Twitter
Floor 3
111 Buckingham Palace Road
London
SW1W 0WQ
UK
Phone
+44 (0)207 1600 989

Articles + tutorials in Basics of Web Design

Basics Index
List of articles in Basics section
The Simple Shall Inherit the World Wide Web
The case for Simplicity in Web Design - why it makes business sense
Conventions
Explores the value of conventional design solutions, which are time-saving shortcuts for visitors and designers that should be used wherever a suitable convention exists.
The Design Spectrum
This article introduces a simple conceptual model that I find helpful when designing or critiquing web sites, considering whether pixels are spent for style or function.
The Golden Rule of web design
My golden rule - a simple touchstone to help all design decisions
How to Design for the Web
Designing for the web means designing sympathetically with the way people actually use the web, not how we think they should.
How to make a web site
The absolute basic mechanics of how you go about making web pages and publishing them on the web.
Layout - the basic rules
Learn the principal techniques that govern effective web page layout
Logical Order
When your pages flow logically, they're easier to get. This article tells you why, and gives tips for structuring your pages logically.
No-one looks at the screen
Why nobody enjoys looking at a screen, what that means for web sites, and how we can design sites to mitigate for it.
Factors Influencing the Web Browsing Experience
Looks at various other factors that influence us when we browse the web, and what designers can do to address them.
People are Impatient
We are all impatient when using web sites, for good reasons. Web sites be designed with this in mind will be more successful.
Readability
How to make your web pages easier to read.
Scanning
Most people don't read the content on your web pages, but scan for meaning and clues. Design to aid scanning.
Search Engine Optimisation Basics
Learn the basic principles and purpose of Search Engine Optmisation (SEO).
Simplicity
Why simple design is better.
The Sphere of Design
Following on from the design spectrum, a different model for visualising the balance of using your pixels.
Text-based Logos
Explains why text-based logos (logotypes) are so effective. You don't necessarily need a graphical logo.
The Brain's Strengths
Understanding how our brains have evolved can help web designers create more effective layouts.
Trusting the User
Why it's important to trust users when designing web sites and applications
Why Most Web Sites Suck
We don't have bad web because it's difficult to create effective web sites, but because the people who make them are not properly equipped.
Why the web is hostile and how we cope
Good web sites must be designed for the way people really browse the web. Unfortunately, people don't use web sites in the way web designers think they do.
Accessibility
Introduction to accessibility on the web, i.e. ensuring that everyone can get your content, regardless of disability