November 16, 2002
Your [5] E-ComTips
Service ID [1]


Good morning [3],
  WHAT'S NEW?
Continuing a series on web site design for e-commerce success, we delve into the more specific areas of site objectives and organization. We'll start by describing the elements of a good website.

If there are any subjects in particular you would like us to cover, drop us a note and we'll see what we can do. Please use the Mail Form at ImagineNation to correspond.

If all of this seems a little heavy at times, take a light hearted break at ShoppingCartAbuse.com
Team....ImagineNation


E-ComTips
Using the E-Commerce Internet ...succeeding by design
Site design:  defining a good site
In the previous article we pointed out that web sites don't lend themselves to the clear distinctions of text, visual, or verbal medium like print, radio, television, and movies do. Sites tend to be a mix of all medium. That not withstanding, there are four universal elements to making a good website.

1) a clearly identified objective
2) compelling content
3) ease of navigation
4) visually appealing
This information applies to sites in general as well as e-commerce sites.

CLEAR OBJECTIVE
Defining what you want to accomplish with the website is an often overlooked element of creating a good site. There is a tendancy to just jump in and start building a site while focusing on the look rather than the objective. This can lead to a confusing website which defeats its intended purpose.

To avoid creating a bad site at the outset, write down the objective in clear and specific terms. This isn't simply "I want to sell widgets". Although the term "sell" is a good start. The site creator must also state "how" they want to sell widgets.

For instance: "I want to sell widgets by presenting the customer with an easy to navigate site having lots of information on the variety and application of widgets." Or maybe the objective statement is: "I want to sell widgets by presenting customers with numerous glamor photos of widgets in use by other people." Knowing what will appeal to your audience will determine the "by" clause but, in either case, the creator must have a clear design objective.

COMPELLING CONTENT
What makes for compelling content? This depends on your anticipated audience. Compelling content is information that will attract the audience you want and keep them comming back. That is, content that provides value for your visitor.

For e-commerce sites, it goes without saying that the content must relate to the products you're trying to sell. Pictures of naked girls might help attract an audience but, it's doubtful that this will sell widgets. That doesn't mean you have to provide abundant text information about your widgets, just that you must relate your audience and your product in some way.

As in the sample objectives above, the compelling content might simply be glamor photos of your widgets in use by other people. This is an often used technique to relate audience to product. Picture a garden tractor brochure. Doesn't the front page show a happy person driving the tractor? It often does.

The above objective samples are not necessarily mutually exclusive. Using the garden tractor brochure example again, open the folder and the inside pages will usually show and describe the benefits of using this product. The back page will be devoted to setting out the specifications. Web sites can easily follow this example by devoting certain pages and locations to providing different kinds of information. Just as you won't find specifications on the front page of the tractor brochure, your web site shouldn't mix the promotional material with detail information pages.

NAVIGATION
Keeping the promotion and information functions distinct and still easily accessible is one purpose of good navigation. Differences in content of the two functions is frequently blurred but, the navigation plan itself shouldn't be ambiguous. A visitor should have available a clearly defined path linking additional detail information on any item from promotional pages and back again. These links will often be of the "drill down" type where-in a visitor can proceed linearly, from a promotional page to subsequent pages of greater detail.

This technique keeps navigation simple and your visitor oriented and comfortable with using the site. Additionally, no page should be a dead end. Each page should have links to go back one level or return to the beginning of a section. These links are especially important for visitors that may have bookmarked a particular page and haven't entered the site from the home page. For the e-commerce site, every product page, no mater how detailed it gets, should have "buy now" and "check cart" links. You want the visitor to have a simple and convenient method for placing an item in the shopping cart at any time in the navigation sequence.

One unique feature of e-commerce shopping carts vs. brick and mortar carts of the physical world is that placing an item in the cart isn't a commitment to buy. Not until check out will the customer make a final purchase decision. This can be good or bad for the merchant, depending on the capability of site navigation. When making the final decision, a customer often wants to re-check item detail information. A link from the cart to the detail page and back can be a vital element in saving the purchase. Without easy navigation to more information, the customer is likely to simply remove the item.

VISUAL APPEAL
Just as we're attracted to people that dress well, we're attracted to web sites that look good. What constitutes a good looking site is not easily described but, we know one when we see it. Generally though the site should have a clean, fresh, uncluttered look. Color coordination and the use of a few images with minimal text on the home page will go a long way toward accomplishing this goal. Unnecessary gimmicks like clocks and scrolling text and sound tracks that aren't central to your objective must be avoided.

