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.

...

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

Profile Menu

...

• Clicking anywhere on the profile image, or the associated drop-down button, will open the profile menu.

• Clicking anywhere outside of the profile menu will close it again.

• Selecting an option from the profile menu will:

  • perform the action (e.g. logout, change status, or open the Preferences window).

  • close the menu.

...

Notifications

Description

A unified place where users can see the system’s alerts and notifications from different parts of for system notifications and alerts. Notifications may be generated by any product within the suite.

.

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>>