Dashboard Improvement 4: Widget Group Editor

[dszidi]

While configuring the Dashboard page, users can add or edit Widget Groups. When either of those action buttons have been clicked, the Widget Group Editor form will slide in from the right edge of the page. The editor can be broken down into three main sections.

1. The top section is where a layout can be chosen for your group.
2. The middle section has an interactive preview area where users can both select a widget to configure and see a live preview of their configurations.
3. The bottom section contains the widget settings for the selected widget.

Wireframes Disclaimer:
Designs in blue are wireframes that are meant to be low fidelity sketches. They will not be pixel perfect and may not be as visually precise as the final product in the presentation. It may also make use of placeholders for things like images and graphs. Please focus on the content and treat them as drafts.

Workflow

The workflow for widget creation is as follows

1. Select a layout for the group.
2. In the preview area, click on a widget to configure
3. Set the options in the Widget Settings area on the bottom.
4. Repeat steps 2 and 3 for any additional widgets
5. Hit the "Save Group" action button to create the Widget Group and be taken back to the Dashboard Page

About Widget Settings

The first field will always be the Widget Type select list. Additional fields in the Widget Settings area of the form will be dynamic. The fields will change depending on context.

For example, in the previous wireframe, the Widget Type field has Chart selected. This is because the layout is for a group of many. If the single widget layout was selected, this field would have contained a list of our current full sized widgets. Since it is one of the other layouts, the Widget Type has a list of the available widget types for half and quarter sized widgets

Available Datapoints

While we do have designs for new half and quarter sized widgets, we don't have a concrete list of datapoints we will expose for the "datapoints" Widget Type. Datapoints will need to be curated to some degree. This is to ensure layouts would work. For example, we wouldn't want to make the OS version string available on a quarter sized widget because there wouldn't be enough space to accommodate it.

With that said, we'll be generally focusing on information that is already available on the current widgets (including the new GPU widget). We are however still open to suggestions. Feel free to make suggestions for what you would like to see as available datapoints. If it doesn't make it into this release, we will keep it under consideration for future releases.