You are here

Navigation

The navigation, or menu, of a website allows users to move about the content in a non-linear pattern. A well-structured navigation gives the audience freedom to choose their path through a site and find their destination quickly and easily. The CLA navigation structure has been designed to aid in user experience and accessibilty, while strategically organizing content relevant to a user's need for finding information.

Top Level

The term "top level navigation" is applied to the horizontal menu of links just below the CLA Header. This may aslo be referred to as the "main" navigation and is the primary navigation method of every CLA web page.

Section Navigation

The second highest level of navigation is the section navigation, which breaks a given top-level page into more detailed content paths. This level may be presented in two ways:

Section Landing Pages

A section landing page, also referred to as a block grid navigation, presents a menu of links in a grid layout with images, a title, and teaser text. This highly visual layout provides users with a quick, easy to navigate menu that also acts as the landing page's content.

Section Landing Page navigation sample

Left-hand side navigation

The most typical and familiar type of navigation to most users, the left side navigation is simply a vertical list of links to pages in lower levels of the site structure. This navigation may be made more complex by presenting third-, fourth-, and fifth-level links in a "tree-like" structure, with each subsequent level indented to show heirarchy. On CLA sites, this navigation is ordered alphabetically by link title.

Breadcrumb

A breadcrumb (or "breadcrumb trail") is a form of secondary navigation that tells the user where they are within a website. It is often the most convenient way to find the position of a page within the site's navigation structure, and usually appears at the top of the page (as it does on all CLA websites). The breadcrumb begins with a Home link, which refers to the homepage of a specific unit. The links thereafter outline the path a user can take from the homepage to the content they are currently viewing. This series of links is generated by Drupal according to the site's navigation structure. A typical breadcrumb may look like this: 

Home / Landing page / Section 1 / Generic page 1

This breadcrumb may appear in the site's navigation structure like this:

  • Home
    • Landing page 1
      • Section 1
        • Generic page 1
      • Section 2
      • Section 3
    • Landing page 2
    • Landing page 3