Versions Compared

Key

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

Related Pages: System Errors

...

  • A visual.

  • A message, describing the state and recommended actions.

  • A dialog button or a text link, guiding the user to perform a relevant action. (Optional)

...

Specific elements positioning:Fix visual

...

...

Content

The selection of the image depends on the specific context:

...

  • Empty state illustrations and icons are non-interactive.

  • The message may contain an additional Dialog Button or a Text Link.

  • When an empty state is embedded within a container, the rest of the application should remain active.

...

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

Component examples

...

Designs

...

Comment

image-20240707-080844.pngImage Removed

...

.

...

image-20240707-080314.pngImage Removed

...

  • In registration/log in flow

  • Indicates an issue with sending an email

image-20240707-080535.pngImage Removed

...

  • Redirecting a current process or service

image-20240707-081015.pngImage Removed

...

A deny message that takes the entire screen

...

Used when user isn’t allowed to register or create a certain element.

...

Design

Zeplin link

Screen thumbnail

https://zpl.io/llvJmwX

Needs an update?

Fix Image - remove hourglass, update to newest images

Code

...

Drafts:

Empty states are elements, containing a visual and a corresponding text, that are used where there is no content to display

Empty states are used where there is no content to display. They include a visual and a corresponding text message and

Waiting

  • Use when an action is in progress

  • Illustration is used instead of other progress indicators [link,link] if exists.

  • No icon - put a progress bar (indeterminant)

  • Move this line of the table to progress indicator

  • put here a link to “see also…progress indicators”

...