Images for the home page of an e-commerce site should be what the design trade calls a glamor shot. They are that tractor brochure cover page photo: a good picture of a main item in your store. If the picture can naturally include a person using the product, this is even better. The glamor shot immediately conveys positive information about your site. If a person is shown using a product, a visitor may see themselves in the same situation. If you accomplish this result, you've already made it through the most difficult part of the selling process. The rest is a matter of providing reasons (excuses) for your visitor to buy.

In total, don't be afraid to use images to convey information where possible and make liberal use of multiple pages in a "drill down" sequence to provide detail. Multiple pages keep each page clean, uncluttered, and focused on a specific intent. Further reading on site design can be found in an excellent tutorial at:
http://www.aksi.net/website-design-tutorial.htm

Next issue:  Succeeding .... site design: layout
Up-comming:  more on site design
FURTHER READING: http://www.aksi.net/website-design-tutorial.htm
Don't overlook our LINKS page for information sources.
Bare Bones Design article


most card types supported Did you know you can take credit cards at your store without a merchant account?
Learn more about IAMS   ImagineNation Associate Merchant Services
IAMS account subscribers benefit 6 ways:
1) Taking credit card payment on-line in real time greatly increases store revenue!
2) Customers never leave your storefront to make payment, minimizing abandoned carts.
3) Subscribers manage orders on-line with their individually tailored IAMS console.
4) The award winning PeddleGold storefront is included free with IAMS accounts.
5) Your web site remains as is, where is. No special hosting is required.
6) Your customers get added protection through the ImagineNation satisfaction guarantee.


IAMS service is a professional way of accepting credit card payment at your store without the hassle and expense of maintaining a merchant account and a processing gateway.

Take a look at the advantages of subscribed services.
View a demonstration IAMS order management console.


Tips 'n Tricks
HTML tags shown here use the caret (^) instead of braces <> for proper rendering within this newsletter.    Brackets are represented by the curly bracket symbols ({}).
Here are a couple of ways to make quick edits to the product database file for webPeddle, PeddleGold, and MyStore3 stores, using any simple text editor to open the file.

To temporarily remove an item from the list while preserving the entry, place two forward slashes (//) in front of the line entry. IE:
//line[n] = new item(... ;
This keeps that record from being read into the store.

To temporarily change an item entry while preserving the original entry, for instance if the item is on sale, add the changed item using the original line number to the end of the list. List numbers do not have to be in sequence and the last entry with a particular line number is the one that gets read into the store.
ImagineNation © 1996 - 2002


ImagineNation.com  Products of ImagineNation!    Providing on-line stores for small and mid-size Internet businesses since 1996,   Imaginenation is a full service company meeting all of your e-commerce needs:


   Storefronts     Credit Card Processing     Back Office Utilities     Merchant Accounts
DO YOU NEED HELP WITH OUR PRODUCTS OR HAVE A GENERAL QUESTION?
Please E-Mail specific product questions using the mail form at  ImagineNation.com
For general information questions, visit our moderated public Q&A   FORUM
For back issues of E-ComTips visit the   ARCHIVE


Suffering from overload?  List Removal
E-ComTips is brought to you by ImagineNation because you are listed as a user of one of our storefront products or have subscribed to receive the Newsletter itself. To remove your address from our list, go to List Remove and, if your correct address and service ID are not showing when you get there, enter the correct values manually. Please do not reply to this newsletter return e-mail address. Replies here are not processed. Use the Mail Form at ImagineNation to correspond. This e-mail address is: [4] and the ID is [1]

________________________________________________________________
USEFUL URLs FOR TEXT ONLY E-MAIL READERS
ImagineNation    http://ImagineNation.com
webPeddle        http://webPeddle.com
PeddleGold       http://webPeddle.net
Public Forum     http://ImagineNation.com/Public/Q-A/index.cfm
Free Downloads   http://imaginenation.com/Products/free-dd.cfm
Subscribe        http://ImagineNation.com/Public/Mail/signup.cfm
Remove           http://ImagineNation.com/Public/Mail/remove.cfm
View E-ComTips from your browser 
http://ImagineNation.com/Public/NewsLetters
________________________________________________________________