Namadillo: Progress bars and confetti for transaction status and shielded-sync

[Rigorously]

Whenever starting a transaction, the interface is more or less static, except for maybe a faintly blinking yellow circle. In fact, it takes a few seconds before the Keychain asks the user to sign the transaction.

Then, when shielding, it takes a while for the ShieldedSyncWorker to catch up.

And when the transaction is finished, the only indication is that the "Transfer Complete" becomes brighter. Very anticlimactic. I was still waiting for the transaction to finish up.

To the end-user, this dead time and too subtle visualization looks as if nothing is happening. I suggest to spice things up with progress bars and confetti. 🎉

Namadillo 1.0.6

[Rigorously]

I see there is a progress circle for shielded sync, but it has no description. And it is only displayed on the MASP page, not the transfer and IBC pages.

[euharrison]

@ChrisHoltDesign do you have a suggestion here?

[ChrisHoltDesign]

Yes i was speaking to Pedro about this a while back to emphasise each state more as it's not noticeable enough. (Also feels like it stops at the wrong point)

I think a few things can be done to build on Rigourously is pointing out.

• Contrast between the active and non active / upcoming
• The whole thing is a progress bar but maybe we need a % amount at each stage so we know how it's progressing. Or just a whole percentage value at the bottom
• Confetti idea. I think maybe just a big check mark, something similar we have in the extension once keys are created. Can always make it vibrate and pulse with concentric rings (I can mock this up )

---

Shielded sync, worth having this in the Top bar next to the green dot? It can disappear once synched

[ChrisHoltDesign]

Ok Transaction complete animation

1. Screen flips to the asset / or assets that have been transferred to be in the center. (Concentric rings pulsate)

2. Asset logo then flips to yellow to become 'private' (Animaton then folds into the center like the asset is sent into the page (MASP)

For non shielded version the asset can just get sucked into the page , doesn't need to convert.

Can all happen in 2/3 seconds.

CC @pedrorezende

[ChrisHoltDesign]

For each stage if we increase the animation. Maybe a little movement pulse like we have on the namada logo here https://namada.net/mainnet-launch

[ChrisHoltDesign]

Add a little spinng 'shielded sync' icon next to the green dot.

Operates in the same way as the green dot with a rollover to display info on perentage.

For the display on the MASP page lets just add in a text signifier under the percentage.

On MASP and IBC we can display it in the transfer module if we are not allowing user actions during syncing