This menu displays vertically on the side of the web app interface. The menu path can be configured to hold up to 5 levels of depth. This menu structure works well for a variety of business cases, such as for organizations using their employee app as a news and communication channel, as well as others.

The vertical menu is an elegant solution that also simplifies the administrator’s task of visualizing how the menu will look for different users. While advanced visibility settings will cause the final output to look different for different users and on different device types, the similar structure between the Studio and user interface gives the administrator a lot of guidance. Similarly, the parallel structures in the web and mobile app interfaces, make it easy for a user to find their way around when switching from web to mobile app.

The horizontal menu, often referred to as top-navigation, displays horizontally along the top of the page and allows up to 3 layers of flyout menus. Flyouts can be advantageous, as they allow users to see longer menu paths without having to click through numerous folders. The horizontal menu is ideal for organizations looking to use the Staffbase web app as an intranet solution or to integrate services, such as HR processes or access to 3rd party tools.

Despite the horizontal output on web apps, menu structuring in the Studio and on mobile apps is displayed in a vertical format. Although this can cause visualizing how the menu will look for users with different device types to be quite complex, the different menu structure helps bring users the optimal app experience according to the device they are using.

Pinpoint the essential functions for mobile users at your organization and prioritize them on the mobile menu. Think about the types of information mobile users need. For example:

• Do your users need access to their shift plans in the app? 
• Do they rely on the accessibility of contact information on the go?
• Or the ability to receive quick feedback from coworkers on Chat?

Another tip for tailoring your mobile menu is to remove access to desktop applications. For example, removing links to programs not supported on mobile devices or tasks and documents that are difficult to access on a mobile device brings a whole new ease to navigation.

Prerequisites

• You are on the latest mobile app version.
• You have activated the quick link navigation for mobile devices.

The navigation bar on mobile devices has a modern look and feel. The menu icon is at the bottom navigation bar, taking the fifth quick link spot. With the redesigned navigation bar, you can only add four quick links as the fifth one is used for the menu.

Using widgets, such as the Link List widget, Link Tiles widget, and Portfolio widget, on your start page or specific landing pages distributes content that might otherwise overload the menu. These are ideal for providing quick access to an assortment of links and content in an appealing and easy-to-navigate manner. They can also be used to display, for example, the top-used quick links or to cluster categories, such as departmental topics.

The Launchpad is a great tool for clustering all third party apps. By placing all links to external tools in the launchpad, users will associate the launchpad as a springboard to jump out of the employee app and into a different application. Launchpad apps are sorted based on each employee’s usage, which gives it an especially personal touch. The highly customizable Launchpad can also be tailored to mobile and web apps, so that users will only see apps available for the device type they are using.

The Quick Links Navigation bar for mobile devices is displayed at the bottom of the screen and allows you to define up to 5 links. This allows users to reach frequently-used functions in the app with just one click.