threshold-network / token-dashboard

26 stars 25 forks source link

Unmint flow UI/UX improvements #712

Open michalinacienciala opened 10 months ago

michalinacienciala commented 10 months ago

In this issue we collect possible UI/UX improvements relating to the unmint flow. Let's add suggestions as comments. We may use issue's description to keep track of the suggestions statuses (feel free to edit).

michalinacienciala commented 10 months ago

Suggestion 1

It would be nice to show on the Minting step the It's safe to close this window. ... message that we know from the minting flow: image vs image

michalinacienciala commented 10 months ago

Suggestion 2

The Elapsed time timer does not explain what is counted there. Maybe we could add 0d0h1m since unwrap? And we also don't stop the timer once BTC is sent, but i's stopped when the proof is received - is that intentional?

image

michalinacienciala commented 10 months ago

Suggestion 3

How it works tab does not explain the unminting process. I think it would be beneficial to have some explanation there, so that the users depositing for the first time would knew that the can later redeem the funds.

michalinacienciala commented 10 months ago

Suggestion 4

Is unwrap a term universally understood? Or should we add some info about what unwrapping means? We use that term in a couple of places, for example here:

image

michalinacienciala commented 10 months ago

Suggestion 5

Do we need to show See transaction on etherscan at the bottom of the window if we also link to it from the Transaction History panel? If yes, then could we capitalize the E in Etherscan?

image

michalinacienciala commented 10 months ago

Suggestion 6

When requesting unminting, it takes ~30-40s of displaying this modal before the wallet window opens: image

Maybe it would be worth to add some info that this can take up to ~1min?

michalinacienciala commented 10 months ago

Suggestion 7

I wonder if we should show ACTION ON BITCOIN in the Step 1's timeline. The Bitcoin transaction is not being performed by user (and we mention below that it will be executed in the next step, so it's not part of Step 1):

image