Visual design for application tiles in Software.
- More visually appealing app tiles that are distinctive
- Converge upstream and Endless designs
- Things that the tiles need to communicate:
- Application identity - icon, name
- Application developer?
- Whether the application is installed
- Hint what the application does? (Could be a label or tags?)
- Differentiate multiple instances of the same application? (Example: two repositories containing the same application.)
- Star ratings (and number of ratings?)
- Indicate if the app is a web app
- Varieties of tiles that are required:
- Featured applications, on the category pages (larger, more visually engaging tiles)
- Input sources
- Tile layout needs to be responsive, so they can resize to fit the available space
- The only asset we typically have available for an app is its icon
- The comment field from the desktop file, which provides a short summary of what the app does, can get long when it's translated
We don't currently have a good tagging system for apps. The current system uses categories, and a high proportion of apps are placed in the "other" subcategory (see this analysis
Google Play Web
Upstream GNOME ships with plain tiles that cocentrate on the app icon to distinguish between apps.
Using dominant color from the icon as a backdrop and label border
http://jimmac.musichall.cz/stuff/software-tiles/ -- plain icons
http://jimmac.musichall.cz/stuff/software-tiles2/ -- dynamic background color (slow prototype, sorry)
http://jimmac.musichall.cz/stuff/software-tiles3/ -- dominant color backdrop; subtle app icon that solidifies on hover.
Complimentary Color Sets -- https://color.adobe.com/create/color-wheel/
There's some old design work at: https://raw.githubusercontent.com/gnome-design-team/gnome-mockups-software/master/wireframes/category-pages.png
An exploration of the various tile types that we have: https://raw.githubusercontent.com/gnome-design-team/gnome-mockups-software/master/wireframes/app-tiles.png