WalletWasabi icon indicating copy to clipboard operation
WalletWasabi copied to clipboard

[VDG] MusicBox redesign

Open turbolay opened this issue 3 years ago • 5 comments

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

Aura_ClassicMB

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

Aura_Toggle_ClassicMB

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

SimpleMB_Info_Details_Window

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

SimpleMB_Scroll_Details_Link

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

SimpleMB_Toggle_Scroll_Details

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

Bar_Flickering_Info_Details_Window

@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.

turbolay avatar Sep 05 '22 17:09 turbolay

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.

MaxHillebrand avatar Sep 06 '22 06:09 MaxHillebrand

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

yahiheb avatar Sep 06 '22 08:09 yahiheb

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?

thibistaken avatar Sep 14 '22 18:09 thibistaken

@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!

ichthus1604 avatar Sep 19 '22 13:09 ichthus1604

simplicity by default

Let's make that official 😄

nopara73 avatar Sep 21 '22 09:09 nopara73

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.

stale[bot] avatar Jan 22 '23 02:01 stale[bot]

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

molnard avatar Jan 23 '23 09:01 molnard

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.

stale[bot] avatar Apr 02 '23 16:04 stale[bot]

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

yahiheb avatar Apr 02 '23 16:04 yahiheb

This should go to the UX board.

nopara73 avatar Apr 03 '23 01:04 nopara73

For the record: https://github.com/zkSNACKs/WalletWasabi/issues/9685#issuecomment-1976553536

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: https://github.com/zkSNACKs/WalletWasabi/issues/8855

Kruwed avatar Mar 08 '24 02:03 Kruwed

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

turbolay avatar May 02 '24 13:05 turbolay