UI refresh
Progress
Here we can track the progress of implementing each part of the new UI. It seems easier to track this as one issue with multiple MRs, rather than multiple issues. Please link MRs here as they’re created. Each of these parts could be split up further if that makes parallelisation or review easier, but here’s a starting point:
-
High-level layout (sidebar, top bar) (assigned to @pwithnall): !584 (merged), more to do
- Rounded corners on main window: #1130, to land after sidebar changes
- Explore page MVP
-
App details page (assigned to @mwleeds)
- Context tiles (bear in mind #1120)
- Install flow
- Installed apps page (assigned to @mwleeds)
- Updates page (bear in mind reworking valignment from !586 (merged))
- Sideloading flow
- USB app support
Description
@bertob has done some work on a UI refresh for Software. A collection of mockups live in https://gitlab.gnome.org/Teams/Design/software-mockups/-/tree/master/adaptive. These include:
- A sidebar which subsumes the current top bar as well as the category picker which is currently embedded in the Explore page, somewhat in the vein of the interface of Endless OS's reskinned "App Center" fork today
- New app cards used in the Explore page, category pages, and in a "related apps" section at the bottom of each app's page
- A new presentation for the individual app page, presenting the app's metadata, content rating, sandboxiness and hardware support in a more appealing fashion
There are several variants for the Explore page, some of which depend on additional metadata and content being provided by the software source (eg Flathub, though Other Sources Are Available). The -mvp variant is AIUI intended to be the subset of these which can be implemented in GNOME Software alone with no additional curation, content & metadata being supplied, and I suggest that this might be a good place to start on for that page.
All of these mockups have adaptive variants (c.f. #798).
