Skip to content
GitLab
Projects Groups Topics Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
  • Register
  • Sign in
  • funkwhale funkwhale
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributor statistics
    • Graph
    • Compare revisions
    • Locked files
  • Issues 427
    • Issues 427
    • List
    • Boards
    • Service Desk
    • Milestones
    • Iterations
    • Requirements
  • Merge requests 14
    • Merge requests 14
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Artifacts
    • Schedules
    • Test cases
  • Deployments
    • Deployments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Container Registry
    • Terraform modules
    • Model experiments
  • Analytics
    • Analytics
    • CI/CD
    • Code review
    • Insights
    • Issue
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • funkwhalefunkwhale
  • funkwhalefunkwhale
  • Issues
  • #973

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.

Edit: link to old mockups removed

RFC

Comments are always welcome!

Edited Mar 23, 2022 by Mathieu Jourdan
Assignee
Assign to
Time tracking