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


    Website Navigation and Theme
    By: Gene DeFazzio

    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 our your visitor. The answer is to have a clean, simple website navigation scheme that is as clear and obvious as possible.

    There are several 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 is used for a website where you want the visitor to go from one step to another in a particular order. This is usually used within a website but seldom as a stand alone design. The idea here is that the visitor follows the pages in a predefined order or sequence that you determine. This is particularly usefull for tutorials. But, it also has many other uses.

    The database or grid design of website navigation is made up of multiple main divisions and each division is linked to its own database. This type of navigation can be used effectively when large amounts of data are required in the website design. With database navigation the visitor begins by selecting the main heading that best serves their purpose. From there they can drill down deeper and deeper into the selected database.

    The hierarchical navigation design goes from the general to the specific; from a home page to main sections to subsections and databases. A visitor could easily go from the home page to other areas of the website and back again. The goal of any hierarchical navigational system is to offer the user a clear and simple way to access all pages in a site.

    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.

    As I said earlier, many websites are a combination of navigational models and you will have to determine which method works best for your web pages. 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 site theme.

    Website Theme

    To enhance navigation 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. Let's take a look at the theme of the website.

    If you have chosen a title for your website or business, think about what theme would compliment that title. Let your imagination take over here and think of several ideas and write them down. If you don't have a title or name chosen, think of the content, graphics and/or photos you're going to include on your site. Deciding on a theme might help you come up with a unique name.

    A theme can be obvious . . . such as a greenhouse using gardening tools, flowers, etc. Or it can be a metaphor. For example, a website about babies could also use a ''gardening'' theme. The metaphors of seedlings, growth, nurturing, feeding and caring for tender plants would translate very well. When the theme is a particular color or color combination, the links, buttons and graphics should all reflect that color theme. If a logo is used as the theme, that logo should be incorporated on every page.

    What you are doing, with a theme, is providing cohesiveness to your site - letting visitors know they are still in the same place no matter what section they are viewing. Web users don't like the feeling of being ''lost'' and will leave a site if they feel they don't know where they are or how to find information. Combing your theme and navigation scheme is the way professional webmasters create their sites. You should too!


    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