Publish multiple strategies across different marketplaces at once
More complex use cases could confuse users.
INTRO
Crypto-Arsenal is a cryptocurrency trading platform. I led the design of a scalable strategy management page empowering users to efficiently view and publish multiple strategies.
TIME
5/2024 – Present
PLATFORM
Desktop Web
ROLE
Lead Designer
TEAM
2 UX/UI Designer
1 PM
1 Engineer
CEO
Project Profile
TIME
5/2024 – Present
PLATFORM
Desktop Web
ROLE
UX/UI Designer,
UX Researcher
AREA
User Research,
UX Design,
Interaction Design,
Usability Testing
Team Composition
Yu-Ting Chang
UX/UI Designer,
UX Researcher
Mandy Lin
UX/UI Designer
Richard Lee
CEO
Rowena Chen
Product Manager
Zanjun Wang
Developer
Led the feature design
Reviewed design
Ensured design aligned with business goal
Ensured design aligned with business goal
Ensured design’s technical feasibility
Impact
PROJECT CONTEXT
What is a trading strategy?
A program that automates buying and selling cryptocurrency based on set rules
A cryptocurrency trading strategy is a computer program that automatically buys and sells assets based on set rules, helping traders catch the best opportunities without constantly watching the market.
What role does Crypto-Arsenal play?
Enable developers to create and copy traders to adopt trading strategies
Crypto-Arsenal is a platform that enables developers to create trading strategies and copy traders to adopt them. This creates a win-win mechanism where traders can profit, and developers earn a share of the profits.
But the business wanted more...
Incorporate more features
To support upcoming features, the team planned to move certain features to a new, scalable page
Partner with more marketplaces
We're expanding strategy publishing to multiple marketplaces like Binance and OKX, but the current flow supported only ours
PROBLEMS
Lack of strategy insights and Inefficient multi-strategy publishing
Due to limited resources, I interviewed two strategy developers. To supplement the research, I conducted a heuristic evaluation and competitor analysis and identified 3 pain points:
Lack of strategy insights on the dashboard
The dashboard provides insufficient insights for users to evaluate their strategies' performance
Inefficient multi-strategy publishing
The current user flow limits developers to publishing one strategy to a single marketplace at a time, making multi-strategy publishing inefficient
Low publishing entry discoverability
The strategy publishing feature lacks a clear entry point, making it difficult for users to find
GOAL
Design a scalable strategy management system that empowers developers to efficiently view and batch-publish strategies across diverse marketplaces.
IDEATION
Lack of strategy insights on the dashboard
Redesign the information architecture to incorporate more metrics
IA DESIGN
Incorporate more performance metrics
I designed the information architecture to include more metrics that could reflect strategy performance, along with strategy settings and marketplace information, to minimize user errors.
Competitive Analysis
I conducted a competitive analysis of similar cryptocurrency trading platforms and identified four key financial metrics to help strategy developers evaluate their strategies.
- ROI (Return on Investment)
- Sharpe Ratio
- MDD (Maximum Drawdown)
- Equity Curve
Inefficient multi-strategy publishing
Create a new feature allowing users to batch-publish strategies
FEATURE SCOPE
Strike a balance between usability and functionality
After several iterations, I finalized the approach of allowing users to publish multiple strategies to a single marketplace at once, striking a balance between usability and functionality.
Strategy batch-publishing feature to enhance user efficiency
Only partial strategies could be published to one marketplace at once
Although the use cases became simpler, the feature’s value diminished.
Publish multiple strategies to a single marketplace at once
This approach stroke a balance between complexity and functionality of the feature.
USER FLOW
Prevent users errors while aligning with mental models
After discussions with designers and stakeholders, I finalized an approach that lets users select a marketplace after choosing their first strategy to publish. This approach keeps users focus on strategies first while ensuring reliability by disabling already-published ones after selecting a marketplace.
Select a marketplace before choosing strategies to publish
Users typically assess and select strategies before choosing a marketplace to publish. This design didn't align with their mental model.
Select a marketplace after choosing all strategies to publish
Users could unintentionally attempt to republish strategies. Disabling those afterwards wasted users' time.
Select a marketplace after choosing one strategy to publish
This approach allowed users to focus on strategies first, aligning with their intentions while ensuring an efficient process.
Low publishing entry discoverability
Improve the discoverability of the feature entry point
LAYOUT DESIGN
Highlight the entry point of the publishing feature
I proposed two layout solutions for the strategy publishing process: a popup modal, triggered by a button, that provides ample space for completing the publishing process, and a side panel with a tab entry point, allowing users to review strategy details while publishing.
Popup Modal Layout
It provided users with ample space to complete the batch-publishing task efficiently.
Side Panel Layout
It allowed users to view strategy details while setting them.
Decision: Side Panel
1. Help users make informed decisions by showing strategy details alongside the publishing process
2. Better discoverability of the publishing feature’s entry point, presented as text in side panel’s tab
3. Better scalability to accommodate future features
WIREFRAMING
Decide the layout for batch-publishing
Break down the process with customization at the final step
I broke down the publish process into manageable steps to reduce cognitive load and enabled detailed customization through the summary panel to maximize functionality and efficiency for all users.
I then proposed three wireframe options for the side panel, analyzing their pros and cons to optimize the feature’s flexibility and usability.
Intuitive Navigation
Easier Customization
Progressive Disclosure
All settings were displayed on the panel, allowing users to complete the process effortlessly by scrolling through the page.
The trading pair settings were placed in a separate, scrollable section for easier customization.
Breaking the publishing process into manageable steps gave users a sense of progress and reduced the likelihood of abandonment.
FINAL DESIGN
A streamlined but informative dashboard with an innovative strategy batch-publishing feature to improve efficiency
Thorough strategy information for informed publishing decisions
- Thorough strategy information is displayed to support users in selecting strategies for publishing
Filter for quick strategy identification
- This filter let users quickly identify strategies by publishing status, improving efficiency in publishing strategies
Comprehensive user flow with error prevention
- I used different checkbox statuses to prevent republishing or publishing incompatible strategies
Reduction of cognitive load and increase in flexibility
- Manageable steps provided users with a sense of progress and prevented abandonment
- Customizable summary panel provided flexibility and ensured efficiency
See how my new design works
IMPACT & NEXT STEPS
What user testing told me
52% reduction in time on task
Conducting usability testing with four participants, I found that the time required to publish two strategies significantly decreased in the new user flow. The improvement was even more pronounced when publishing larger batches.
54.8 s
in original user flow
→
25.2 s
in new user flow
0
%↓
Participant feedback
87.5
SUS score
But still room to improve
Short Term
- Enable users to view strategies performance across various time scales
- Enhance visual cues to guide users seamlessly through the publishing steps.
Long Term
- Redesign icons for better clarity and intuitive understanding of functions
- Refine the design system to enhance accessibility
REFLECTION
Balance goals and constraints for actionable real-world design
Designing a real product required considering more factors, such as minimizing development effort and aligning with business goals.
Less is more
Simplifying a feature's function can lead to a more intuitive user experience.
Thorough use case analysis ensures reliable design
Complex crypto-trading use cases demand thorough analysis during user flow design and heuristic reviews to ensure a reliable, error-free experience.