Rocketface® Webmaster's Workshop
Designing A Website   
A beginners guide to building a classic website


Including the step-by-step webmasters tutorial
How to Design a Website

Home Sitemap Archive Index Privacy About Search AddThis Social Bookmark Button
Webmasters Tutorial Navbar
How to Design a Website
About Domain Names
About Web Hosts
Free Web Hosts
Private Web Hosts
Types of Websites
Building a Website
Analyze Website
Analyze Audience
Analyze Content
Website Design Tips
Website Journal
Effective Communication
Target Audience
Demographics
Website Goals
Organize Website
Website Basic Layout
Webpage Design
Website Navigation
Website Structure
Website Sections
Website Theme
Webpage Layout
Website Content
HTML Editors
White Space
Develop Website
Sitemap Construction
Webpage Construction
Website Assembly
Website Construction
Website Graphics
Website Templates
Implement Website
FTP Website
Fine Tuning Website
Upload Organization
Ftp Checklist
User Interaction
Maintain Website
Website Promotion
Marketing Website
Viral Marketing
Content
Product Sales
Affiliate Programs
OnLine Services
Optimize Website
Keywords
The SEO Process
Website Traffic Analysis
Increasing Website Traffic
Links Tracking
Link Baiting
ROR RSS Sitemap
Generator
Summary
Webmaster Resources
Webmasters Tutorial Start
The SEO Process
Mini Site Design - 101
HTML Tutorial
A beginners guide to effective email
Resources
Glossary
Newsletter
Feedback
Webmasters Article Archive

Bookmark
Bookmark Rocketface Workshop



Website Navigation

The Basics of Website Navigation

Target Audience

We've discussed who you have decided your target audience will be. Ask yourself what kind of information will they will be looking for and what questions will they will be asking.

Now we need to help them find the information and the answers, that they are seeking, by the shortest route possible.

Too Many Links?

Have you ever visited a website where you keep clicking on links, hoping you are going to find that information you're looking for, only to be led to more pages of links.
It gets frustrating and visitors often leave without finding what they were looking for. That is not good for you or your visitor.

Website Navigation and Structure

The answer is to have a clean, simple website structure and navigation scheme that is as clear and obvious as possible. You should always make it clear for your visitors how they can get between topics easily and always provide a means for them to go back from where they started. Make an outline of your website and go from there.

Information Icon How to Develop a Website Outline

Website Navigation Methods

There are many schools of thought on the best website navigational design. I don't believe there is any one ''best'' design; Your navigation model depends on your website and its content and is often a combination of two or more designs. We will examine three different website navigation methods and see how they work. They are; linear navigation, database navigation and hierarchical navigation. See below.

Linear Navigation

Linear Website Navigation

Linear Navigation: Moving in a straight line through a website



Database Navigation

Database Navigation

Database Navigation: Moving in and out of website content areas



Hierarchical Navigation

Hierarchical Navigation

Hierarchical Navigation: Moving up, down and around a website



As I said earlier, many websites are a combination of navigational models and you will have to determine which method works best for your webpages. It is important to have a clear idea of your navigational system before you organize your website. Help your visitors find the information they need with the least number of clicks. This will also serve you in creating your website structure.

Information Icon Tips for Improving Website Navigation

Note: you don't want to put a direct link to everything on your website on any single page. Your website links should progress through several levels branching out as they go. Too many links to choose from and your visitors often won't know what to click on.

Using Sitemaps for Navigation

Your sitemap is an excellent navigation tool. The good thing about a sitemap is that it provides your visitor with direct access to anything on the website. But, in order for your sitemap to function as a navigational tool it is necessary for your visitors to be able to access it easily. Provide a link to your sitemap on every page on your website. The sitemap should be your secondary means of navigation, not the primary one.

Information Icon A Beginners Guide to Making a Sitemap

Navigation Bar (nav bar)

There are no certain rules about how and where to put your navigation bar. Many webmasters put it along the left side of their webpages. Some put it on the top. Occasionally a website will put it on the right side, forcing the visitor to look in that direction. Whatever works best for your website and its contents should be your approach to placing your navigation bar.

When deciding on the placement of your nav bar you should consider the effect it will have on the space you will have available for your content. Navigation bars can take up a lot of space that could otherwise be used for content. This is why it is advisable to use links only to your main topics and branch out from them on following pages.

Information Icon Professional Webpage Layout

Theme and Navigation Links

Every website should have some type of theme - a way of giving your site an identifying look. This can be through the use of a unique logo, a particular color combination or a recognizable idea such as gardening or pets. Your theme should be considered when designing your navigation scheme. Work it into the way that you display your navigation links. (i.e. icons,bullets,colors,etc.)

It's also important to note that you should always include a text-only copy of your navigation links, as some people surf with images turned off or even with text-only browsers. Page headers and footers are a logical place to include your text-only links.

Information Icon Website Navigation and Theme

Website Design for Beginners - Further Reading

Create a Professional Looking Website in One Day
Building a Multipurpose Website
Dos and Donts Guide to Great Web Design
Do You Know How To Create A Successful Web Site?
15 Fixes For A Failing Website
8 Ways To Improve Bad Website Design
Common Web Design Mistakes
Choosing A Professional and Reliable Web Host


Back Next

Check out the webmasters article archive.
Copyright© 1999 - 2008
Rocketface® Graphics
Home Analyze Organize Develop Implement Maintain Site Map Index