---
# System prepended metadata

title: UI Review (4.01)
tags: [UX, UI]

---

# UI Review (4.01)
###### tags: `UX`, `UI`
3Fi. v1. UI Review

## App / Emissions / Collateral Wallet

### WALKTHROUGH

Existing '**Action Options**':
![](https://i.imgur.com/pFa2JgD.jpg)

Proposed '**Action Options**':
![](https://i.imgur.com/Yv7eyd1.jpg)

Amends:
* Some of the following may be resolved by ([UI_Review_2.01](https://hackmd.io/@3Fi-4-DeFi/UI_Review_201)) ...meaning, by widening the drawer to 4 columns, the increase in width may provide enough space to resolve the below amends.
* Point 1 
    * Update the card title from '**3Fi Collateral - CRV wallet**' to '**3Fi Collateral - FRAX wallet**'.
* Point 2 
    * Replace the '**'Help Text'**' for '**Manage**' and '**Distribute**' with a common statement: 
        > '**This feature will be available after the release of v2.1. Details about this feature will be shared shortly before release.**'
* Point 3 
    * Replace the '**'Help Text'**' for '**Claim**' with the following:
        > FRAX accrued across all 3Fi-NFTs, owned by the connected wallet will be claimed and withdrawn to the same wallet.
* Point 4
    * Move the prompt from the existing location in the '**drawer**' to the proposed location in the '**card**'. 
    * Replace the prompts text with the following:
        > Only available when 3Fi NFT’s have been composed or purchased.
* Point 5 
    * In the '**Walkthrough**' state, the '**Connect Wallet**' button should be raised to a common height below the '**Help text**' as shown in 'Proposed Action Options'. 
    * Note: 
        * Regardless of how many lines the '**Help test**' is, the '**Connect Wallet**' button should remain at the same height so that when the user 'flicks' between '**Secondary tabs**', the button does not move. Movement would cause distraction of the users attention on the content that is important. Keeping this button static would avoid this. Further:
        * I recommend raising the '**Connect Wallet**' button to the proposed position as it makes it easier for users to access and reduces the risk of users 'missing' the button altogether. 


### CONNECTED WALLET

Existing '**Action Options**':
![](https://i.imgur.com/POmztpO.jpg)

Proposed '**Action Options**':
![](https://i.imgur.com/gTduJ99.jpg)

Amends:
* Some of the following may be resolved by ([UI_Review_2.01](https://hackmd.io/@3Fi-4-DeFi/UI_Review_201)) ...meaning, by widening the drawer to 4 columns, the increase in width may provide enough space to resolve the below amends.
* Point 1 
    * Update the card title from '**3Fi Collateral - CRV wallet**' to '**3Fi Collateral - FRAX wallet**'.
* Point 2 
    * Replace the '**'Help Text'**' for '**Manage**' and '**Distribute**' with a common statement: 
        > '**This feature will be available after the release of v2.1. Details about this feature will be shared shortly before release.**'
* Point 3 
    * Replace the '**'Help Text'**' for '**Claim**' with the following:
        > FRAX accrued across all 3Fi-NFTs, owned by the connected wallet will be claimed and withdrawn to the same wallet.
* Point 4
    * Move the prompt from the existing location in the '**drawer**' to the proposed location in the '**card**'. 
    * Replace the prompts text with the following:
        > Only available when 3Fi NFT’s have been composed or purchased.

**Note**:
The demo UI does not allow me to construct a circumstance where the above drawers display an active action state. Ie. Where a user may choose to claim their accrued NFT rewards as FRAX or GUILDS (Debt) Therefore: 

> **Please ensure these drawers are correctly constructed as shown for future UI review when the product is live.**
> Any questions, please contact Gravity ASAP in our discord or Telegram.

