DeFi Interface Design

Token Swap

• Input token selector with balance shown
• Output token selector with estimated amount
• Price impact warning (yellow >1%, red >5%)
• Slippage tolerance setting
• Route visualization (which pools/paths)
• Review details before confirmation
• Transaction simulation (preview outcome)

Liquidity Pools

• Pool pair with logos and names
• TVL (Total Value Locked) displayed
• APR/APY clearly differentiated
• Your position: value, share, earned fees
• Add/Remove liquidity as balanced pair
• Impermanent loss calculator or warning

Yield Farming

• List of active farms with APR/APY
• Your staked amount and earned rewards
• Harvest/claim button with gas estimate
• Auto-compound option
• Risk indicators (audit status, contract age, TVL stability)

Governance

• Active proposals list with status and deadline
• Proposal detail: description, discussion, vote count
• Vote: For/Against/Abstain with voting power shown
• Delegation flow
• Voting history
• Quorum progress bar

Risk Communication

• Smart contract audit status (audited by whom)
• Protocol age and TVL history
• Risk score or rating (simple: Low/Medium/High)
• Insurance/coverage options
• Never hide risks to improve conversion