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

...

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 IMAGE

  Image Added

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

  Image Added

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