Many website visitors leave before they find what is on offer. One of the biggest culprits is an obsolete navigation system. It is probably a good idea to review a site's navigation system every few months to make sure it is working correctly.
A small six-page small business site doesn't usually have a problem. But when your site grows to 20, 50, 100, or 1,000 pages, you need to plan how to speed visitors to the information they seek. If they become lost deep within a site, they may give up entirely. Getting customers to information quickly and intuitively is the goal of navigation systems. There are several types of systems. Larger sites are advised to use several systems; redundancy is better than a single system a visitor may not understand.

The first task is to clarify your business objectives for the site. What do you want to accomplish? Get the visitor to fill out your questionnaire? Sign up for your newsletter? Phone you to find out more? Order a catalogue? Make a purchase online?
Work through these questions before you design your navigation system, since the structure of your site should be determined by your objectives, pure and simple. The more important the objective, the higher on the menu it belongs.

Next, group your Web pages into a hierarchy of topics. If you come up with a dozen topics, think again. Back in 1956, George Miller formulated his Seven Plus-or-Minus Two Rule (http://www.well.com/user/smalin/miller.html). He found that people's short-term memory can handle about seven pieces of information, plus or minus two (depending upon the person and the kind of information). So keep your top-level menu to seven sections or less. Beyond that you run the risk of visitors suffering information overload and quitting.

What questions are your customers trying to answer? Group your information in a way that will make it easiest for them. Don't be swayed by internal company politics. Your customers don't really care about the names of your divisions; they want their questions answered. Make your divisions happy by putting their name in lights farther down the topic hierarchy tree. Don't let politics affect the top level menu.

Now look for labels for each of these top level topics. Don't be too creative. Web surfers are used to such terms as Contact Us, Home, About Us, and so on. Make sure your one- or two-word labels convey effectively what they are pointing to.

It seems that many website designers have become too sophisticated for hypertext navigation links. Everything has to be a linked graphic. But many of the most heavily trafficked sites have gone back to using hypertext links. They're efficient, fast to download, and, with version 4.0 and 5.0 web browsers, can look pretty good.

Next, make sure every page of your site is reachable, either directly or indirectly, by a hypertext link from your main page. But 10% to 20% of customers turn off the images on their browser and race through a site looking for the information they need. These "lights off" surfers need hypertext clues by which to navigate.
Don't disappoint them. Don't rely on image maps alone. And make sure each of your navigation "buttons" (if you use them) has an ALT tag to tell where it leads.

The most important visitor, however, isn't a person but an insect. Well, not technically an insect, you biologists will say, but a cyber-arachnid, a Web search engine spider (used by AltaVista, Lycos, HotBot, Excite, Webcrawler, Google, and Infoseek). When they come silently climbing your Web, you'd better have hypertext links or they'll scurry off and index someone else's Web instead. Spiders can follow actual hypertext links, or images which have been made "clickable" through a hypertext link. They are blind to image maps, disgusted by frames (see below), and revolted by drop-down menus. Serve them hypertext links from page one, down through every level of your site if you want to keep them happy.

One way to do this is to include a bar of links in small type at the bottom of every page in your site such as:

Home | About Us | Products | Services | Contact Us

.Just a word about what some call "splash pages" and David Siegel, in his Creating Killer Web Sites, calls "entry tunnels." These webpages are often graphic rich or have fancy MacroMedia Flash displays to reinforce your "brand" in the visitors mind. My advice: don't bother with them unless graphics and design is what you are selling. People are impatient with pages that say, "click here to enter the site." They don't care about your graphics display. They ask, "Where's the beef?" Get them to the content they desire as quickly as possible. (Follow Siegel's other advice and you'll be an excellent Web designer.)

The use of left-side menus is widespread. They allow your customers to get deep into your site without clicking through a series of hierarchical linking pages (though still include those linking pages). They also display the structure of your site more clearly than you can with just six or seven sectional titles. But don't forget the sections. Make the larger sections bolder, with lighter face pages below them in the left-side menu.

A tempting short cut is known as "frames." Frames divide the screen into two or more areas, and use separate scroll bars to scroll up and down each area. The advantage of frames is that they keep the menu constantly in view. But frames create more navigation problems than they solve.
They are difficult for search engines to index, since most designers forget hypertext links within the <NOFRAMES> tags. And pages that happen to be indexed usually come up without the frames structure at all, completely dismantling the navigation system. Many sites are low in the search engine listings because of frames.
They make it difficult to bookmark any but the main page, so customers who like a particular section of your site won't be able to get to it quickly.
The scroll bars look ugly.
Some browsers don't print content from frames correctly.

Frames make it clumsy for people with 640 x 480 monitors to browse your site. Fixed-width frames often hog too much of the screen, leaving just a small area to read the text.
Best advice: Don't use frames except in special circumstances, such as displaying a list of dealers' addresses by state, or that sort of flat database. Otherwise, stay away from frames entirely.

Do use left-side menus. There are three ways to do it:

• Text labels with hypertext links. While these look a bit less sophisticated, they make your site come up very fast and are much easier to maintain than graphic menus. Good examples are CNet (http://www.cnet.com/), Yahoo (http://www.yahoo.com/), and AltaVista (http://www.altavista.com/).
• Using nice looking image maps on the left side can be a problem. A bug in Microsoft Internet Explorer (MSIE) 4.0 and 5.0 caused vertical image maps to fail. Hypertext links along the left menu are best.
• Use Cascading Style Sheets (CSS), now is the time to learn. One style sheet keeps all of the webpages on the site looking consistent. In the HEAD section at the top of each webpage reference the style sheet. http://www.anyweb.com/css/style.css

Since nearly 70% of visitors use MSIE, take advantage of the "hover" feature supported by MSIE (not Netscape) browsers. This way, when someone's mouse cursor hovers over a link it will change colour to let them know there is a link underneath. Underlining and colour are two clues for your visitor of a hyperlink. If you take away the clues, the site may look better but the novice is confused and clicks away in frustration.

Buttons (separate graphics) each hyperlinked to a destination. The advantage of buttons is that when used with ALT tags, a site can be navigated without images on. The disadvantages are that each button graphic requires a separate call to the server, so your visitor has to wait for each to download before he can see your navigation system. With a slower connection (or on a slow Internet day) this can be very annoying.

A good example of this used to be Microsoft's site (http://www.microsoft.com/), though now they only use buttons at the top of their main page, with text links down the left-side. Too many sites still rely on kludgy buttons for navigation!

Image Maps are graphical menus which have a map linked to the position you put your cursor. Image maps look good, and download faster than buttons that cover the same screen area. But neither browsers with images off nor search engines can follow them. They're also more difficult to maintain than either text or button menus.

Another way to get your customers deep into your site quickly is to place a drop-down menu on your main page, with sections clarified by indentations or spaces. Such menus don't take up much screen real estate at all, but pack a lot of navigation power. The downside is that your customer must click on the dropdown menu in order to see the contents.
The freeware program AnyURL works well. Developed by Mark Renton with the U.S. Department of Commerce TAO Project, the program is available at their site. http://www.pmel.noaa.gov/toga-tao/AnyURL.html

As a site becomes more complex, use file-folder-style tabs across the top of each page to show the major divisions of a site. This way my visitors can see at a glance what is on offer and get there quickly. Also use a left side menu, drop-down menus, and search engines.

If a customer doesn't know where in the site a particular piece of information might be found -- or if it is on your site at all -- a search engine may help retrieve it quickly. Matt Wright's Simple Search 1.0 is Perl script. While not too sophisticated, it's fine for 200 pages or so. Its lack of an index, however, makes it inadequate for sites beyond that. http://www.worldwidemart.com/scripts/search.shtml

SWISH-E is a freeware indexed search program originally written by Kevin Hughes, now maintained at UC Berkeley Digital Library. http://sunsite.berkeley.edu/SWISH-E/
The Piper Letter describes various search engines. http://www.piperinfo.com/pl03/searcha.html
Free search engines services are available from Atomz.com http://www.atomz.com/ and EveryOne.net. http://www.everyone.net

Another type of navigation system is a site map, a page of hyperlinks that clearly displays the layout of your site, and links to the major sectional pages. I include a link to my site map on my left-side menu, since this is the preferred way some people like to understand a site's structure. Submitting a site map webpage to search engines can also make it more likely that they index the deeper sections of your website.

A final type of navigation system is a substitute for the dreaded "404 Not Found" page. Ask your web hosting service how to substitute your own webpage in place of the default. A "Whoops" page that shows up when people type in a wrong or obsolete URL is useful.
The "Whoops" page refers visitors to the main navigation system for the site, directs them to common sections, and asks them to report the page visitors were trying to find with an e-mail address where they can be replied to.
In this way bad links can be discovered and helps visitors find their way.

Use multiple navigation systems for your site to make it more likely that your customer can find the information he needs. As you plan the next redesign of your site, refine and expand your navigation system. The online business should improve as a result.