Versions Compared

Key

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

Table of Contents

...

LUX has specific designs for 4 empty state types. In instances where an empty state should be shown on a full page, the appropriate illustration should be used in place of page content. In instances where an empty state should be shown in smaller containers, such as a widgets, the corresponding icon should be used instead.

Type

Usage

Illustration

Full page

WidgetIcon

No results found

Use when a user’s search criteria returns no results.

Image Removed

No <entities> defined

Use when no entities, such as users in a list of users, have been defined.

Image Removed

Render the LUX frame, including the VerinTop.

Replace the full content area with the empty state.

Empty notifications

Use when a user has no new notifications to review.

Image Removed

Render the LUX frame, including the VerinTop.

Replace the content pane area with the empty state.

Waiting

Use when an action is in progress.

Image Removed

Render the LUX frame, including the VerinTop.

Replace the full content area with the empty state.

...

  • Totally empty states, this approach creates confusion for users.

  • Inaccurate written explanations.

  • Irrelevant actions.

  • Unrelated visual content.

General

  • <…>

Accessibility Compliance

Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility

...