Navigation

A sound navigation layout offers a high degree of discoverability and feedback, letting users know where they are at all times and ensuring they can easily get to where they want to go.

Commure has a horizontal header navigation menu and a secondary vertical navigation menu.

Header navigation

The header horizontal navigation component is used to display the primary navigation. The suggested content of the primary navigation includes:

  • the app logo and/or name
  • a list of links to navigate within the main sections of the app
  • icons to represent notifications and a link to the app settings
  • the current user’s profile name

Header navigation

Side panel secondary navigation

The secondary navigation lives within our collapsible side panel component. This secondary navigation is a link of links that allows the user to change the content in the main app canvas of the screen.

Side panel secondary navigation

Combining navigation patterns

Use the primary and secondary navigation components together as shown below.

Combining navigation patterns