Horizon Bridge UI Feedback

[polymorpher]

I was asked to make a quick evaluation of new UI for Horizon bridge at https://bridge-validator-1.web.app/busd and to provide some initial feedback. I added them in https://docs.google.com/document/d/1utiqGhkMN2eE7h1cfo1p9xw5DHprM5D3A0O1BqFEEM8/edit# . Here is a copy:

Inconsistent branding colors

header

icon

main website

Text hard to read and memorize

Too many menu items with overlapping meanings

Need Help v.s. FAQ Assets v.s. iToken

Unnecessary or vague menu items

iToken: unclear Transactions: own transactions or all bridge transactions? Harmony only or all networks?

Hidden buttons

Also unexpectedly triggers MetaMask

Arrows inconsistent with bridging direction

Token type button too small

Icon inconsistent with intended functionalities

Error messages abruptly inserted in the middle of key information visual elements

Default address value not provided

Hidden input fields

MetaMask plus icon inconsistent with intended functionality

Typo “MetaMask”

MetaMask button and use inconsistent with branding guideline

https://github.com/MetaMask/brand-resources https://community.metamask.io/t/metamask-logo-for-reproduction/15430/2

Abrupt error message on default address value

Layout not following information importance or interaction flow

Button missing hover effects

Unnecessary Button

Warning too obscure

Branding cropped

Bottom right

FAQ/Help not searchable by default due to collapsed state

FAQ/Help not categorized

Tnx Fee text should not be wrapped

Cropped tables due to the lack of responsiveness

Uncomfortable delay in switching menu items

more than 2 seconds without any visual feedback after clicking

[polymorpher]

Inconsistent corners

round

square