SmartHub - How to segment the navigation menu

Overview

Segmentation is an important part of our platform offering. It helps make the platform fresh, relevant and engaging by delivering the right content to the right people. This is especially the case for multi-location clients. We offer segmentation through segmented tiles, pages and also layouts. We can reflect this segmented content in the main menu items shown in the top navigation bar. This article is to explain how we do that in more detail.

Why is it important to have a comprehensive and relevant menu?

1. The navigation menu reflects the underlying structure of the program creating multiple ways in which users can explore and make sense of the content within their platform.

2. A navigation menu is visible and reachable from any page making it the most clicked on element alongside the search bar. It is the main way people navigate around the platform.

3. A well-structured navigation menu is a core accessibility requirement. This is especially true for users reliant on screen-readers to explore websites.

A three-step guide to utilizing segmentation in the menu

1. Set up your segmented pages, blogs and SmartHub® layouts as normal using Segment Manager:
   
   
   or from the segmentation option on the page/hub itself:
   
   
   
   
2. Go to the Menu editor and organize your content into a meaningful navigation. The menu can be created by dragging items from the right to the menu structure on the left. The menu structure on the left is then displayed in the same structure live on the platform. 'Custom Items' and 'Custom Menus' are used to help organize the navigation of the menu, they are used to categorize pages and layouts and as such cannot be segmented themselves. You can drag and drop pages and layouts to the menu structure. The menu will then react to any segmentation you've added to pages and hubs by showing or hiding the links to people that fall into or out of those segments.
   
   Here's more detail on the visibility rules in the menu editor:
   E.g. you have a main “Benefits” custom menu visible to all. Nested within it you might have a segmented hub for UK employees and one for US employees. Add both of these hubs under the "Benefits" custom menu. Then if a US employee logs in they will only see the menu item for US benefits and if a UK person logs in they will only see the menu item for UK benefits.
   
   
3. That's all. The last step is to test the setup.

End results

Here are examples of how different menu structures are seen by the audience.

Here we have a Custom Menu with one Menu Item nested within. The menu item leads to a page that is segmented with the rule: First name is Sevil. As a result, everybody except Sevil sees the Segmentation Test label in the mega menu with nothing underneath. Sevil on the other hand, sees Segmentation Test » Segmentation test - Sevi.

Similar to the above, in this example, we have a Custom Menu called Segmentation test visible to everyone. Nested within it though we have a page segmented with rule: First name is Sevil and another page with First name is Norberto. As a result, Sevil sees Segmentation Test » Segmentation test - Sevi and Norbie sees Segmentation Test » Segmentation test - Norbie. Everyone else sees only the custom menu Segmentation Test

In this example, we have used directly the segmented page (First name is Sevil) and added it to the mega menu. Therefore, others sees nothing and Sevil sees Segmentation Test. 

Note: Adding segmented pages works the same in both a mega menu and drop-down format.

Final example is when a segmented page (rule: First name is Sevil) is added directly to the navigation bar. In this case, everyone except Sevil sees nothing on the nav bar, whereas Sevil sees Segmentation Test as a top-level link. 

Example use cases

The right time to use segmentation will depend on the main goals and aims of the client platform and what solutions they have. Some examples of when menu segmentation would be especially relevant include:

• Global platforms - segmenting benefit information so that it is relevant to each country
• R&R education - managers will see different education to employees as there role is somewhat different, however both pages/ layouts can appear under 'How does it work?' etc 
• Location differences - often content will be relevant to a specific workplace eg at RG offices we could have a Custom Menu of 'Safety' and underneath information relating to all of our locations but due to the segmentation employees would only see the link relevant to their office.