{"iconType":"icon","icon":"plus","color":"#f76923","hotspots":[{"position":{"x":14.131387775551103,"y":8.4793613707165107},"alwaysFullscreen":false,"content":[{"params":{"text":"

The summary panel contains critical information about the case. The size and shape are purposefully similar to a mobile device. The placement of the summary panel ensures that users can view the most critical information of the record in the upper left of the screen. Users who read left-to-right instinctively look to the upper left of the screen to understand their context and get their bearings on any new screen.<\/p>\n"},"library":"H5P.Text 1.1","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"},"subContentId":"e647a1f6-f7ed-46fe-bb84-254a3c6c27c2"}],"header":"Summary panel"},{"position":{"x":53.40994488977956,"y":36.726051401869157},"alwaysFullscreen":false,"content":[{"params":{"text":"

The middle of the screen is the work area. It contains the main interactions and activities that the user must do to act on the case. At the top of the work area is the case lifecycle, followed by a list of tasks relevant to the case and the user.<\/p>\n"},"library":"H5P.Text 1.1","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"},"subContentId":"8d29ad27-5045-426e-bf22-d2ff8a008807"}],"header":"Work area"},{"position":{"x":89.882890781563134,"y":11.54595015576324},"alwaysFullscreen":false,"content":[{"params":{"text":"

The utilities <\/strong>on the right provide contextual information to help users work through the case.<\/p>\n"},"library":"H5P.Text 1.1","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"},"subContentId":"b57d8893-2903-4d3d-8851-8e674f6efc06"}],"header":"Utilities panel"},{"position":{"x":2.1073396793587174,"y":60.197624610591902},"alwaysFullscreen":false,"content":[{"params":{"text":"

The global navigation on the far left contains navigation elements in a single global navigation component instead of the traditional application header. This design moves the work upward, allowing a more efficient use of screen real estate.<\/p>\n"},"library":"H5P.Text 1.1","metadata":{"contentType":"Text","license":"U","title":"Untitled Text"},"subContentId":"d94756d4-1e6a-46c7-84da-d60ca858e4f3"}],"header":"Global navigation"}],"hotspotNumberLabel":"Hotspot #num","closeButtonLabel":"Close","image":{"path":"images\/image-6426f384653a9.png","mime":"image\/png","copyright":{"license":"U"},"width":3200,"height":2000}}

Constellation full case page anatomy

We'd prefer it if you saw us at our best.