General UX improvement ideas

[caendesilva]

Hey there, thanks for making this project! It's been beyond my expectations so far. As a developer myself, I have some ideas for UX improvements of stuff I miss coming from Spotify.

• As I wrote in another issue, being able to reorder playlist songs is vital, and they should default to the order they were added
• Similarly, it would be nice to reorder playlists, and/or have an option like Spotify to sort by recents
• Double clicking on a playlist in the sidebar should start playing that playlist
• Double clicking on a song inside a playlist should start playing that playlist
• You should be able to drag the currently playing song in the lower left corner into a playlist to add it
• The repeat mode option does not seem to be persisted. I keep having to reselect "repeat all"
• On the login page, if an internal server error occurs, the UI responds as if the password was wrong
• Custom profile photos without Gravatar would be great. I implemented it on my instance by checking if the email hash exists in /public/img/avatars/hash.png, I'm not well versed in Vue, but I can begin a PR with the backend if someone can take the frontend?
• This might just be me, but the playlist trash icon button is a bit of a bamboozle, I thought it would remove the selected songs, not delete the playlist...

Again, thanks for making this! I hope this doesn't come a cross as me coming in here demanding stuff, I just know that I personally enjoy getting feedback from new users because they often have a fresh perspective of things I might have overlooked after having worked with the code for so long. So this is my way of saying thanks and hoping to help improve the project even more. 🚀

[phanan]

Hey, many thanks for this — (almost) all sounds legit!

• Reordering songs in a playlist will certainly land in the next release.
• I personally don't think doubling-clicking a song inside a playlist should play the whole playlist, though. Maybe this can be a setting.
• Can't reproduce the bug with repeat mode. A more detail bug report would be appreciated.
• Playlist trash icon as well as many other elements come with an instant tooltip on hover. Do you think it's too subtle?
  

[caendesilva]

Hey, many thanks for this — (almost) all sounds legit!

• Reordering songs in a playlist will certainly land in the next release.
• I personally don't think doubling-clicking a song inside a playlist should play the whole playlist, though. Maybe this can be a setting.
• Can't reproduce the bug with repeat mode. A more detail bug report would be appreciated.
• Playlist trash icon as well as many other elements come with an instant tooltip on hover. Do you think it's too subtle?
  

Thanks for the response, glad you appreciate the feedback!

Reordering songs in a playlist will certainly land in the next release.

Awesome!

I personally don't think doubling-clicking a song inside a playlist should play the whole playlist, though. Maybe this can be a setting.

Coming from Spotify, and trying to use this as a drop in replacement, I think it's pretty important so I would def be in favour of a setting. Down the line maybe a "Spotify" mode could be added for things like this, though that may be crazy haha

Can't reproduce the bug with repeat mode. A more detail bug report would be appreciated.

Seems to work now? I'll keep you posted.

Playlist trash icon as well as many other elements come with an instant tooltip on hover. Do you think it's too subtle?

Did not notice the tooltip until you mentioned it, must be too subtle, maybe the fade in delay should be decreased a lot?

---

Thanks again for the response, looking forward to seeing more where this project can go!

[Chaphasilor]

Just wanted to chime in on the delete button tooltip stuff. As Nielsen Norman Group puts it:

Icons Need a Text Label

Not a tooltip on hover, but a label that is always shown (if possible). More info in their article: https://www.nngroup.com/articles/icon-usability/

Since I'm not a koel user, I also can't tell what the green button would do, just from the icon in the screenshot :)