Blockchain Case Study
Base & Variants
Energi is the most security-oriented cryptocurrency Mobile App, featuring innovative safety protocols that have been intelligently designed to prevent a wide range of cybercrime while easing user access to DeFi applications.
Blockchain Transaction speed in turn hinges upon numerous other factors like block size, block time, traffic on the network, transaction fees, etc. These factors however can make this modern technology feel very slow at times. Whilst processing transactions, it is not enough to have just the status of the transaction as pending, sending or connecting.Users result to blockchain explorers like Etherscan, PolygonScan etc. just to see the progress of their transactions
Using Google Analytics for Mobile Apps to measure engagement on [Energi.team] Mobile App. We discovered the following metrics below
What was Wrong
Based on the given metrics above the following was inferred
Roles and Responsibilites
Product Designer (Flowchart, Sketched, Hi-fidelity, Prototyping/Interaction, Usability testing, design review with engineers)
User research with project managers (talked with existing customers)
Inclusive design and Accessibility
My goal is to design this feature to enable users to develop trust in our product.This will be, by ensuring hyper-transparency transparent around transaction status showing the user how much time is left with their transaction.
Who I collaborated with & how that collaboration went:
Mobile App Engineers.
a visual representation of the steps the user takes to complete a transaction.
Style Guide From Existing Design System
To ensure a great user experience for this Crypto and blockchain product; The first Usability Heuristics for User Interface Design by Jakob Nielsen which states that”Visibility of system status” must be put into consideration.
The design should always keep users informed about what is going on, through appropriate feedback within a reasonable amount of time.This will Build trust through open and continuous communication which is the users major needs.
Integrating Figma with Zeplin help create a seamless design hand-off Experience. The following elements were documented on Zeplin.
Text Style catalog
Spacing and Layout
The following other processes were put into consideration during the hand off process
Writing of Accessibility handoff attaching the right aerial label and UX copies/tags based on Tab focus, screen readers, and voiceovers
Design review with developers after implementation