Marketing Matters: Web Design Essentials

Web Marketing starts with a visitor-friendly website

- Amanda Cullen

For most businesses, the ultimate purpose of web design is to encourage a visitor to become a customer. To achieve that goal, websites need to be visitor-focused. Every decision about the website should answer the question, “Will this be better or worse for the visitor?”

One person needs to be responsible for the outcome of the design, and that person needs to be visitor-focused (not CEO-focused or sales-department-focused or technology-focused). There is a snide response to the adage that a symphony can't be played by just one person: No committee ever wrote a beautiful symphony.

Just like a composer learns music theory to help his symphony achieve his vision, web designers should use the body of knowledge we have concerning good design to meet your company's goals. This article will discuss some of these essential principles.

As I wrote last month, good design is passionate and purposeful. We have established that the purpose of website design for businesses is to encourage visitors to become customers. (We'll visit how to grow the number of visitors to your site in a future article).

Donald Norman's Design of Everyday ThingsDonald Norman wrote The Design of Everyday Things in the 1980s. The book is so brilliant that his design concepts remain crucially important and can be applied to website design today. He writes,

“Design should... make sure that:

  1. The user can figure out what to do, and
  2. The user can tell what is going on.”1

For example, if your website visitor wants to send you an email, you should make it easy for her. If your website is trying to load content for her to view, she should be able to tell what is happening.

“Okay, but how can I make things easy for my visitors?”

Design your website to behave in ways they expect and are comfortable with. Through research, we know the most viewed spot of your website is the top left corner. You can use this area to tell visitors who you are and what you do. Typically, visitors expect to see a “Contact” link on the right side of the top navigation bar.

Your website should be designed to allow visitors to use their web-browsing habits to discover content on your website.  Visitors refuse to learn a whole new way of browsing just to use your website. In his book Habit: The 95% of Behavior Marketers Ignore, Neale Martin makes a compelling case that most human behavior is driven by habits, and if a habit is broken, a person will experience a feeling of dissonance.2 For something as basic as finding the FAQ's on your website, a visitor should never feel dissonance.

Visitors also hate to be annoyed. Many companies, in an effort to help visitors learn as much as possible, will have every link open in a new window. After closing a dozen open windows, what the visitor really learns is to never visit that site again. A good rule of thumb is to have links referring to your own site open in the same window, and links referring to outside sites open in new windows.

We can please a visitor's sense of habit by following more advice from Donald Norman. He advocates making the most common things visible, using “natural mappings” and giving the user feedback.3

Make Things Visible
Don't hide the most important information in menus on your website. If you want visitors to contact you, put your contact information on the home page.  This is a very easy-to-understand principle that just as easily gets suppressed through design-by-committee antics.

Use Natural Mappings
Norman writes, “Mapping is a technical term meaning the relationship between two things, in this case, between the controls and their movements and the results in the world”4 In other words, if you want your car to turn right, you turn the wheel to the right. Unnatural mapping explains why so many drivers find it difficult to turn while backing up; you have to turn the wheel the opposite of the way you want to go.

Mappings are especially important on websites because everything on computers is virtual, not tactile. For example, if you have a slideshow on your website, make sure it behaves as quickly and naturally as flipping a page in a magazine.

The Apple Mobile Me service has an admirable slideshow feature,
which showcases the use of natural mapping.
Apple's Mobile Me Gallery is a good web design example of an effective slideshow

Give Feedback
A visitor won't know they have completed a task successfully unless you tell them. So, if they fill out a web form, direct their browser to a thank-you page. If they sign up for your newsletter or buy a product from your site, let them know it was successful.

There's no need for fancy animations that take time to load. Visitors won't stick around to see them. The average visitor will give your website one second to start loading before moving on to the next search result. If it takes longer than ten seconds to load, no one will wait for it.

For more detail on these aspects of design, read the first chapter of The Design of Everyday Things (or even better, read the entire book).

Website Design Examples
The best way to experience the importance of website design essentials is to visit good and bad websites. As you visit the links, ask yourself the following questions:

Website Design Checklist
What does this company do?
How would I contact this company?
How would I log into this site?
Is it pleasant to visit this website?

We'll start with the bad websites.

If you can endure the rousing repetition of the “William Tell Overture,” this angelfire.com site is a great example of design gone horribly awry. Fortunately, it was intentional. Unfortunately for the rest of these companies, their website design was intended to attract visitors. Poorly designed websites can be found in all business sectors. Procter & Gamble is a global company, with a large marketing budget. It doesn't matter how much money you invest in a website if you don't design for your visitors.

Bad web design that slows down browsing

Brill Publications 

Bad web designt that makes it hard to log in Web Marketing Magic
Bad web design that wastes valuable screen space Procter & Gamble
Bad web design that makes links hard to read Coastal Heritage Society

Now for the well-designed websites.

Ask yourself the same questions as you visit these well-designed websites. None of them are perfect, but they are all visitor-focused.

Apples website shows good web design in their navigation bar

Apple

Shows good navigation bar design.

Google has good web design in making the search field prominent

Google

Makes searching, the most important task, prominent

Peter Yastrow's web design has a good description of what he writes about

Peter Yastrow's Blog

Lets the visitor know what Peter Yastrow writes about.

Overnight Prints' good web design helps the visitor navigate and see special offers

Overnight Prints

Easy-to-find contact info and prominent special offers.

Decide for yourself if the following sites are well designed or not. I'd like your opinion. Email me at amanda@zooinajungle.com to give me your feedback.

If you know you have website problems but don't know where to get started, give me a call or write an email. I'd be glad to look at your website and give you some advice for improvement. Many times, simple changes can make a big difference.

In my next article, we will delve into increasing the number of visitors to your website through advertising and search engine optimization.

 

Footnotes

1. Norman, Donald A. The Design of Everyday Things. New York: Basic Books, 2002. 188.

2. Martin, Neale. Habit: The 95% of Behavior Marketers Ignore . Upper Saddle River, NJ: FT Press, 2008.

3. Norman, Donald A. The Design of Everyday Things. New York: Basic Books, 2002. Chapter 1.

4. Ibid., 23.

   
Zoo in a Jungle Marketing is a marketing strategy, planning and design company operated by Amanda Cullen. She has years of marketing strategy, planning and design experience, as seen in her portfolio.
    513.833.4203
zoo in a jungle
MARKETING
contact@zooinajungle.com   
cincinnati marketing indianapolis marketing emarketing strategy planning consulting complete marketing department mentor partner partnership branding brand management promotions advertising revenue results small business marketing services marketing plans business plans effective email pay per click google adwords