haveno icon indicating copy to clipboard operation
haveno copied to clipboard

Some thoughts on improving the UX/UI

Open TheFuzzStone opened this issue 10 months ago • 2 comments

Change the price display for the "Price in XMR for 1 ..." column for stable coins

At the moment when I choose to buy XMR for EUR, I see in the column XMR/EUR price with % specified by the seller from "Haveno Index Price", and automatically "Haveno Index Price" switches also to XMR/EUR:

Image

No complaints about that, it's just as an example just to keep track of what I'm thinking.

But, as soon as I choose to buy XMR for USDT-TRC20, then "Haveno Index Price" switches to USDT/XMR (it can be changed manually, although it is still inconvenient) and the column "Price in XMR for 1 USDT-TRC20" is more confusing than XMR/USDT in my opinion:

Image

I suggest to display the price as XMR/USDT, because it's more logical to see at what price I buy 1 XMR for USDT, and now I see at what price I sell 1 USDT for XMR, despite the fact that I am in the "buy XMR" category.

Or at least leave USDT/XMR, but add the option to display in the column as XMR/USDT.

The same for other stablecoins.


Change the interaction with the order

Further, when I open an order to buy XMR for USDT-TRC20 I see:

Image

Here I would suggest to make that:

  1. the price should be displayed as XMR/USDT and not as USDT/XMR (or it should be displayed as on the main screen, i.e. if I select XMR/USDT on the main screen, then when opening a request the price should be displayed as XMR/USDT).

  2. "Amount in USDT-TRC20 to sell" should be changed to "Amount in USDT-TRC20 to buy" - it seems more logical to me to change it to "Amount in USDT-TRC20 to buy" because I am now buying XMR. Yes it can be interpreted as selling USDT, but I think it looks more confusing the way it is now, and there is no need to mention "selling USDT", but rather stick to "buying XMR" because I am now in the category of buying XMR.

  3. The USDT-TRC20 field remains inactive, meaning that to buy XMR worth 2000 USDT-TRC20 in this example I need to open the calculator and do: 0.00294743 * 2000 = 5.89486, I copy the value 5.89486 and paste it into "Amount XMR to buy" and press Enter, and I get:

Image

And all this can be avoided if you make the "Amount in USDT-TRC20 to sell" field active, so that I quickly enter the value 2000 and it will automatically calculate it in "Amount XMR to buy" (taking into account the limitation of 4 digits after ".").


When creating an order to buy XMR (XMR/DAI)...

Image

I propose to replace "Place offer to sell DAI-ERC20" for "Place offer to buy XMR with DAI"


The little blue line

The little blue line that emphasizes which category I've chosen goes out over the edges for "Fiat" and "Crypto":

Image

Image

But it doesn't go over the edge for "Other":

Image

Same for other categories.

It seems to me as if the problem is the position rather than the length of the name. As an example, "Fiat" and "Other":

Image

Image


Fix ERC20 and TRC20 ("0" is not clearly displayed)

Image


TheFuzzStone avatar Jun 10 '25 16:06 TheFuzzStone

The little blue line that emphasizes which category I've chosen goes out over the edges for "Fiat" and "Crypto":

What platform are you running on?

woodser avatar Jun 10 '25 17:06 woodser

What platform are you running on?

Operating System: Arch Linux KDE Plasma Version: 6.3.5 KDE Frameworks Version: 6.14.0 Qt Version: 6.9.1 Kernel Version: 6.15.1-arch1-2 (64-bit) Graphics Platform: Wayland

TheFuzzStone avatar Jun 10 '25 18:06 TheFuzzStone