Design Principles
Design principles are concrete, actionable guidelines and standards derived from design values.
Consistency
Identical elements, actions, and feedback should look and behave the same across contexts. By reusing unified components, wording, and interaction patterns, users can predict outcomes from prior experience—lowering learning costs and building trust.
Emphasize What Matters
Users mostly scan rather than read word for word. Design should highlight the core content, and through a clear hierarchy of rhythmic layout (type size, color, spacing), simplify information and remove redundancy.
Total assets
3.00299828 BTC
≈ $85,391.80
Cumulative earnings
+1,400.63 USDT
≈ 1,400.68 USD
Do
Total assets
3.00299828 BTC
≈ $85,391.80
Cumulative earnings
+1,400.63 USDT year-over-year increase
≈ 1,400.68 USD
Don't
Proximity
The more closely related two pieces of information are, the closer they should sit—forming a single visual unit; the weaker the relationship, the farther apart they should be—creating clear separation. At its core, proximity is about organizing information so users grasp the page structure and hierarchy at a glance.
lg
md
sm
Do
Don't
Stay Restrained
When every corner of the interface is shouting "Look at me!", users end up shutting their eyes to all of it. Only restrained design lets the key action be carried out accurately.
HOT
9:41
2
Do
HOT
HOT
NEW
NEW
NEW
NEW
9:41
2
Don't
Instant Feedback
In high-frequency, high-risk, highly real-time trading scenarios, feedback must be sharp and immediate. The system should step in early to help users spot and avoid potential asset risks.
Respect Conventions
Align with users' existing mental models and behaviors—a key principle for lowering learning costs and keeping the experience smooth.
01/01/2021
To
January 30, 2021
15
16
17
18
19
July
August
September
October
December
2016
2017
2018
2019
2020
Confirm
Do
January 1, 2021
To
January 30, 2021
2016
2017
2018
2019
2020
July
August
September
October
December
15
16
17
18
19
Confirm
Don't
Clear Context
Use wording that matches users' understanding and avoid system or technical jargon, so information reads intuitively and aligns with how users actually think.
There is currently one transaction that is not completed. Are you sure you want to cancel it?
Cancel
Cancel transaction
Do
There is currently one transaction to be completed, are you sure you want to cancel it?
Cancel
Sure
Don't
Stay Honest
Don't mislead users into clicking just to hit operational targets—it drains the brand's credibility.
Invite friends to get up to 100 USDT
The total number of participants has reached 13,000.
Sign up now
Do
Invite friends to get 100 USDT
The total number of participants has reached 13,000.
Click me to earn 100 USDT
Don't
Guide Proactively
When an action fails, don't just show an error. Offer a next step or an alternative to help users recover the flow and feel less frustrated. Never leave users stuck.
Transaction failed
Sorry, the current network is experiencing issues. Please try again.
Retry
Do
Transaction failed
Sorry, there is a current network exception.
Don't