Designing Web Sites That Sell: Components of Commerce

Web site design functions on many levels. For sites with customer focus and sales objectives there is more to design than graphics and Flash. To make Web sites that sell, designers need to understand the components of commercial Web sites. Start here.
Written by Shayne Bowman Chris Willis on September 17, 2002
Categories: Web/Mobile, Features

Related Reading

Breadcrumbs
Breadcrumbs augment global navigation and provide an efficient way to indicate where the customer is on the site. Breadcrumbs show the path from the home page to the current page. To be effective, breadcrumbs should be kept simple and be nested above or below the global navigation bar.

Local Navigation
Local navigation complements global navigation. It provides more specific options that would overwhelm the customer if they were always part of the global navigation. Typically, local navigation defines the hierarchy of a category page.

For example, the local navigation components of an automotive category area would offer subcategories like accessories, batteries, brakes, and so forth. Local navigation gets customers browsing by offering them more specific information targeted to their interest.

Contextual Navigation
Contextual navigation guides customers through content related to the product or service. Amazon uses contextual navigation in brilliant ways. Every book, DVD, toy, or power tool is surrounded by contextual navigation that reveals the amount of information available for a given product.

Successful navigation schemes make content accessible to the customer. They are sensitive to customers' information needs and goals. When a navigation scheme fails to get customers to the content they want, they turn to the search function.

Search
The search engine has become one of the standing elements on many commerce sites. Some commerce sites even forego a large product promotion, opting for a large search box instead. With the predominance of search boxes on commerce sites, you'd figure they are the answer to a successful site.

Unfortunately, that doesn't appear to be the case. Usability experts Erik Ojakaar and Jared Spool have found that visitors to a site are 77 percent more likely to find the content they want when they don't use the search engine.

These experts also found that visitors go to search only after they could not find what they wanted through links. Search is not a panacea for poor navigation design.

Therefore, according to Spool and Ojakaar, the best commerce site designers try to keep their visitors from having to use search at all. Not to mention, a well-thought-out navigation scheme can be more valuable, and less expensive, than a sophisticated search engine.

Figure 4: Stock-photo agency Getty Images orients its search results page to the goals of the customer by offering options to sort by shape, color, brand, and licensing.

But since most customers expect a search to available on a commerce site there are some interaction guidelines to make the search engine more useful to your customers:

  • Keep the search box in the same place. Making it part of the global navigation will keep it from moving around from page to page.

  • Make the search box easily recognizable. Don't make it fancy. Use the word "Search," not "Find" or "Browse." The box should make it clear what will be searched-the entire site or just within a category.
  • Understand how your customers use search. Focus search interaction on how customers will probably use the information. Do they need highly detailed descriptions? Will they use search to browse products?
  • Display results sensibly. Consider grouping search results in logical categories. If someone types in "shoe," display results under headings "Women," "Men," "Running," etc.
  • Provide understandable feedback. Display the original search query prominently, show how many pages retrieved, make it easy to revise the search, and make it obvious when the search found nothing.
  • Add navigation that encourages browsing. Again, get your customers to browse. Add contextual navigation like related products or categories to the results page.
1

About Shopping Cart failures

Rob,

Unfortunately, when CreativePro excerpted our book, they did not bother to include our footnotes to this section, or hyperlinks to the reports we are quoting. Notice that on the paragraph you are quoting, there is an "11" at the end. This is a footnote mark to the "Holiday 2000 E-commerce Report" by Creative Good. It can be found at: http://www.creativegood.com/holiday2000/

Thanks for your comments, which are spot on. If they hide the price in the cart/checkout process then that definitely would cause a percentage of abandonment.

2

Shopping Cart problems?

The author says... "The checkout process is the most common cause of failure on commerce sites, causing 40 percent of customers to abandon their carts."

I would suggest that at least a portion of these abandoned carts have nothing to do with the shopping cart process itself. I've visted several sites which do not show the price of an item unless you start a shopping cart. Naturally, if I'm only checking out the product, I "abandon" the shopping cart once I've seen the price. This would be counted as an abandoned cart due to a failure of some sort, when in fact it's been designed into the shopping process of that site.

Rob

Post a Comment

  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <p> <div> <br> <center> <img> <h2>
  • Lines and paragraphs break automatically.
  • Use <!--pagebreak--> to create page breaks.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Copy the characters (respecting upper/lower case) from the image.