image
Connectis September 2001 / Features
Navigation
By David Bowen and Scott Payton in London
Published: September 18 2001 15:04GMT | Last Updated: September 21 2001 15:16GMT
image

Once there was a vast and chaotic city. It grew from tiny village to gigantic sprawl in less than five years, culminating in an orgy of uncontrolled construction. Then there was a recession. The architects looked at what they had built and saw that it was wanting. Roads that led nowhere, ramshackle buildings, houses without windows or even front doors. Oh dear, they said, we had better get to work on this, or no one will want to live here.

The city is the World Wide Web, the buildings are its websites and the architects are the people overseeing their construction. As anyone who trawls the web will know, many sites are a nightmare to use - which means they are not doing the job they should be. Now, with budgets tightening, the pressure is on to make them more effective - without investing another fortune.

Navigation is the obvious area with which to start. Unlike most aspects of the web, it is closer to a science than an art. It is possible to say, with some objectivity, whether a site's navigation works or not. That does not mean there is only one "right" type of navigation. The only universal rule is that whatever you do, do it well. Broken links, links that go to the wrong page - these are unambiguous errors that give a poor impression. Beyond this, absolute judgments are off. Commercial websites have one or more jobs to do, and the appropriate navigation will vary.

If you have a site that is designed to build a brand, you will want to "trap" people on it for as long as possible. The navigation should keep visitors circulating within the site, moving them from one intriguing area to another - the longer visitors stay, the longer they spend absorbing the brand. The website of UK-owned brewers Guinness (www.guinness.com) is a good example of a site that encourages aimless clicking. If your site is informational - maybe it is a central corporate, publishing or government site - again you want visitors to stay as long as possible but you do not want to confuse them.

These are the sites where common sense rules are sufficient. Minimise the number of clicks between any two pages. Make sure users can always get back to the homepage quickly and easily. Keep the site coherent as it grows. Offer a search engine and a site map. See the Israeli Ministry of Foreign Affairs (www.mfa.gov.il) for a spectacular array of search options.

The third type of site is designed to help the visitor complete a task, or tasks. This could be any number of things: buying something, finding out about a product, checking a share price, looking for a job, whatever. Pretty much every corporate and e-commerce site falls into this category. It is also the one where most navigational mistakes are made.

The web is not a linear medium - there is no beginning, middle or end. This, it is often claimed, is terrific because it means the customer is in charge - he can go wherever he wants, whenever he wants. But why is it terrific? If customers in a supermarket wandered around all day without ever getting to the checkout, neither they nor the company would be very happy.

Online, this happens all the time: an alarming proportion of "shopping carts" is abandoned before customers get to the paying point. The aim of most commercial sites should be to convert a non-linear medium into a linear one - to create a journey, or series of journeys, that allows the customer to complete his task as quickly as possible.

We have identified two questions that most often break the linear journey:

  • Does the user know which link to click on? Does it have a woolly label (eg "solutions")? Could users reasonably click on more than one link?

  • Is the user being diverted? Few sites can resist the temptation of offering extra links on a journey. This is like tempting someone down country lanes while he is bowling down the highway.

Companies must not take options away from the customer. But they should nudge him in the direction they want him to take. The Logis de France review opposite for a simple but good illustration of this.

Do Don't
Select the navigation to fit your needs Change the structure as the site grows
Keep it intuitive Scatter links all over the place
Keep it coherent Label links ambiguously
Have outsiders check that it works Forget to check links regularly
Stay in overall control Trap visitors in dead ends


Cable & Wireless
www.cw.com

On the web, the simplest ideas are often the best. So it is with the "navpad", Cable & Wireless's trademarked online navigation tool.

Appearing on every page of the telecommunications group's international websites, the navpad's neat, consistent set of drop-down boxes allows users to jump to any section of a local site or to the homepage of any other Cable & Wireless site in a single click.

This level of navigation consistency across international sites is a rare thing indeed. It makes users feel comfortable very quickly and ensures that they never get completely lost. Compare it, for example, with www.waitrose.com, where menu bars jump all over the place as you wander around the supermarket's online divisions.

Consistent layout across the C&W sites also minimises confusion: the news section on the French site, for instance, is in the same position as the news section on the UK site.

Clarity of design is another navigation aid: menu icons, such as regional links on the homepage, carry pictures that nicely illustrate the information they lead to. Moreover, every country-specific site has a site map, allowing visitors to get a helicopter view of information available, and where to find it.

To top it off, a Yahoo!-like tracking system appears at the top of each page, so you can always see where you are in relation to the homepage (eg, "Home -> Service Providers -> UK & Ireland") and jump back to any stage in the journey you have taken. It is not, however, completely faultless: some areas (such as "End-to-end IT Solutions") appear in a separate pop-up window, breaking the flow of the otherwise smooth navigation.

ICI
www.ici.com

A company's navigation reflects the balance of power within its ranks. C&W appears to have complete control over its subsidiaries, hence the coherence of its online presence. ICI, the chemicals group, is trying very hard but is struggling to maintain consistent navigation.

It has a disarmingly simple navigation ploy: put the site map on the homepage. This allows the user to visualise the site's structure immediately and see what is available and where.

On many pages a "global site structure" icon brings users back to the homepage. So far, so good. But go deeper into the site and you realise that this consistency is only skin deep.

For one thing, the "global site structure" link does not appear on every page - the centre is clearly not powerful enough to enforce it. For another, each department of ICI has come up with its own online design and layout.

The investor relations people, for example, have put their menu bar on the right. The press office staff, on the other hand, place theirs on the left. Some departments have a link back to the global homepage; others (such as ICI Schools) do not.

There are also huge variations in design (some sections are blocky and blue, some are elegant and white). This further hinders users' chances of orientating themselves.

Other little glitches can lead to big navigation headaches. Link to a section from the homepage, for example, and it appears in another window on your screen. Fine, but link back to the homepage and it appears in the same window, leaving you with two identical homepages. Annoying and confusing.

Logis de France
www.logis-de-france.fr

Some websites cater for lots of different needs and therefore offer lots of different services: press releases, news, product information, online entertainment, investor relations, job applications and so on. For these sites, a flexible navigation system, where a variety of avenues are always open to the user, is key.

But other sites serve just one specific purpose and good navigation here means a clear linear journey. Logis de France's site exists to allow visitors to find and book hotels and restaurants.

Its journey is a very smooth one, with no distractions along the way: Home page -> click -> map of French regions -> click -> map of Limousin -> click -> map of Corrze -> click -> map of a section of Corrze -> click -> list of local hotels -> click -> details of chosen hotel -> click -> reservation form -> turn gas off -> go on holiday.

Design? Very basic - bordering on the ugly, even. But layout is clean, links are intuitive and the journey from A to B is fast and effective.

Email David Bowen at dbowen@netprofit.co.uk and Scott Payton spayton@netprofit.co.uk