SSS UI For Designer
1. Onboarding: Introduction to the Recovery Feature
When a user creates their wallet, they should be guided through the setup of recovery via Shamir's Secret Sharing (SSS).
Screen 1: Welcome and Overview
Objective: Briefly explain what Shamir's Secret Sharing is and why it's important.
UI Elements:
Title: "Set Up Wallet Recovery"
Description: "MirrorWallet enables you to recover your wallet if you lose access, by securely sharing the recovery key with trusted friends. To set this up, you'll need to involve at least 5 trusted individuals."
Button: "Start Setup"
Screen 2: Select Your 5 Trusted Contacts
Objective: Allow users to select at least 5 friends from their contacts.
UI Elements:
Title: "Choose Trusted Contacts"
Description: "Select at least 5 friends who will help store parts of your wallet recovery key."
Contact List: Display a list of friends with an option to select those who will participate in the key-sharing process.
Button: "Next" (Enabled only after at least 5 contacts are selected)
Screen 3: Key Sharing Details
Objective: Show how the key is divided and explain the sharing process.
UI Elements:
Title: "Key Sharing in Progress"
Description: "Your recovery key will be split into 5 parts and sent to your trusted friends. Each one will store a part of the key to help you recover your wallet in the future."
Progress Bar: Display an indicator showing the progress of the key-sharing process.
Button: "Confirm"
Screen 4: Rewards for Trusted Contacts
Objective: Inform users about the rewards their friends will receive for participating in key-sharing.
UI Elements:
Title: "Incentives for Trusted Contacts"
Description: "Your friends who participate in sharing the recovery key will receive rewards in tokens, special badges, and more."
Button: "Proceed to Wallet"
2. Recovery Key Management Interface
After the initial setup, the user should be able to easily manage the recovery settings at any time.
Screen 1: Recovery Setup Status
Objective: Show if the recovery key has been set up correctly and how many people are sharing it.
UI Elements:
Title: "Recovery Setup Status"
Description: "Your recovery key has been shared with 5 contacts."
Status Indicators: Show a checkmark next to contacts who have confirmed sharing the key.
Button: "Edit Contacts" (to add or remove friends)
Screen 2: Add or Modify Contacts
Objective: Allow users to add or remove friends from the key-sharing list.
UI Elements:
Title: "Manage Trusted Contacts"
Description: "You can add or remove friends from your recovery contacts list."
Modification Options: Add/remove contacts.
Button: "Save Changes"
3. Wallet Recovery Process
If a user loses access to their wallet, they will follow a series of steps to recover the key from their friends.
Screen 1: Start the Recovery Process
Objective: Guide the user through the recovery process.
UI Elements:
Title: "Wallet Recovery"
Description: "To recover your wallet, contact at least 3 of your trusted friends to obtain their part of the key."
Button: "Start Recovery"
Screen 2: Collect Key Parts
Objective: Show the progress of collecting key parts from friends.
UI Elements:
Title: "Collect Recovery Key Parts"
Description: "Each of your friends will provide you with a part of the recovery key."
List: Display progress as the user collects parts from their friends.
Button: "Next"
Screen 3: Identity Verification
Objective: Verify the user’s identity to ensure the recovery request is legitimate.
UI Elements:
Title: "Identity Verification"
Description: "To complete the recovery, verify your identity using a PIN or biometrics."
Options: PIN or biometric verification. ( Face ID / Fingerprints based on the device )
Button: "Verify and Recover"
Screen 4: Wallet Restored
Objective: Confirm that the wallet has been successfully recovered.
UI Elements:
Title: "Wallet Restored"
Description: "Your wallet has been successfully recovered. You can now start using it again."
Button: "Go to Wallet"
4. Design Considerations
Simplicity and Clarity: Since the recovery process may seem complex for some users, it is essential to keep the UI simple, straightforward, and without unnecessary steps.
Clearly Indicate Incentives: Users need to be well-informed about the benefits they’ll receive. Dedicate a section explaining how the reward system works and how their friends can benefit from helping them.
Progress Indicator: Use a progress bar for key recovery and setup management, allowing users to track where they are in the process.
Immediate Feedback: Whenever an action is completed (e.g., key shared or identity verification passed), provide immediate visual feedback (e.g., confirmation messages or status updates).
Conclusion
Creating a clear and intuitive interface is crucial for explaining the Shamir's Secret Sharing (SSS) system to users and helping them manage their recovery key. By providing a visual, step-by-step guide and offering clear incentives for trusted contacts, MirrorWallet can ensure a smooth user experience that promotes growth and user engagement.
If you need further suggestions or want to explore additional features, feel free to let me know!
Last updated