warden-protocol / wardenprotocol

Monorepo for the Warden Protocol.
https://wardenprotocol.org
Apache License 2.0
1.09k stars 96 forks source link

Improve key creation UI/UX #483

Open jjheywood opened 2 days ago

jjheywood commented 2 days ago

The current key creation process still uses the old UI/UX so we need to bring it inline with the updated design. When a user creates a new key they have the option to select a keychain, currently we only have three options but in the near future we will be added more.

Also, when creating a key the user should have the option to give it a "name" this would be stored locally and not on chain and once the key is created and the name is assigned they should be able to edit the name of the key. This name would then be displayed along side the key id.

We need to provide so useful information to the user so they can select the right keychain for their requirements and if that keychain is reliable and secure. The info we would want to show for a keychain would be:

Also in conversation is to display the following, but these could be added later

Once the user has selected which keychain to use and then the key is created, I have included a screenshot below showing the different steps that take place during the key creation, I think we can improve on this which a better design and possible some animated elements. We also need to consider how error messages are displayed if the key creation fails.

Image