Carlie Bradshaw , Asaf Ben-Oved, Shani Laendler (Unlicensed)
| Status | ||||
|---|---|---|---|---|
|
...
State | Image | Details |
|---|---|---|
Regular |  | When there are no unread notifications:
When there are unread notifications:
|
Hover |  | |
Active |  |
Interaction
Top Navigation mode
...
Opens contextual online help pages and other resources such as product feedback.
Bell needs adding to image
...
Structure
Displayed as an icon button with no text.
...
Positioned to the left of the user profile.
Update image
...
Interaction
Clicking on the ? icon button opens a menu with all of the help center options.
...
The user profile shows the current user status and offers account-level options.
...
Image: Add two Send Message options and Enter What If options
Structure
The user profile contains:
...
By default, users will be represented by their initials (e.g. JD for John Doe).
INITIALS EXAMPLE IMAGEEach user may upload an image to replace the initials.
If neither a user image or initials are available, a default avatar will be shown.
DEFAULT AVATAR IMAGE
Current status (optional)
An additional circle around the user profile image can be used to show the user’s current status.
State | Description | Regular | Hover | Active |
|---|---|---|---|---|
Default (no status) |
|  | ||
Available |
|  | ||
Not available |
|  |
Profile Menu
...
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. <Can be multiple skip links - check they’re necessary>
When any item within the VerinTop is in focus, the VerinTop will be displayed in an Expanded state, as on hover.
<Update Image to visual>
...
Responsive Design
Verint products should dynamically respond to the user’s screen size, platform, and orientation, supporting all devices down to the common tablet size (960px width).
...
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>>
