Beginners tutorial: How to Design a Website Analysis Organization Development Implementation Maintenance
Rocketface Workshop - "How to Design a Website" - Welcome to the Web
  • Rocketface®Workshop
  • Sitemap
  • Webmasters Archive
  • Tutorial Index
  • Privacy
  • About

  • How to Design a Website - Webmaster's WorkshopRocketface Webmaster's Workshop - Homepage
    Webmaster's
    Workshop
  • 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
  • Typography - Fonts
  • Typography - Style
  • Typography - Layout
  • 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
  • Resources
  • Types of websites
  • Hex codes
  • Toolbox for webmasters
  • Free website template downloads
  • Optimize your website
  • Resources
  • Glossary
  • Newsletter
  • Feedback
  • Main Site Index
  • Article Archive

  • Hierarchical Navigation
    Provide access to every page on your website

    Understanding hierarchical navigation

    Often referred to as Web navigation the Hierarchical navigation model 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. The goal of any hierarchical/website navigation system is to offer the user a clear and simple way to access all pages in a site easily and to do so quickly from anywhere in the website.

    Hierarchical Navigation Diagram
    Hierarchical Navigation Link Diagram


    The most popular navigation model is hierarchical

    This type of navigation is most commonly used by most webmasters and is often referred to as web navigation. It is a combination of linear and database structures which are interconnected to provide access to any page in the website.

    A good example of this is a sitemap. The links are arranged into a pattern by the webmaster and are easily accessible by the visitor.

    Using drop-down menus for website navigation

    This 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.

    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 at a glance making it easy for them to locate the information that they seek.

    See: Beginners Guide to Sitemaps

    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 nav bar on each page of your website you are providing an avenue, for your visitors, to explore deeper into the site.

    See: Website Navigation and Theme

    Selecting a navigation scheme

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

    See: Types of Websites

    Website Navigation and Layout

    Sitemaps and SEO
    For those who don't devote too much time on the SEO of their site - this is a good place to start. By submittíng a sitemap to various search engines, you are telling them that you exist and what pages your site has to offer the World Wide Web.
    How to Make Easy Website Navigation
    Navigation is how visitors get around your site. If your navigation is unclear then your visitors will get frustrated and go away.
    Navigational Options for Your Website
    There are many types of navigation methods to choose from. You must carefully consider the layout of your site so you can choose the system that will work best.
    Web Site Navigation Best Practices
    A great user experience will bring visitors back. Navigation is a key element in the user experience.
    Developing a Theme for your Website
    Every website should have some type of theme or a way of giving your site an identifying look. When visitors come to your website they should be presented with an experience that they will remember.
    Website Navigation and Theme
    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.
    Tips for Improving Website Navigation
    In order for visitors to find the right information, a website's navigation path needs to be clear.
    Professional Webpage Layout
    The layout of your webpages says a lot about you and your message. Good webpage layout is the key to a successful website.
    Web Site Design Layout - Five Common Elements
    Your web site design layout largely depends on the type of website you're building. A sales page, for example, has different requirements than a landing page, and a landing page has different requirements than a niche web page.
    Web Page Design Ideas - How to Use Graphics Creatively
    Keep your web site design simple, and never lose sight of what you want your visitors to do when they arrive.
    Website Design - 3 Pointers For Color You Must Consider
    The correct use of color in your website design is paramount to ensure your site is not plain and uninteresting or on the other spectrum too busy, glaring and difficult to look at for a period of time.
    Creating a Basic Web Design Template
    A "template" is simply a design format which you can apply to all (or most) of the pages in your web site.
    Website Optimization - Optimizing your websiteMarketing Website - Marketing your websiteWebsite Managment - Managing your websiteWebsite Design - Designing your websiteRocketface(R) Webmaster's Article Archives



    Copyright© 1999 - 2010
    Rocketface® Graphics
    Rocketface® Workshop Analyze Organize Develop Implement Maintain Site Map Index