Finance Lending Protocol to Boost Productivity
Foster the safe trading with understandable reference data
My Role
UX Designer
My Skills & Tool
User workflow, Wireframing, Usability Testing, UX Design, Figma
Meet My Team
Brian Seong, Developer
ZK Lim, Developer
Project Status
To be shipped in Sep. 2024
Project Overview
-
Aleo ZLend provides a unique Web 3 lending experience with understandable reference data
-
Aleo ZLend is a way to borrow and lend cryptocurrency on a trustless basis. This means that you do not need to trust the other party in the transaction. The Aleo blockchain guarantees the security of the loan.
Problem Statement
The transaction process was not intuitive and understandable
Lending platforms must balance compliance with user experience. Regulatory confirmation steps can create cumbersome flows, especially for key transactions. Our focus on clarity streamlines the process, empowering users to easily navigate lending protocols and complete transactions.
Aligning the developers with design thinking on pain points before release
During early testing with 3 team members, 2 encountered usability issues that prevented completing the lending transaction. Only 1 user succeeded. I traced back to assist the 2 users and review edge cases in the lending protocol flow. This incident also provided an opportunity for me to review the lending protocol user flow edge cases on our platform.
When I joined, the team had a product flow but lacked a user perspective. So I led a user journey audit with experienced members to align on pain points, driving further user research.
Research Insight
Relevant parameters must provide safe value references and warnings
Our initial internal version provided extensive data but lacked understandability. The safe value and maximum value are the most crucial reference indicators. While other data is relatively important, users still had to calculate the safe and maximum values themselves. By displaying real-time safe and maximum value indicators, users can save 36% of calculation time.​
Iterations
To understand how different means of indicators presented will make the dashboard more intuitive and understandable, I came up with different ideas to evaluate the pros and cons of each approach.
Idea 1
Double-column pop-up window
Double-column window shows up as a pop-up on the screen. This approach is preferred by the internal users because it's as easy and fast as one click. However, there are 3 potential issues with this approach:
-
It doesn’t show data in one page;
-
There isn’t a hint for most important indicator;
-
Users tend to give up calculation because to set a figure to approve is already tiring.
Idea 1: Double-column pop-up window
Idea 2
Static indicator reference with floating action box
To address the reference problem between asset market data and user personal action decision data, I adopted the Static indicator reference with a floating action box approach. This way, I hope to create a feedback collection experience that is more intuitive and understandable.
Idea 2: Static indicator reference with floating action box
Final Solution
In the end, our team adopted Static indicator reference with floating action box, and clearly marked the threshold prompts and related explanations.
Takeaways
UX designers still have to tag the key indicators for mature users
We thought that by providing key reference data, users would be able to make trading decisions intuitively, but in fact users will need to be prompted at the threshold level.