Navigation
Notice: This documentation has been deprecatedFor new web site development and existing site improvement, please refer to the EBI Visual Framework (v1.1) documentation. All services are expected to use the new framework by February 2017. |
Five main navigation types
There are five main navigation types on EBI web pages:
Global menu
The global navigation menu sits at the top of every page. It is designed to be easy to find yet unobtrusive, so as not to confuse users who wish to use the navigation menu for your site.
Local menu
The local menu is the navigation menu for your website and it sits below the main banner. It is optional, since not all projects require their own menu. Since it is a horizontal menu, you need to think about the text length of labels. We recommend that your first menu link is "Home" and your last one is "About [project-name]".
Secondary menus
Once the user has selected an item from your local menu, you might need to display a secondary navigation menu for that section. So that your content takes the most important position, in the top-right of the content area, we will position these secondary menus in a column on the right in a vertical list. The <h3> heading for this menu should match the label text selected in your local menu.
Breadcrumb trail
You can also help your users locate themselves in the site hierarchy but using a breadcrumb trail. This is usually displayed in combination with the secondary navigation menu, to emphasise location.
Footer global menu
In the global footer of every page there is an expanded version of the global menu, including all sub-items. This acts as a top-level sitemap, available on any page.
