Carlie Bradshaw , Asaf Ben-Oved, Shani Laendler (Unlicensed)
Status | ||||
---|---|---|---|---|
|
...
Product area (Verint logo and suite name).
Application selector.
Search
Resource center
Additional options for Left Navigation
Instances?
Additional information (WM example)
Progress indicator??? (with Liav)
User profile, including:
System settings
User settings
User status
Logout option
Notifications and alerts (WM Optional)
Product area
...
The list should should be the same from all applications in a suite.
Applications should be sorted in order of importance.
External products should be shown underneath internal applications.
...
The selected application will be indicated with a blue check mark.
A scroll bar will be used when the application selector is taller than the height of the screen.
TBDDDD External Products
External products should be opened in a new tab.
… ?
Interaction
Clicking the 3 dots ⋮ beside the application name will open the list of available applications.
When an application is selected:
the list will close.
the view will change to the new application.
...
Where Left Navigation is used, the header bar may contain additional features.
Instances
TBD
Additional information
Description
...
Additional information a read-only section
Tooltips may be used. Recommended for icons.
Progress Indicator
TBD
User Profile
Description
The user profile shows the current user status and offers account-level options.
...
By default, the circle around the profile image will be blue. However, it can also be used to show the user’s current status.
Default (no status) |
|
Available |
|
Not available |
|
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) and
close the menu.
...
Interaction
Alerts/notifications:
above 99: TBD “99+”
within the menu… TBD
When are they removed?
Best practices
<Whenever a recommendation (not a must) is provided>>
Use:
VerinTop in every Verint application.
Short labels for menu items, allowing room for translation.
Top navigation, unless you have more than 7 menu items at each level, or more than 2 levels in the menu hierarchy.
<…>
<…>
Don’t use
<…>
<…>
General
<…>
Accessibility Compliance
Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility
...
Zeplin link | Screen thumbnail |
---|---|
<<Short Zeplin link. You | <<Screen with 200 width>> |
Code
<<a box containing the code - when there is no code to present use the Coming Soon GIF>>