[VDG] MusicBox redesign

[turbolay]

Motivation

Numerous issues have been raised in the past about the MusicBox. The UX with it is not so good and its whole purpose is slowly going away from the reason for its implementation in the first place: To have a clear and concise way for the user to understand how its privacy is being improved.
Too many messages, too complex to understand, non-pertinent information, etc...
Its whole concept goes against the WW2.0 mantra, "simplicity by default".

It's a double edged-sword, because some users will want to know what's going on, and they must be able to get the information. But most of the users might not even know what CoinJoin is. All the design decisions of 2.0 have been taken to make WW usable with only this knowledge:

You receive bitcoin to Wasabi, it makes your bitcoin private (you pay for this), then you send your private bitcoin.

Improvement ideas

A consensus has to be reached on a solution displaying by default little to no information about what is happening, and the ability to opt-in for details.

Here are some draft designs implementing this philosophy to help figure out a proper solution:

Only aura, classic MusicBox on hover

Only aura with a toggle, classic MusicBox on hover/click

Simplified MB with info button, on hover/click window with details and toggle for details by default

Simplified MB, on hover scroll to display details with link to doc

Simplified MB with toggle, on hover/click scroll to display details

Flickering privacy bar with cropped window bottom and on hover window with details

@jmacato also proposed in this comment to use a progress bar, it would also be a proper fix.

This specific element of the UI is extremely important as it's the only way users can "interact" with the CoinJoin backend. The designs displayed here are just for presenting ideas, and their elements can be "cherry-picked" to have a nice final solution.

Issues currently opened

#9024, #8695 , #8696, #8181 and all others issues/discussions opened by users about confusing messages

Please discuss the concept.
Special thanks to @yahiheb for the initial idea and the help.

[MaxHillebrand]

Great writeup.

I do like the idea of getting the functionality in the privacy homescreen tile, this way there is a lot more vertical screen space.

[yahiheb]

I personally like the only aura option, and when hovering over it you get the musicbox.

[thibistaken]

Only aura is great. Screen looks much cleaner. But how does the user know where to hover? Also why not redesign the entire music box down the line as @jmacato proposed?

[ichthus1604]

@nopara73 @BTCparadigm @molnard @MaxHillebrand @zkSNACKs/visual-design-group

Today we discussed in the VDG meeting about the need to agree upon a definite design for this within this week.
Everyone is welcome to discuss and give feedback within that time frame.

After that, the UI team will arrive upon a final design and start implementing that.

Thanks!

[nopara73]

simplicity by default

Let's make that official 😄

[stale]

This has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[molnard]

I think this is something that the UI team will grab in the near future.

[stale]

This has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[yahiheb]

This is still relevant, and the music box is still one of the sources for users' confusion that they keep complaining about.

[nopara73]

This should go to the UX board.

[Kruwed]

For the record: #9685 (comment)

I personally think the music box is a concise way to package the coinjoin feature. If I were to improve it, I would make it more expressive with more options (a dedicated tab like WW1.0) as opposed to displaying less information.

Also a related issue: #8855

[turbolay]

This issue is still relevant and should be fixed, however I'm closing it as it will not be worked on in a foreseeable future