| Table of Contents | ||||
|---|---|---|---|---|
|
...
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 enabling users to navigate large amounts of information.
...
Type | Description | Layout | Example | ||||
Top navigation layout | Used by default for Verint applications. For more information, see VerinTop Top Navigation. |  |  | ||||
Left navigation layout | Used for Verint applications with larger navigation menus. For more information, see VerinTop Left Navigation. |  |  | Webpage layout | For Verint web pages, such as Verint Connect. Contact the UX team for more information. |  |  |
Arrangement
Make sure there’s a natural flow between the elements on the page. Where there is a clear hierarchy between elements, it is recommended that they are arranged from top to bottom, left to right. For example:
...
Note: where the main workspace only contains one field it should not be contained within a widget, with no additional headers.
Single content area widget layout | Multi-widget layout | Dashboard layout |
|---|---|---|
 |  |  |
...
Layout responsive design example
1920 px |
|---|
1366 px |
|---|
900 px |
|---|
375 px |
|---|
 |
 |
 |
Example screens
Top navigation layout
...
Details panel in AV example goes right to the top?
Left navigation layout
...
More left nav examples?
Left icon tabs in Details panel isn’t a documented use…
Design
...
Zeplin link
...
Screen thumbnail
...
 |
Design
...