Carlie Bradshaw , Asaf Ben-Oved, Shani Laendler (Unlicensed)

...

Type	Choose:	Image
Top navigation mode	By default, if the menu options fit. When there are 7 or fewer menu items at each level. When there are only 2 levels in the menu hierarchy. There are two types of top navigation: Full and Condensed.
Left navigation mode	When there are more than 7 menu items at any level. When there are 3 or more levels in the menu hierarchy. When the top bar area is needed to show instances or additional information.

...

Placement and positioning

The position of the search icon may vary if additional elements are used (e.g. additional information).

Internal logic

• The search covers the Application Selector and all levels of navigation.

• Results are displayed from top to bottom according to their hierarchy in the navigation.

• For any of the 3 sections, if more than 12 results are found, the section will have a scroll.

...

The user profile shows the current user status and offers account-level options.

...

Structure

The user profile contains:

• user profile image, initials, or default avatar.

• current status (optional).

• notifications indicator (optional, see below).

• profile menu, containing additional account-level options.

• a drop-down icon button, to the right.

...

Default (no status)	grey line, 2 pixel width.
Available	green line, 2 pixel width.
Not available	red line, 3 pixel width.

Profile Menu

...

Left navigation mode, stand alone	Top navigation mode, within the user profile
Image RemovedImage Added	Image RemovedImage Added

Structure

Notifications consists of:

• an icon button (left navigation mode only).

• a count of unread notifications.

• a drop-down List of notifications.

Placement and positioning

...

The notification position should be the same for all products within a suite.

Content

TBD

Interaction

• Clicking anywhere on the notifications indicator will open the notification drop-down list.

• The drop-down list will be closed:

  • when a notification is selected.

  • when the user clicks outside the list.

• Once a notification has been selected, it will be marked as read.

• All notifications can be marked as read by…

Internal logic

• When there are over 99 items in the notification menu, the count should read 99+.

• Unread notifications should be shown…

• Read notification should be removed after x days.

Best practices

Use:

• VerinTop in every Verint application.

• The same type and menu items for all products within a suite.

• Short labels for menu items, allowing room for translation.

...

Code

<<a box containing the code - when there is no code to present use the Coming Soon GIF>>