...

The VerinTop will include the following components:

1. Product area (Verint logo and suite name)

2. Application selector

3. Navigation area (Top or Left). See each type for more info.

4. Additional options (in Left Navigation mode only)

   1. Instances

   2. Additional information

5. Search

6. Notifications indicator

7. Help center

8. User profile, including:

   • User status

   • System and User settings

   • Logout option

Product area

Description

The Product area identifies the application as a Verint product.

...

• The entire menu should be replaced by a menu icon button ⋮.

• When the icon button is clicked, a drop-down menu will open.

  • 1st level menu items will be shown on the left.

  • When a 1st level menu item is hovered over or clicked, the related 2nd level menu items will be shown on the right.

  • When a 2nd level menu item is selected:

    • the menu will close.

    • the new page will be shown in the workspace.

• When the menu is first opened, the currently-selected 1st level and 2nd level menu items should be shown by default.

• The current selection should be shown at both levels.

• A hover state should be shown for all menu items on hover (unless using a touch device).

• Where possible, the selected page will be shown next to the menu icon button. This should include both 1st and 2nd levels.

Current selection	Hover
Image RemovedImage Added	Image RemovedImage Added

For more information about responsive design for mobile, please contact the UX team.

...