Design: MVC-2 of "Add panel to Metrics"
Problem to solve
In #220180 (closed) we worked on the new "Add panel" experience in Metrics.
We've defined and validated the MVC proposal in ux-research#960 (closed). As an MVC, you can preview your panel YAML and copy it.
The next step is to make it possible to add the panel directly to a dashboard without having to go to the repo and manually pasting the panel YAML.
Intended users
User experience goal
I want to easily define, preview and add a new panel to my dashboard.
✨ Proposal
The Figma prototype contains additional comments around the proposed experience.
📄 Further details
- Branch logic for the commit flow should follow the general rules we have for branch logic in Web IDE (see gitlab-foss#51470 (closed) and gitlab-foss!31449 (merged) )
- We should also think about a way to backup all the code typed into the YAML input by the user, in case of closing the browser tab by mistake, a browser refresh or similar scenarios. It could be quite frustrating to type a lot of yaml there and then to lose it all of a sudden.
- When the data source selector is added to Metrics, we should show the selector in the preview as well (as shown in designs)
Related work
- MVC-1 is currently in development
- Completed MVC-1 solution validation
- Design issue for "Edit and Delete panels", to be completed in 13.3
- Update "Duplicate dashboard" commit modal
- Solution validation for the updated experience planned for 13.3
- Design issue for further iterations
Follow-up issues
Based on this exploration and solution validation.
- Make Metrics dashboard actions more discoverable
- Make Metrics dashboard header more prominent
- Panel preview in "Add panel" page should update automatically
- Allow to create a new panel group or select no group when adding a new panel
- Add a link to "Edit panel" in new panel merge requests
Documentation
Documentation required.
This page may contain information related to upcoming products, features and functionality. It is important to note that the information presented is for informational purposes only, so please do not rely on the information for purchasing or planning purposes. Just like with all projects, the items mentioned on the page are subject to change or delay, and the development, release, and timing of any products, features, or functionality remain at the sole discretion of GitLab Inc.