Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI Redesign - Profile #91

Open
CRortyDG opened this issue Nov 19, 2024 · 8 comments
Open

UI Redesign - Profile #91

CRortyDG opened this issue Nov 19, 2024 · 8 comments

Comments

@CRortyDG
Copy link

  • Stats - Seems redundant to include 'streams' and 'different' when that can be inferred from the stat.
  • Top Genre Chips - Shifted into profile header section and removed section title/description. I believe these can be inferred from context.
    • on hover: display mac like scroll bar
    • overflow / Chip 'falling off' screen helps indicate to the user section has horizontal scrolling.
  • introduced gradient instead of hard line between header and body

image

@CRortyDG
Copy link
Author

CRortyDG commented Nov 19, 2024

Tweaks to the Top Tracks carousel item, this would apply to tracks and albums.

  • Deprioritize artist and stack meta on image
    • I believe a user viewing this data will be intune with their music enough to know the artists of their top tracks. They can still quickly access that information if needed.
      image
      image

image

On hover: modal display of song or album preview

  • Border color by rank on leaderboard (1st, 2nd, 3rd), after that nothing... or green
  • Audio Features in card could be swapped, or have three to four pages
    • Page 1 Vibe chart
    • Page 2 Musical information (loudness, key, mode)
    • Page 3 Vibe Chart
    • Page 4 Recent streams

Page 1/3 could be next to each other, OR consolidate the pages and have user click swap between the two chart types.. I am also not set on the order, users may want recent streams first.

@CRortyDG CRortyDG changed the title UI Redesign - Profile Header Stats UI Redesign - Profile Nov 19, 2024
@om3ga6400
Copy link

would you mind if I repost this on the official feedback board?

@CRortyDG
Copy link
Author

Feel free to post it on the feedback board! I mentioned it in the dev discord channel but did not get much discussion.

@om3ga6400
Copy link

@om3ga6400
Copy link

only thing I think would be better in this is that I think that the pronouns should be aligned with the other things right there like the name and friends and edit profile button

@CRortyDG
Copy link
Author

at the moment it only has the weird gap from the scrubbing of my name, but should have a bit of padding between user name and pronouns

@om3ga6400
Copy link

om3ga6400 commented Dec 19, 2024

bru why cant you click on someone's name or pfp on the comments under a post to see there account

@edeuss
Copy link
Contributor

edeuss commented Dec 21, 2024

@CRortyDG you can't put the text on the images due to Spotify's rules.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants