Skip to content

GitLab

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
funkwhale
funkwhale
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 171
    • Issues 171
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
  • Merge Requests 4
    • Merge Requests 4
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
  • Operations
    • Operations
    • Incidents
    • Environments
  • Packages & Registries
    • Packages & Registries
    • Container Registry
  • Analytics
    • Analytics
    • CI / CD
    • Repository
    • Value Stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • funkwhale
  • funkwhalefunkwhale
  • Issues
  • #973

Closed
Open
Opened Nov 18, 2019 by Mathieu Jourdan@mjourdan
  • Report abuse
  • New issue
Report abuse New issue

Design proposal: consistent set of cards

Context

Funkwhale is about to have a brand new sidebar (#594 (closed)) on the one hand, and to support new kind of contents (#170 (closed)) on the other hand. This requires some work on the visual side that could also benefit to existing content.

Current Issues

There are some issues while browsing the different kind of items (playlists, album, artist…):

  • items sometimes are hard to parse (playlist items holds many numerals, "⋅⋅⋅" icon are visually disconnected from the rest of the artists card, play icons hide most of the album covers…)
  • clicking/tapping on an item picture does nothing
  • some icons do not bring much value or are misleading (see headphones on artist cards, music note on playlist cards, or "share" arrow in menus for reporting)
  • some menus are overloaded (tracks offer no less than 4 menu entries for reporting content)
  • items do not feel like they belong to the same app (a range of stuff from flat lists to rounded cards with shadows)
  • podcasts do not have their own cards yet :)

Goals

We are aiming to:

  • make the ui feel more cohesive
  • allow for easy distinction/recognization of different kind of items
  • establish clear, reusable patterns
  • give the right information in the right place

Let's keep focus on cards first. There are other things to improve but they are out of our scope.

Proposal

What we currently have for album cards felt like a solid base to build upon. I bring some improvements to it and made declinations of it:

cards

RFC

Comments are always welcome!

Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking
None
Due date
None
Reference: funkwhale/funkwhale#973