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

...

States

State	Image	Details
Regular	Image RemovedImage Added	When there are no unread notifications: the grey bell icon is shown. When there are unread notifications: a notification count blue badge appears above the icon button
Hover	Image RemovedImage Added
Active	Image RemovedImage Added

Interaction

Top Navigation mode

...

• 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)	Grey line, 2 pixel width.
Available	Green line, 2 pixel width.
Not available	Red line, 3 pixel width.

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

...

Code

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