Navigation Bar

 

Once you have decided on your site map it’s time to work on a sensible navigation system. You need to prepare a list of all the links you have and determine the best navigation that is easy to understand and easy to move around without getting lost.

 

  • Organize your links in order of importance
  • All links should be found in a group
  • Locate your navigation bar on the top or top left side of the page, as these are the first places our eyes go to.
  • Avoid putting the navigation links at the bottom of the page, unless it is a secondary text navigation bar. (Example: http://www.cnn.com)
  • Make sure to have the navigation bar on every single page and at the same location.
  • Avoid using confusing terms for the links. Go for the most obvious and common terminologies. For example use “Contact Us” than “Find Us”.
  • If you have a large list of categories and sub categories, list them in smaller groups then either use drop down menus or list them on each relative page.

 

 

Examples:

 

Here are a few examples of a few websites with some design issues.

 

Website

Problem

http://www.gardenrant.com/

No grouping has been done

http://www.freemap.com/

No grouping has been done

http://www.gamequarium.com/

Navigation problem

http://www.ecuad.ca/

Vague navigation link names. Try to register for a course!

http://www.restaurantguideatlanta.com/

No grouping has been done

http://www.bruceward.com/

No Navigation bar!

http://www.boogersite.com/boogerSites.cfm?page=1

Bunch of bad designed websites

http://www.indulgencedesserts.ca Lack of consistent nav bar

 

 

 

 

Buy "Digest Web Design" PDF Book

 

All the information on this website is also provided in a PDF book for only $30.
Click here to buy.

 

 

<<    Previous Page                                                                    Next Page    >>