Re-think UI, navigation & layout

[martpie]

Playing with #639, I'm thinking of going to a more traditional navigation, with header at the top, navigation on the left.

Pros:

• Jump to any playlist in one click from the main library view
• Labels will make navigation clearer for newcomers
• We fix some space issues we have on the header to fix Volume bar opens to left of volume icon and covers the play buttons #351

Cons:

• The main view taking 100% of the width is very neat, and avoid distractions
• Less space available to show songs information

Example of the new layout:

Update 28-05-2022:

Update 31-05-2022 (contrast is too low, but the main idea is here):

I am looking for feedback here: should it be solved in another way? Do you prefer it as it or do you like this new layout? Any feedback is welcome!

[martpie]

On a sidenote, I am also thinking on compacting the tracks list more. If this is controversial, I may provide an option on the interface to switch between "regular"/"compact", again, feedback welcome!

Regular

Compact

[jvegaf]

what do you think about this

[martpie]

That's the idea indeed, but I'm not working on any UI for now, just UX/layout. I'm re-writing large parts of the app right now.

[jvegaf]

Ok, tell me how can I help you coding any part

[blackshibe]

Could "regular" show the album artwork in a bigger size than the current Museeks window?
Alternatively, show the album thumbnail in the list itself. It's a rare feature to see but I miss it from Spotify.

[logchan]

Some thoughts...

• Vertical list of playlists is pretty nice
• Reduce the horizontal margins of the sidebar in compact mode
• Keep the search bar in header for potentially more space, also makes the following possible:
• Toggle the sidebar to show icons (or initials of playlists) instead, for larger horizontal space

Instead of having one compact mode toggle, I'd make it "style presets" of different configurations (of margins) that users can choose from.

One could go further to allow adding custom configurations in an advanced tab.

[jangorecki]

Do you know GPUI?
Did you evaluate its feasibility to handle UI in museeks?

https://www.gpui.rs/

*I am not UI dev

[martpie]

Rust UI libraries are for now out of the equation because of their lack of support for accessibility.

Also, GPUI is too unstable and Zed's folks recommend to not use it except for tinkering as it may evolve due to Zed's needs, and not other users needs.