forked from StellarStream-HQ/StellarStream
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathUX-FlowMedium.txt
More file actions
22 lines (14 loc) · 1.76 KB
/
Copy pathUX-FlowMedium.txt
File metadata and controls
22 lines (14 loc) · 1.76 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
This image illustrates the Transaction Confirmation interface for the Digital Ledger platform. The UI is designed to provide high-clarity verification of "transaction intent" before a user commits to a digital asset transfer.
1. Transaction Intent & Verification
The central modal focuses on transparency and security to prevent accidental or malicious transfers.
Secure Node Badge: Indicates that the transaction is being routed through a verified, secure node.
Flow Visualization: A clear directional arrow shows the movement from "Your Wallet" to the recipient "@USERNAME".
Asset Breakdown: Explicitly highlights the asset being sent: 50.00 USDC.
Smart Contract Audit: A "Verified Smart Contract" banner confirms that the underlying Nebula V2 contract passed a security audit on September 24, 2023.2. Cost & Fee TransparencyThe "Transaction Details" section provides a granular breakdown of the total expenditure in both crypto and fiat denominations.ItemValue (Crypto)Value (USD)Network Fee0.0024 ETH$4.12Affiliate Fee0.00 USDC$0.00Total Cost—$54.12 USD
2. Cost & Fee TransparencyThe "Transaction Details" section provides a granular breakdown of the total expenditure in both crypto and fiat denominations.ItemValue (Crypto)Value (USD)Network Fee0.0024 ETH$4.12Affiliate Fee0.00 USDC$0.00Total Cost—$54.12 USD
3. Navigation & Dashboard Context
The background reveals the broader Institutional Vault environment.
Primary Navigation: Tabs for Portfolio, Swap, History, and Security.
Sidebar Controls: Quick access to Assets, Transactions, Contracts, and Settings.
Action Center: A prominent "Approve Transaction" button for final execution, with a clear "Reject" option to cancel the request.
https://www.figma.com/design/05GKiX9fblEQrAjPqDSb3A/UX-Flow-Medium?m=auto&t=yZeg5S11Q2IxwTz7-6