Horizontal menu

Definition: A horizontal menu displays a list of links stacked horizontally, accessing different sections, pages, or features of an application.

When to use

Use the horizontal menu to access various services and receive assistance or configure settings.

 

 

 

Service name & dropdown

  • If your service is a stand-alone product, display the full name to communicate its identity.
  • If your service is part of a larger platform that includes multiple services, use a dropdown with all service names displayed. This allows your users to easily access and navigate between the different services.

 

 

 

Secondary menu

  • If your service has a complex information architecture with a large number of pages, consider implementing secondary-level navigation with a hierarchical structure to group related pages. This helps your users to easily find the information they are looking for.
  • Only use a secondary level when necessary because adding too many levels of navigation can make it difficult for your users to understand and navigate your service. A third level is optional and only required if there is a clear need for it.

 

User shortcuts

Use user shortcuts to quickly access various functionalities within a system or application. The most common ones include:

 

Types

Usage

Interaction

Search functionality

Quickly find specific content or information globally.

 

System settings

Access and configure the overall preferences globally.

 

Module or screen settings

Access and configure each set of preferences independently.

 

Optional to hide the settings for users without access rights.

Opens a separate page or a pop-up window, depending on the number of settings.

Help

Read documentation and receive support.

Preferably lead to a help window.

Notifications

View all recent notifications for easy access.

 

Context selector

Use context selectors to filter information based on specific values. By default, the working company is on display. If your user has super admin rights, your user can switch to another company to view relevant data.

 

Limit your domain to five levels, ranking from high to low

  1. Distributor
  2. Partner
  3. Customer
  4. Company
  5. Branches