Tackling The Cumbersome Feedback Process Of Web3 Products
Trust is important for the adoption of anything, especially when it involves finances and a lot of existing crypto users have to visit platforms like Etherscan to confirm if a transaction is actually pending while waiting for the success status. The transaction on the blockchain has no fixed time, as every action is dependent on the availability of liquidity as well as the blocks.
In essence, we currently just have to wait till whenever, not knowing how soon an initiated transaction will take. Crypto transactions are carried in blocks and before transactions can be said to be successful it has to undergo a series of confirmations until then the transaction is said to be pending.
A plethora of reasons can be cited when asked why there is slow adoption of cryptocurrency. Some may say it has an image problem others might mention a lack of scalability, or it is slow and cumbersome. I have been in discussion with people who couldn’t use any web3 product because of a lack of understanding.
I tried using uni swap and 1inch, and i found out that when I tried to connect my wallet using avalanche chain, the only feedback I got was the wrong network.
This is where User Experience comes to play
The feeling of progress and the value of trust amongst other things are core things to integrate into your product. It's like creating a signup flow of 5–6 steps without telling the users and them having to go through the rigorous process of filling each page without knowing the end. And as a designer that gets paid from different countries all over the world, I appreciate it when platforms like Upwork, and Payoneer give me feedback as to when my processed payment will get to me. Using crypto as a payment option, I have to check the transaction status on Etherscan because even the sender can’t provide me with the estimated waiting time.
SOLUTIONS
Progress bars are good visual markers of progression that improves users' experience when using products. The proper use of it reduces users' curiosity as to what happens next, how long before completion, or when will an auction end. Using a progress bar or circle increases the trust level. and statistics show that it drives conversion and improves user experience. (insert image of the progress bar)
BRAINSTORMING
During my brainstorming sessions, I worked on three versions of possible product bars
- Version 1: This is a good approach, using the checkbox for a successful transaction while using the progress circle to indicate a transaction in progress, but the problem with this modal has no date of transaction
- Version 2: Then i worked on a second iteration that still preserved every data on the version 1 iteration except the value in dollars.
- Version 3: I also explored using a progress line, but the problem with this approach is the lack of continuity with the completed state.
I finally settled on Version 2 because relationships between states of a modal are very important. Aside from the modal showing important data like value, status, and estimated time. The icon of ‘IN PROGRESS’ and ‘SENT’ has a high-level correlation compared to versions where we have only the progress status in a line format and it somehow feels isolated from the completed status.
PROTOTYPE
CONCLUSION
The goal is to constantly improve on what we have and a good UX would definitely drive adoption of the blockchain system. Providing good feedback to users like progress status is a good way to go amongst other things we can address along the way. I would love thoughts and feedback on my design approach to solving the transaction status issue using the progress circle.
Want us to collaborate? Contact me via my social
