List preview layout
Problem
- GitLab has a number of key pages that are list views (for example: issues list)
- Dashboards & reports will need list views soon too
- A common user interaction is to browse through these list views and dive into list items of interest
- Our current UI means you need to click into an entirely new page to get an understanding of what's in the item other than what metadata is shown in the list
Solution
- Create a standard
list preview
layout view to be used across the product- I can see this being valuable for issues, MRs, requirements, vulnerabilities, dashboards, reports, etc
- Give user option to toggle between different sorts of view options
- Explore giving user option to flexible control viewport and list view width
- Explore mobile solution
- Figure out relationship with left and right sidebars
MVC recommendation
- Create a
list preview
view for Reports (because there's no sidebar) - Document list preview within PJs (either as a View object or in the Layout section)
- Create a
list preview
view for Dashboards (also no sidebar) - Create multiple view options toggle (list, list preview)
Quick prototypes
Dashboards | Reports | Issues |
---|---|---|
Other examples
GitLab Web IDE (sort of) | Gmail | Mac finder |
---|---|---|
Edited by Nick Post