Ideas for improvement

Hi there!

As you can guess from the timing I discovered your project on HN today. I was positively surprised to see that it’s not only working well, but that you can actually use it as a real player with external music providers. Congrats and thanks for the work 🙇 And an extra thanks to make it opensource 💯 !

Spotify is quite oriented towards individual songs and playlists, so with time I kind of forgot the notions of artists and albums. Using this “old” iPod reminded me about them and now I want to start “adding” artists and albums just for the pleasure to navigate them. Having this simple, easy and efficient interface is refreshing in comparison with Spotify!

After trying it a bit on my phone (Android) here are a few ideas for improvements:

Haptic feedback

The wheel works well. Having a haptic feedback (vibration) would make it even more enjoyable. I don’t know what latency can be obtained with the haptic feedback though.

Centering on screen

The vertical centering on desktop is correct but on mobile phone the iPod get stuck on top of the screen:

On big screen like my Note 10 the wheel is quite difficult to reach with the thumb, so having it centered would make it more comfortable to use.

Appearance when installed as an application

This is probably a personal preference. I think I would like having it full-screen when installing it as an app from the website. This means without notification bar and home buttons. I think there is a "display": "fullscreen" option that can be put in the manifest.json for that. It helps to feel you have a “real” device and not just an app on the phone (side note that’s what I like about my DM42 calculator skin full-screen, it looks like a real calculator).

A second point would be to set the background to black also when installed as an app. This would look more fancy than white, especially on OLED screens.

Liked songs

Right now I have a long list of “Liked songs” on Spotify that is difficult to navigate. As far as I saw these songs are not shown in this player. Maybe it could be possible to have a section “Music » Liked songs” that automatically organize them by artists/albums and can be navigated like the rest? That would be awesome!

---

Feel free to do whatever you want with this list and issue, these are just feedback and I’m not expecting you to change/fix things on demand 😄

[StreakyCobra]

@tvillarete Thanks for you reply 😃

---

Haptic feedback

Sure, feel free to ping me when it’s merged if you need feedback.

Centering on screen

Yes I guess it’s difficult to optimize for all sizes. My thinking is not to do advanced optimizations, simply to use centered/bottom alignment. That should already be better than top alignment on most devices. Conceptually screen size varies a lot, but the thumb size is limited and people hold their phone from the bottom, so it would make sense to have the wheel close to the bottom to have it reachable with the thumb whatever big the screen is.

I think I would not mind a stretched version as discussed on the other thread, to be tried. Maybe the form factor of 4th generation iPod nano would be more adapted to nowadays phone screens?

At the end of the day the ideal would be to let user decide about this, that could be done through the “Settings” menu (Appearance: Top, middle, bottom, stretched) and different CSS classes.

Appearance when installed as an application

Sure, it looks like this once installed on my phone:

And personally the way I would see it is the following:

This is:

• No status bar and no navigation bar with "display": "fullscreen"
• Black background for OLED screens
• Bottom alignment for easy thumb access
• The form factor is fine

Liked songs

Glad to see you like the idea 😃

[StreakyCobra]

Thanks @tvillarete 🙇 I tried it quickly and that looks nice!