Table of Contents
UX
https://overflow.io/s/3BP0P6ZM
https://overflow.io/s/TJ9L8PK5
UX Assets
https://www.sketch.com/s/cec9b923-1f4f-4ed7-9df4-fdf098e57a18
FIO Token
Visual | Functionality |
---|
Wallet List | Display Links Add Wallet Import Wallet Wallet Details
|
Create/Edit New Wallet | Collect Wallet name Pre-populate with: “My FIO Wallet X” where X is a sequential number of FIO Wallets associated to user account (first is “My FIO Wallet”, second is “My FIO Wallet 2”, third is “My FIO Wallet 3” and so on.
Validate Wallet name Validation rules Format: Allowed characters: a-z, A-Z, 0-9, space, - dash, _ underscore Min 1 Max 32
Links
|
Import WalletCancel import ConfirmationValid Key but no active accountInvalid Key | Display Links Import Wallet On click Check if corresponding FIO Public Key exists on chain Import private key and add to account Display Wallet List Page with confirmation banner On error
Cancel or Back
Collect Validate Private key Seed Phrase Wallet name Validation rules Format: Allowed characters: a-z, A-Z, 0-9, space, - dash, _ underscore Min 1 Max 32
Error
|
Wallet Transaction List | |
Transaction DetailsSent FIO RequestReceived FIO RequestFIO Data | |
FIO Data transaction linking | |
Wallet Details | Display FIO Public Key FIO Public Key QR code Links
|
Show Private Key | Collect Validate Display Links Confirm Cancel or X Copy icon
|
Send FIO TokenWith memo or in response to FIO RequestImage RemovedImage AddedWithout memoImage RemovedImage AddedAddress Selector | Display Wallet name Available FIO balance Transaction cost Links Back Send FIO Tokens On click Collect PIN Execute /transfer_tokens_pub_key If memo entered or if tokens sent in response to FIO Request, when transfer_tokens_pub_key finishes, get the transaction and execute /record_obt_data On success
Collect Sending FIO Address If user has 0 FIO Addresses - do not show label and field If user has only 1 FIO Address show label and FIO Address as text If user has more than 1 FIO Address - show available FIO Addresses selector with first (alphabetically FIO Address pre-selected)
Send to Address Amount denominated in FIO with as you type conversion to USDC with ability for user to switch to entry in USDC with as you type conversion to FIO Memo - show only if user has at least 1 FIO Address registered and the “Send to Address” is FIO Address and not a public key
Validate
|
FIO Tokens Sent ConfirmationWith memo or in response to FIO RequestWithout memoSend succeeded, but memo failed | |
FIO Request
Visual | Functionality |
---|
New FIO Request | Display Wallet name Transaction cost Links
Collect Validate
|
FIO Request Confirmation | |
Reject FIO Request | Display Date/Time: FIO Request time_stamp in browser time Type: Request From: FIO Request payee_fio_address Amount: FIO Request amount + token_code Chain: FIO Request chain_code Transaction cost
Links Validate
|
FIO Request Rejected Confirmation | |
FIO Data
Visual | Functionality |
---|
Enter Payment Details | Display Collect Amount Token code Chain code Memo Transaction ID
Validate
|
Payment Details Confirmation | Display To FIO Address Amount Token code Chain code ID: transaction ID Memo Transaction cost Links
|
...