Rocketface(R) Workshop - Website design for everyone. Webmaster's Tutorial, "How to Design a Website". Rocketface(R) Workshop Home




Tutorial navigation instructions

Organize Website
Main Topics
  • Organize Website
  • Website Structure
  • Website Homepage
  • Website Main Sections
  • Website Sections
  • Website Navigation
  • Linear Navigation
  • Database Navigation
  • Hierarchical Navigation
  • Website Theme
  • Website Content
  • Webpage Design
  • Titles Tags Links
  • Webpage Layout
  • Unbalanced Layout
  • Balanced Webpage
  • Focal Point
  • Webpage Hotspots
  • Webpage Design
  • Poor Webpage Layout
  • Balanced Layout
  • White Space
  • HTML Editors
  • Website Templates
  • Website Basic Layout
  • Website Basic Divisions


  • Hierarchical Navigation
    Providing access to every page on your website

    Hierarchical navigation ties your website together

    Often referred to as Web navigation the hierarchical model of website navigation goes from the general to the specific; from a homepage to main sections to subsections and databases. It is a way to tie together many areas of information into a working website structure. A visitor could easily go from the homepage to other areas of the website and back again. Hierarchical navigation is the most frequently used type of website visitor routing on the internet because of it's flexability and efficiency.



    The goal of any hierarchical website navigation system is to provide an efficient means of simplifying user interaction. Designing your navigation scheme in this way this presents your visitor with a clear and simple path to access all pages in your site easily and to do so quickly from anywhere in the website.

    Hierarchical Navigation Diagram

    Hierarchical Navigation Link Diagram

    Hierarchical navigation is the most popular navigation model on the web

    This type of navigation is commonly used by most webmasters and, as mentioned earlier, is often referred to as Web navigation. It is a combination of linear and database navigation structures which are interconnected to provide access to any page in the website. A good example of hierarchical navigation is a sitemap. Proper sitemap construction insures that the links are arranged into a concise pattern by the webmaster and that they are easily accessible by the visitor. Any page on your website can be easily called up.

    Sitemaps are the most common type of hierarchical navigation system

    The most common type of Hierarchical navigation system is the sitemap. Each page of a website is represented by a text link, in the sitemap, which when clicked opens the page it represents. A sitemap has the advantage of giving the visitor a birds eye view of the entire website content at a glance making it easy for them to locate the information that they are seeking.

    The hierarchical method of website navigation is often employed by the use of multiple drop-down menus. Each of the main website sections are displayed on a webpage as a link. Then by clicking on the links the subsections and/or databases become visible via a drop-down menu.

    Navigation bars link your visitors and your website

    Navigation bars are also widely used throughout this type of website. They provide a way to link all or parts of the website content in a uniform manner. By placing a navigation bar on each page of your website you are providing an avenue, for your visitors, to explore deeper into the site.

    Selecting a navigation scheme

    Look at some of the most popular types of websites and see how they accomplish their navigation. Experiment, take notes and design a navigation scheme, based on what you learn, one that best suits your needs. The key here is to experiment until you achieve the desired result.


    For more see:



    BACK:Database Navigation NEXT: Website Theme

    copyright© 2013
    Rocketface® Graphics
  • Analyze Website
  • Organize Website
  • Develop Website
  • Implement Website
  • Maintain Website
  • Article Archive