Skip to Main Content

Navigation

The navigation bar allows users to move through the website. As a general rule, navigation bars should have no more than 8 items (including a required “Home” link).

Using consistent terminology in navigation helps users find their way. For this reason, we strongly suggest standard language that applies to certain FIU websites (for example, using “Giving” for donor pages or “Contact” for faculty pages or contact information).'

Top Level Navigation

The basic navigation for all FIU websites

Child Site Navigation

Complex sites may need to use a child site to organize content. Child site navigation replaces the top level navigation. The same navigation guidelines apply: A maximum of eight items (including a “Home” link) and standardized terminology (where reasonable).

Breadcrumbs

A breadcrumb is a common design element that acts as a “trail” through a website. Breadcrumbs make navigating a website easier by allowing users an easy way home through the site's hierarchy (as in the fairy tale “Hansel and Gretel”). It is displayed below the banner and above the page title.

Side Navigation

The side navigation, or side nav for short, is a secondary method of navigation that helps users find content within top-level navigation items such as the "About" or "Academics" sections. This navigation helps users move back and forth and across main content areas within a section.

Space next to the side nav is limited, so it's important to design content on a page around the side nav (see content areas).

  • Desktop & Tablet
    Secondary Navigation Example for Desktop
  • Mobile

    On smaller mobile screens, the side nav is displayed at the top of the page as a clickable dropdown.

    Secondary Navigation Example for Mobile