Imagine you're driving along and due to a road closure you have to follow those conspicuous yellow detour signs. You're now on an unfamiliar road, but because of the signs you confidently proceed, comfortable in trusting the arrows to tell you where you need to go.
Then there's a roundabout and no sign. Do you turn left? Right? You're lost and have two choices; turn back and find an alternate road you know well or blindly drive around and hope for the best.
Websites are very similar, no matter what their ultimate goal is, your site visitors need to intuitively find their way around. Too often, general website navigation and orientation disappears or changes on internal pages.
In fact, with websites this point is even more pertinent as users can just 'evaporate' and leave your site, instead of being forced to drive around aimlessly!
Every single page on your website should have a descriptive, unique and concise main heading. Naturally, the main page heading should match the navigation item or link it corresponds to.
Headings provide a cue to orient users and inform them about what they can expect to find on the page. Guidelines for effective headings include:
Often regarded as an 'advanced' navigation technique breadcrumbs have recently proven in usability studies that they're an accepted (and appreciated) form of navigation. Breadcrumb trails are links (usually placed directly above the main page heading) that show where users are in relationship to the homepage. For example:
The benefits of using breadcrumb trails are that they:
A breadcrumb trail should reflect the true hierarchy of the site, not the path site visitors have chosen to arrive at their destination.
This may be obvious but it's important to re-iterate: Correct employment of primary navigation can be one of the most powerful tools to orientate users on your website. These are the golden rules for navigation:
Again, this may be obvious but it's important to re-iterate: Just as primary navigation leads users to site sections, secondary navigation defines the path to specific pages. The same rules as above apply to good practice orientation, in particular the highlighting of the selected item.
Links should clearly communicate where they'll take site visitors. Link text should be descriptive so that site visitors shouldn't have to guess where the link will take them.
Important rules for presenting links include:
Again, consistency is the key to an effective page structure that will contribute to users orientating themselves in the site at all times.
When planning a page structure be sure to do the following:
Progress bars show users where they are in the buying or booking process within transactional sites. The progress bar should:
The page title is the text situated in the browser title bar. When writing the page title make it consistent with the main page heading and ensure it:
Advantages of well written page titles include:
Site maps are essential for sites with a lot of pages and are extremely useful for any website. By providing an overview of the site, site maps display the overall hierarchy.
Users may go to the site map as a last resort if they haven't found information from browsing or running a search. Therefore the site map must be clear, concise and genuinely reflect the site structure.
A tagline is a description of what you do and should be placed directly below the logo. It should be:
Web users tend to spend very little time on each site, they 'flick around' until they find something interesting and relevant to them. Employing a concise tagline will help users understand your site's purpose and what to expect when browsing further into the site.
One of the most important things to remember when helping to orientate users is consistency. That is, consistency between page titles, main headings, link text, breadcrumb items, navigation labels etc. For example, the main page heading should match the name of the relevant navigation item just as the breadcrumb trail items should match the main page headings.
Consistency aids site visitors in recognising the different areas of the site. It also provides them with effective feedback that they've arrived in the right place. This is the key to effective site orientation.