Design - Profile screen - Transactions

[dzinzyura]

Goal: Introduce an updated vision for Transactions menu and its details.

Affected metric:

• UI/UX enhancement
• Ease of data handling

Description: Create designs for Transactions screens. Please, use these details and descriptions for future works:

Transactions screen (old):

Transaction details:

PROFILE SCREEN EPIC

[phwizard]

Regarding Transactions UI, this looks good preliminary

Please add the amount of the asset sent or received as well (see details below) plus asset icon (coin icon).

Also - see if a variation with green down (received) and red up (sent) arrow works instead of Received / Sent? Like in one of our existing screens below.

---

Let me add something I forgot to emphasise before.

See 2 screenshots below, as I believe I only showed this UI

which is older design and doesn't do justice to what's possible in Transactions UI and what was implemented later.

What you did by showing just the counterparty name is a good approach, however what I missed adding is that we should also show how much is transferred like here:

(BTW When you unroll the transaction, the amount of coins or assets transferred is shown in "Value" field which can be anything starting from 1.)

above shows that I have transferred 100 Coins to Merchant Bot, then the NFT Collection Contract called "UAXmasByTitov" has transferred 100 items to me and then same contract transferred 1000 items for me. (I'm saying 'items' because I'm not sure if it was coins, it could be 100 items of the NFT collection but the app used the coin icon because it didn't have a separate icon for other types of assets).

Note that often transactions will be of Coin asset type - just use our standard Coin icon for those.

You don't have to design other icons for other asset types (documents, NFT collections) at this point. We will use (1) emojis or (2) small asset image thumbnails, or (3) design special icon / icons for them at a later point.

fyi @polipivnenko

[polipivnenko]

Updated detailed transaction wireframes. I changed the caption below the main text, added a caption indicating who the transaction is from or to. I believe this information will be more useful to the user than the current coin balance at the time of receiving transactions.

@phwizard @dzinzyura

[phwizard]

Looks great, thank you!

[phwizard]

as discussed in the other issue, maybe we should get rid of this button and keep the transactions count in there, otherwise this one is also good to implement

[polipivnenko]

@dzinzyura @phwizard