Onboarding UI Guidelines for Designers
Target Audience MirrorWallet is designed for users aged 18 to 70 years who own a smartphone. The onboarding process must be simple, intuitive, and accessible to both crypto beginners and experienced u
1. Core Principles
Simplicity First – Users should immediately understand what the app does and how to get started. Trust & Security – The design should convey safety and reliability. Avoid unnecessary complexity. Modern & Elegant – A premium feel with a clean UI that appeals to both younger and older users. Guided Experience – No seed phrase setup; instead, focus on biometric authentication (Face ID, fingerprint).
2. Screen 1: Welcome & Introduction
Objective: Clearly introduce MirrorWallet and its value. Key Elements:
A sleek hero image or animation (e.g., a futuristic wallet/card).
A short, impactful tagline: “Your Crypto, Simplified & Secure”.
Two buttons:
“Get Started” (primary action, highlighted)
“Login” (for returning users, secondary action)
Design Style:
Dark mode with modern gradients or premium metallic textures (inspired by UI 1).
Clear, large fonts for easy readability across all age groups.
3. Screen 2: Account Setup Options
Objective: Allow users to quickly set up or import a wallet. Key Elements:
Three clear options (inspired by UI 3):
Create New Wallet (Primary action)
Add Existing Wallet (For users who have MirrorWallet Before .)
Icons for each option to improve visual clarity.
Pro Tip: Ensure large tap targets for accessibility.
4. Screen 3: Security & Authentication Setup
Objective: Ensure users understand that MirrorWallet is secure and requires biometric login. Key Elements:
“Your Security, Your Control” tagline.
Quick explanation: “Access your wallet securely with Face ID or fingerprint. No passwords, no seed phrases.”
One-button setup: “Enable Biometric Login” (with option to skip).
Design Style:
Clean, minimal, and reassuring. Use soft animations (e.g., fingerprint scanning).
5. Final Touch: UI Considerations
Large, clear fonts (for accessibility).
Simple navigation (no clutter, clear hierarchy).
Consistent design language (smooth transitions, subtle animations).
High contrast & readability for all age groups.
Last updated