Description

Dashboards are workspaces which allow users to see an overview of complex data on a particular subject. They include multiple standalone interfaces contained within individual Widgets.

Dashboards may be static or customisable by the user.

Types

Type

Usage

Static layout

The layout is fixed. The user may not add, remove, or rearrange the widgets.

Customisable, auto-layout

The user may add, remove, and rearrange widgets.

Widgets are automatically resized to fit the dashboard.

Customisable, manual layout

The user may add, remove, and rearrange widgets.

Widgets control their own sizes.

Individual widget sizes can be set by the user. Widget ordering flows top-left to bottom-right.

Structure

A dashboard consists of individual Widgets.

A dashboard page may also include:

Customisable dashboards also include a menu allowing the user to add and remove widgets.

Placement and Positioning

Dashboards are placed within the Main Workspace of the page layout.

Internal Logic

Widget layout configurations for customisable dashboards, such as size and location, will persist per user on future sessions.

Default state

By default, customisable dashboards may either:

Content

Static layout

Customisable, auto-layout

Customisable, manual layout

Width

Height

Internal logic

Customised dashboard layouts, including the size and location of each widget, should persist per user/group on future sessions.

Customisable, auto-layout

Customisable, manual layout

Widget sizing will not automatically adjusted; it can only be changed by the user.

Widget ordering

Initial widget order

After a new widget is added

Interaction

Creating customisable dashboards

Drag and drop reordering (customisable dashboards only)

Widgets may be reordered using Drag and Drop.

Widget sizing

Customisable, auto-layout

Customisable, manual layout

Widget sizing is fixed and controlled by the user.

Expand/collapse

Expand/collapse may only be used for widgets in Static Layout dashboards, where the reactive behaviour of the remaining widgets can be pre-defined.

Transitions

Best practices

General:

Use:

Don’t use:

Accessibility compliance

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

Responsive design

Verint products should support all devices down to the common tablet size (960px width). For general guidelines, see Fundamentals - Responsive design.

Design

Zeplin link

Screen thumbnail

https://zpl.io/B1e8WxA

Code