...

Layout is the arrangement of visual objects within the interface. The layout should reflect the structure of the content and patterns of usage, helping the user to navigate large amounts of information.

Consistent Verint layouts are as important as graphical styling.

Basic flow

Make sure there’s a natural flow between elements on the page. Where there is a natural journey between objects, it is recommended that they are arranged from top to bottom, left to right. For example:

...

• Where there is not enough space to display the full layout, the main workspace should be prioritised. Other areas within the layout may be collapsed or minimised, including the left and right panes.

• Where space is severely limited, it is acceptable to remove auxiliary functionality, but this should be avoided where possible.

• Using a mobile-first approach can make layout design and implementation easier.

• The layout of content within the main workspace should dynamically respond to the size of the available area. This may change due to the state of collapsible panes as well as screen size.

• When the screen width is changed, fixed anchored panes and components should remain fixed to the left- or right-hand side.

• The size and spacing within of individual components and fixed panes (such as the Filter Pane and Details Pane) should not change as the layout dynamically responds.

• Where there is no longer space for a component, see the recommended responsive design for the individual component.

...