Versions Compared

Version Old Version 116 New Version Current
Changes made by

Carlie Bradshaw

Hasitha Jayarathne

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  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

...

Note: All products within a suite should use the same navigation type. Only external products, that are opened in a different tab, can have a different navigation type.

Type

Choose:

Image

Top Navigation mode

  • By default, if the menu options fit.

  • When there are only 1 or 2 levels in the menu hierarchy.

  • When there are 8 or fewer menu items at each level.

Left Navigation mode

  • When there are 3 or more levels in the menu hierarchy.

  • When there are more than 8 menu items at any level.

  • When the top bar area is needed to show Instances or Additional information.

Note: Left navigation cannot be used in conjunction with the Filter Pane.

...

  • Provide a way for users of assistive technology to skip navigation links, which would otherwise require a lot of additional clicks.

  • A skip link will be positioned underneath the Verint logo.

  • When any item within the VerinTop is in focus, the VerinTop will be displayed in an Expanded state, as on hover.

...

Search

Keyboard

Search icon

Search field

Results menu

Tab

Navigates to the next focusable element

  • Empty - closes the search field and navigates to the next focusable element

  • Filled - navigates to the “X” icon button

N/A

Shift + Tab

Navigates to the previous component

Closes the search field and navigates to the previous component

N/A

Space

Opens the Search field

Adds a space in the search Text Field

  1. Selects the focused item,

  2. closes the menu and search field, and

  3. loads the destined page

Enter

Opens the Search field

N/A

  1. Selects the focused item,

  2. closes the menu and search field, and

  3. loads the destined page

Esc

N/A

  • Empty - closes the search field and returns it to the search icon

  • Filled - clears the search field and closes the results menu

  • Clears the search field

  • Closes the results menu

  • Returns the focus to the search field without applying any action

Arrows

N/A

  • Empty - N/A

  • Filled -

    • Down moves the focus from the search field to the first item in the results menu. (Not applicable if there are no search results).

    • Right/Left act as arrows in the search Text Field

  • Moves the focus down or up by one item

  • Clicking Up from the first item moves the focus back to the search field

  • Down stops at the last item in the list

Text input

N/A

Focus remains on field while text is added or removed

Focus returns to search field and the characters are entered, updating the results list accordingly

...

...