Celatone
I was developing a new “Recent Query” feature for Celatone, a developer tool for smart contract interactions in the Cosmos ecosystem.
It was my honor working with Lookchin, one of the UX design pioneers in Thailand, and Jennie, a senior product designer, who is the most versatile person I’ve ever met. Big thanks to Tan Sawit, the founder of Celatone for this opportunity.
Step 0: User research assistance
During the onboarding period, I assisted Lookchin in doing user interviews for Validator features using card sorting, tier lists, and information thresholds.
Individual interview note sample
Tier list for information prioritization
Step 1: Discover
I received a task to research how people search for their past smart contract interaction activities and whether there are pain points that could lead to a new feature for Celatone.
Step 2: Define
I decided to implement a solution, Recent query feature, that solves problems 1 and 3, which have higher severity, by bringing a solution that allows users to query with their recent command, plus also being able to **save query templates **for efficiency.
User Flow
Information Architect (Add-on existed WebApp features)
Step 3: Design
Quick Hi-fi prototype
Components
Figma Prototypes
Step 4: Deliver
Here are snapshots where the “Recent Query” feature was implemented.
Desktop
-
Contract interaction page
-
Queries History Page (The whole page)
-
Edit Message Template Modal (The whole modal)
Mobile -
Contract interaction page
Testing
After user testing with 10 celatone users, there are a few minor changes e.g. the location of the “Query again” button, and whether the secondary should be shown twice for both “Used Input” and “Shown Output” titles on the Queries History Page.
Key Takeaway
- **Figjam has more flexibility than Notion in information management. **I did Recent query feature interviews using Notion, which I thought was easier to take notes while I was speaking. However, it is not ideal for grouping ideas visually.
- **I learned how to set a realistic timeline for a project. **As this is the first design project I self-led throughout the whole design process so I had a hard time setting up a realistic expectation of each progress milestone. I am more confident in design project management after this project's completion.
- **Designers need to be good defenders of their design. **Answering questions from PM and devs is a part of the work I didn’t expect to be as robust as I encountered. I acknowledge that knowing design theories are valuable for these circumstances.