How to Create an Effective Navigation Structure for Your Site - Part 1

Written by Herman Drost


A ship captain traversingrepparttar open seas without a good navigation system will surely get lost. Maybe he'll strike sharp rocks and his ship will sink. A visitor who arrives at your site and can't navigate it forrepparttar 134459 information they seek, will surely get lost also and leave in frustration. Your ship (your web site) will also sink if this continues to happen.

Good site design means a good navigation structure for your web site. This meansrepparttar 134460 visitor can findrepparttar 134461 information with ease. Put yourself inrepparttar 134462 shoes of your Grandmother. Would she quickly and effortlessly be able to findrepparttar 134463 information she wants, or know what to click on to makerepparttar 134464 purchase? Don't think that just because it is easy for you, it will be easy for others.

Visitors should not need to click more than three times during their navigation, to findrepparttar 134465 information they are searching for.

1. Navigation Styles These can range from navigation buttons, navigation bars, plain text links, fancy animated graphics or drop-down select menus. You can also use illustrations, photographs or graphic images to show your visitor around. For example, an image map contains one graphic with different "hot spots"(invisible buttons) that link to other pages.

2. Primary and Secondary Navigation Primary navigation consists ofrepparttar 134466 navigation elements that are accessible from most locations withinrepparttar 134467 site.

Secondary navigation elements allowrepparttar 134468 user to navigate within a specific location. For example, many sites have a page that offers information aboutrepparttar 134469 company. The primary navigation element may be an About Us link.

Oncerepparttar 134470 user arrives onrepparttar 134471 About Us page, there will be other links (secondary links), which navigate withinrepparttar 134472 About Us page.

These could be links to Press Releases, Corporate Locations, Investor Information and so on. These links are secondary navigation elements because they are relevant torepparttar 134473 About Us page but notrepparttar 134474 other pages ofrepparttar 134475 site. Therefore, these links will not be found in other areas ofrepparttar 134476 site.

3. Guided Navigation This is a popular technique, in which you guiderepparttar 134477 visitor through your site. Links are provided forrepparttar 134478 next step and establishing links that keeprepparttar 134479 users on track continues repparttar 134480 process. These links should supplyrepparttar 134481 necessary information, as well as an alternate course clearly marked to allowrepparttar 134482 visitor to exit. For example, an online purchase should leadrepparttar 134483 user through shipping information, then on to payment information, then to receipt information.

How to Create an Effective Navigation Structure for Your Site - Part 2

Written by Herman Drost


Searching for information onrepparttar Web has recently become like a mine field. You findrepparttar 134458 site you want, only to be greeted by pop-ups when you enter, pop-ups when you are onrepparttar 134459 site and pop-ups when you leave. Other sites use a flash introduction, make you wait several minutes (which feels like hours), untilrepparttar 134460 page finishes loading. Heck, you just want to findrepparttar 134461 information as swiftly as possible without having to watch out for these mine fields.

A fast and simple navigation structure is essential for a successful web site. Visitors must have a good experience at your site, if you want them to return.

How to design your navigation structure 1. Sketching it out. Part 1 of this article (www.isitebuild.com/navigation), discussedrepparttar 134462 different navigation styles and a navigation action plan. Now let's begin sketching out your site.

Take one sheet of paper, draw a circle inrepparttar 134463 middle – this isrepparttar 134464 subject of your homepage. From there, draw branches, which have more ideas about your topic. If any topics are related in a more definitive way, create another branch offrepparttar 134465 current idea branch. Within minutes, you will see your web site develop into a dynamic sketch. You might find that a standard sheet of paper is not enough to contain all your thoughts. Use more paper, create more branches, and keeprepparttar 134466 ideas flowing.

Once you have sketched out your site, use separate sheets of paper for each web page. Make sure you define a heading for each page and decide how it links torepparttar 134467 other pages. This exercise will help you to decide how you want visitors to navigate through your web site.

2. Which navigation style? This could be a navigation bar acrossrepparttar 134468 top, a navigation bar onrepparttar 134469 left (the two most common styles), or an image map (an image divided into separate links to other pages).

If you use graphical icons or other graphics instead of text, then includerepparttar 134470 text links elsewhere on your site. This is because some people browse with their graphics turned off and this technique allows them to still see and userepparttar 134471 links.

3. What colors should you use? If you have a dark background, with dark graphical icons or text, your links will be invisible. When using rollovers (links that change color when you moverepparttar 134472 mouse over them), be careful thatrepparttar 134473 color ofrepparttar 134474 changed link will not disappear, in case your visitor wishes to return to that link.

Cont'd on page 2 ==>
 
ImproveHomeLife.com © 2005
Terms of Use