Blockchain Protocol (MVP)
A fully decentralized protocol for private transaction on Klaytn.
What problem does klay.cash solve?
Problem
Users are hesitant to transact on the blockchain due to the transparency of all transactions.
Users are concerned about the fact that transaction records on the blockchain can be viewed by anyone.
Solution
klay.cash utilizes zk-SNARK technology to anonymize transactions on the blockchain.
klay.cash defines privacy as the cornerstone for mass crypto adoption. Our goal is to simplify the use of privacy technologies for all users.
🗣️User interview
User interviews have guided us in designing a protocol that is intuitive and accessible, even for individuals who are not familiar with the blockchain industry or have limited experience with Web 3.0 services. Our goal was to create a user-friendly and straightforward system that can be easily adopted and used by a wide range of users.
Structure
Home
Call to action button
To create a seamless flow and enhance user engagement, I positioned the Call to Action button directly below the copy "A fully decentralized protocol for private transactions on Klaytn." The button is labeled with the term "Start," providing a natural continuation from the preceding copy and prompting users to take action.
Simple graphics
To communicate the service in a straightforward manner, I have employed simple yet impactful graphical elements that convey the intended meaning accurately.
Deposit
Default
Focus on the Next Action
Before connecting the wallet, the action that the wallet connection should take precedence
> Highlighted the [Connect Wallet] button.
To move the user to the next action after connecting the wallet
> Visually dimmed the [Connected Wallet] button.
Deposit flow
User-Friendly Tooltips for Better Understanding
Enhance user understanding by providing explanatory tooltips that appear when hovering the mouse, assisting those who may have difficulty understanding the word.
Withdraw flow
Transaction
TX History is divided into Spent and Unspent categories.
Deposited Klay: 'Unspent'
Withdrawn Klay: 'Spent'
For unspent transactions, you have enabled the withdraw button, allowing users to quickly initiate withdrawals.
[Withdraw] button: Added a button to allow immediate withdrawal for the 'Unspent' items.
[Copy/Save] icon: Added an icon for entering or sending 'Note' information, facilitating personal notes or sharing with others.
Deposit - Prototype
👥 UT
Based on the design, we developed the features and conducted functionality and flow tests with 12 users.
Duration: Approximately 30 minutes
The users were not provided with any prior information about Klay.cash before the test.
Screen recording was conducted during the test.
UT Results - Common Problems
More than 83% of users found the main page to be simple and easy to understand, and they had no difficulty starting the app.
More than 58% of users found it convenient that they could select or input notes in the Withdraw section, according to their responses.
①Statistic improvement
Full screen
As is: The textual representation of the statistics content may pose challenges in terms of quick and easy readability.
Hypothesis: Visual representation is more effective than text-based presentation in helping users understand statistics easily.
② Transaction page improvement
Problem
Users have reported that the default view of the Transaction page, with Spent and Unspent history mixed together, can be confusing and difficult to navigate.
As is:
Format: Context Menu Default
Value: All
To be:
Hypothesis: Users will predominantly utilize the "Unused" filter.
Default Value: Set to "Unused" for better user experience.
List form
The format of listing items without hierarchy makes it difficult for users to distinguish and use each item for withdrawals.
To enhance the user experience, we organized the content hierarchically based on its importance and separated the information display area from the action area. Moreover, I added colors to the Unspent items, making them easily distinguishable from the Spent items and improving overall visibility.
Terminology improvement
Using more general and easily understandable terms enhances the user experience and helps users grasp information more easily.
These terms are often used in technical discussions related to encryption and privacy. However, it's possible that general users may not be familiar with their technical meanings.
