Webmaster's tutorial: Analyzing website Organizing website Developing website Implementing website Maintaning website
Welcome to the Web - Rocketface(R) Workshop Webmaster's Tutorial - "How to Design a Website" Rocketface(R) Home - Welcome to the WebHow to Design a Website - Webmaster's Tutorial StartRocketface(R) Webmaster's Workshop
Rocketface®Workshop Webmaster's Tutorial Index Webmasters Article Archive Sitemap Privacy About
Rocketface®: Webmater'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 template downloads
  • Optimize your website
  • Resources
  • Glossary
  • Newsletter
  • Feedback
  • Main Site Index
  • Article Archive


  • Something a little different
    XtraAstrology - Exploring the arcane
    moonGROW - Moon phase gardening




    Linear Website Navigation
    Navigating through your website in a straight line

    What is linear navigation in website design

    Linear navigation is used for a website when 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 determined by you. This is particularly usefull for tutorials like this one. But, it also has many other uses. Photo galleries lend themselves well to linear navigation as do shopping carts and check-out areas on commercial websites.

    Linear "straight line" Navigation Diagram
    Linear "straight line" Navigation Diagram

    When to use Linear Navigation

    Any time that you want your visitor to follow a bread crumb trail through your site you can use linear navigation. This way you can direct them step-by-step or page-by-page toward whatever goal you have in mind.

    See: - Website Navigation
    See: - Tips for Improving Website Navigation

    Straight line or sequential navigation links

    Above is a graphic diagram of how a linear navigation scheme is linked. As you can see one page (i.e. link) follows another. Keep in mind that your visitor can opt-out at any time by using their browser buttons so keep each page brief and to the point.
    Arrange your links so that they only permit movement in a straight line from one page to another. This is straight line (i.e. linear) navigation. You set up your links in such a way as to compel the visitor to start at one end and continue to a conclusion.

    See: How to Organize a Website

    Linear reciprocal navigation links

    Sometimes you might want your visitor to view a thread of information in a linear fashion with the option of back clicking. This is where reciprocal linking works well. Below is a diagram that explains how this is done.

    Linear "reciprocal" Navigation Diagram
    fig.2 - Linear "reciprocal" Navigation Diagram

    Reciprocal navigation, just like linear navigation, follows a straight line through a website. But, it allows the visitor to move back and forth between a series of pages. Just setup your links with a start page an end page and links tying the pages together that lie between them. This will keep your visitor in one area of your website until they decide to opt out.

    Basically this is how a browser works. The back and forward buttons in the toolbar perform this reciprocal function. You can move forward or back in your browser window but always in a straight line.

    See: Website Navigation and Theme

    Linear navigation vs content

    This type of navigation (i.e. linear navagation) is a tool to help webmasters present their message, not an end in itself. The content that you provide to your visitors is the key to designing a website that grows and expands across the internet.

    You can have the most innovative and original navigation model on the Web but, if your content is lacking and doesn't satisfy the people who visit your site it won't matter. Your visitors are looking for information and your content must provide that information or your website will fail.

    See: Website Content

    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