---
# System prepended metadata

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

---

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

## App / Emissions / Body & Cards

> Page body and Card content.

## **WALKTHROUGH**:

Existing view: '**Walkthrough**'
![](https://i.imgur.com/bK85WW0.jpg)

Notes:
* This document does not consider the state of the navigation as shown in the above existing UI reference. 
* Changes to the navigation are covered in other documentation. 

Amends:
* Point 1
    * Replace '**Annualized percentages**' with '**Auto-compound options**'
* Point 2
    * Replace '**CRV**' icon with '**FRAX**' icon
    * Replace '**3Fi**' icon with '**BENT**' icon
    * Replace '**CRV wallet**' lable with '**FRAX wallet**'
* Point 3
    * Replace '**Only available when 3Fi token or NFTs have been accrued or purchased**' with '**Only available when 3Fi NFTs have been composed or purchased**'
    * **Note**: Referenced UI text has an error, use the above text instead.
* Point 4
    * To better future-proof the compound emissions list, we need to break down the list into individual tokens. Therefore:
        * Remove sd.Curve, bent.Convex and Bent cards and replace these with:
        * A CRV card
        * A sdCRV card
        * A CVX card
        * A bentCVX card
        * A Bent card
* Point 5
    * The sample liquid emissions are not real. 
    * Liquid emissions only reflect two tokens if they are wrapped. 
    * The large icon reference is the underlying asset. 
    * The small icon reference is the protocol which wrapped the underlying asset. 
    * NO grey tokens should be displayed in the '**Emissions**' space. Please remove all of these...
* Point 8
    * We will no longer display APR references in the '**Emissions**' space. Remove all APR references and replace them with the following:
    * Title = '**Signal Opt'**'
    * Display compound option buttons that relate to each compound emission as shown in the below Proposed UI reference.

*All above amends are also referenced in the below proposed UI references:*

Proposed view: '**Walkthrough**'

![](https://i.imgur.com/ZWoaSMp.jpg)

![](https://i.imgur.com/JOsFOCp.png)


## **WALLET CONNECTED**:

Existing view: '**Connected**'

![](https://i.imgur.com/Yj9VMUL.jpg)

Notes:
* This document does not consider the state of the navigation as shown in the above existing UI reference. 
* Changes to the navigation are covered in other documentation.

Amends:
* Point 1
    * Replace '**Annualized percentages**' with '**Auto-compound options**'
* Point 2
    * Replace '**CRV**' icon with '**FRAX**' icon
    * Replace '**3Fi**' icon with '**BENT**' icon
    * Replace '**CRV wallet**' lable with '**FRAX wallet**'
* Point 3
    * Replace '**Only available when 3Fi token or NFTs have been accrued or purchased**' with '**Only available when 3Fi NFTs have been composed or purchased**'
    * **Note**: Referenced UI text has an error, use the above text instead.
* Point 4
    * To better future-proof the compound emissions list, we need to break down the list into individual tokens. Therefore:
        * Remove sd.Curve, bent.Convex and Bent cards and replace these with:
        * A CRV card
        * A sdCRV card
        * A CVX card
        * A bentCVX card
        * A Bent card
* Point 5
    * The sample liquid emissions are not real. 
    * Liquid emissions only reflect two tokens if they are wrapped. 
    * The large icon reference is the underlying asset. 
    * The small icon reference is the protocol which wrapped the underlying asset. 
    * NO grey tokens should be displayed in the '**Emissions**' space. Please remove all of these...
* Point 6
    * Replace the word '**Collected**' with the word '**Claimable**'. 
        * Note: In previous designs, the word 'Claimable' is replaced with the 'Set Signal' after first harvest. This is **No longer** the case. See point 7 for details.
        * New expected behaviour is for the title '**Claimable**' to remain and when a harvest occurs (by the user or community), the number of tokens collected will reset.
* Point 7
    * We will no longer be referencing any 'Deposit' 'APRs' in the referenced column.
    * Replace the label '**Deposit**' with the label '**Set signal**'
    * Replace the displayed '**APR**' with '**Signaled buttons**'.
        * Note: When the user has not 'Set' a signal, insert the prompt: '**Unset**'
        * After the user performs a harvests to 'Set' their signal, display the button of the compound asset the emission will be compounded into. See the second Proposed UI reference below for an example of this.

*All above amends are also referenced in the below proposed UI references:*

Proposed view: '**Connected**'

![](https://i.imgur.com/5vJkIpb.jpg)

![](https://i.imgur.com/3sSDaGu.png)


## Rollovers

Existing view: '**Walkthrough**'
![](https://i.imgur.com/wOzlkyD.png)

Existing view: '**Connected**'
![](https://i.imgur.com/qipEiE2.png)

Amends:
* In both 'Walkthrough' and 'Connected' state views, on rollover the text '**Max NFT boost:**' with a figure is revealed. 
* Remove this title and value and;
* Centre the updated text as shown below:

Proposed view: '**Wakthrough**'
![](https://i.imgur.com/LTauMNR.png)

Proposed view: '**Connected**'
![](https://i.imgur.com/tITnsdI.png)

![](https://i.imgur.com/p219MeK.png)
