# Bridge UX / UI Improvements

**URL:** http://forum.zenon.org/t/bridge-ux-ui-improvements/1986
**Category:** ╰  Funding  |  Staging
**Created:** [December 24, 2024, 2:13am UTC](http://forum.zenon.org/t/bridge-ux-ui-improvements/1986 "2024-12-24T02:13:23Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![mehowbrainz](http://forum.zenon.org/user_avatar/forum.zenon.org/mehowbrainz/32/1532_2.png) [@mehowbrainz](http://forum.zenon.org/u/mehowbrainz)
#### Post date: [December 24, 2024, 2:13am UTC](http://forum.zenon.org/t/bridge-ux-ui-improvements/1986/1 "2024-12-24T02:13:24Z")

</div>

I’ll redesign the bridge entirely using the BagSwap components / styling. It’s one thing to improve its interface / styling (UI), it’s another to improve its experience (UX).

Make your list of bridge UX / UI improvement requests / ideas, while being as detailed as possible. Also if you like certain bridge flows, feel free to showcase them as examples.

Thanks,

mehowz

---

<div class="post-metadata">

### Author: ![0x3639](http://forum.zenon.org/user_avatar/forum.zenon.org/0x3639/32/1651_2.png) [@0x3639](http://forum.zenon.org/u/0x3639)
#### Post date: [December 25, 2024, 6:18pm UTC](http://forum.zenon.org/t/bridge-ux-ui-improvements/1986/2 "2024-12-25T18:18:30Z")

</div>

We critically need to fix this issue I reported. Many new users are getting frustrated by this.

> <https://github.com/DexterLabZ/bridge.mainnet.zenon.community/issues/17>
>
> \# Issue
> Wallet Connection between syrius and bridge GUI fails if you change wal…let address after making a WC connection.
> 
> \# Steps to Reproduce
> \- Select Wallet Address 0 in Syrius desktop wallet
> \- Open bridge web
> \- make Wallet Connection between website and syrius
> \- change selected Wallet Address to slot 1 in syrius
> \- All bridge transitions fail after changing the wallet slot in syrius
> 
> \# Steps to remediate
> \- cancel WC connection in syrius
> \- close syrius wallet
> \- close browser
> \- open browser
> \- clear cache in browser
> \- close browser
> \- open browser
> \- open syrius
> \- open bridge page and connect syrius to website

Here are the manual instructions to correct it.

> **[Steps to Troubleshoot the wZNN \<\> ZNN Bridge](https://forum.hypercore.one/t/steps-to-troubleshoot-the-wznn-znn-bridge/237/2?u=0x3639)**
>
> Issue: Wallet Connection between syrius and bridge GUI fails if you change wallet address after making a WC connection. Resolution Cancel existing WalletConnection in syrius. (If you skip this this step the instructions will NOT work) You will...

---

<div class="post-metadata">

### Author: ![mehowbrainz](http://forum.zenon.org/user_avatar/forum.zenon.org/mehowbrainz/32/1532_2.png) [@mehowbrainz](http://forum.zenon.org/u/mehowbrainz)
#### Post date: [December 28, 2024, 3:01am UTC](http://forum.zenon.org/t/bridge-ux-ui-improvements/1986/3 "2024-12-28T03:01:03Z")

</div>

There was also this comment submitted by @cryptocheshire some time ago: [Bridge UX Benchmark · Issue #18 · DexterLabZ/bridge.mainnet.zenon.community · GitHub](https://github.com/DexterLabZ/bridge.mainnet.zenon.community/issues/18)

---

<div class="post-metadata">

### Author: ![cryptocheshire](http://forum.zenon.org/user_avatar/forum.zenon.org/cryptocheshire/32/1348_2.png) [@cryptocheshire](http://forum.zenon.org/u/cryptocheshire)
#### Post date: [December 29, 2024, 8:25pm UTC](http://forum.zenon.org/t/bridge-ux-ui-improvements/1986/4 "2024-12-29T20:25:09Z")

</div>

Ignore it

---

<div class="post-metadata">

### Author: ![0x3639](http://forum.zenon.org/user_avatar/forum.zenon.org/0x3639/32/1651_2.png) [@0x3639](http://forum.zenon.org/u/0x3639)
#### Post date: [December 30, 2024, 6:34pm UTC](http://forum.zenon.org/t/bridge-ux-ui-improvements/1986/5 "2024-12-30T18:34:17Z")

</div>

Why? Did Dexter address it?

---

<div class="post-metadata">

### Author: ![SugoiBTC](http://forum.zenon.org/user_avatar/forum.zenon.org/sugoibtc/32/3246_2.png) [@SugoiBTC](http://forum.zenon.org/u/SugoiBTC)
#### Post date: [December 30, 2024, 7:03pm UTC](http://forum.zenon.org/t/bridge-ux-ui-improvements/1986/6 "2024-12-30T19:03:09Z")

</div>

Thank you for picking this up, sir. Some of the things I’d like to see improved:

- There are a lot of checks the user has to go through before entering the dApp. I don’t see this on other bridge dApps. Maybe just a security warning for users asking if they’re from outside the US?

- When unwrapping multiple transactions, it redirects you to another page instead of staying on the “unwrap transaction” page. This leads to having to press on “Existing Swaps” again in order to unwrap the next transaction.

- There are too many steps: Connect “WalletConnect” + Connect “Ethereum wallet.” Maybe implement an automated popup prompting users to select their Web3 wallet? Or maybe a “Connect Wallet” button in the top right corner (which a lot of webdapps use).

- Add a “How-to-bridge” page along with other useful resources

Example: [https://debridge.finance/](https://debridge.finance/)

---

<div class="post-metadata">

### Author: ![mehowbrainz](http://forum.zenon.org/user_avatar/forum.zenon.org/mehowbrainz/32/1532_2.png) [@mehowbrainz](http://forum.zenon.org/u/mehowbrainz)
#### Post date: [January 1, 2025, 4:24pm UTC](http://forum.zenon.org/t/bridge-ux-ui-improvements/1986/7 "2025-01-01T16:24:01Z")

</div>

It compared the NoM Bridge web app to a browser wallet (OKX). While the Zenon bridge isn’t a wallet, it requires wallet connections. The OKX chrome extension isn’t as intuitive as described either, one still has to click through a bunch (or even know where to click) in order to arrive to the bridge features (yet alone also install the OKX extension). The comment posted was better suited for the syrius desktop, chrome or mobile app repos.

---

<div class="post-metadata">

### Author: ![mehowbrainz](http://forum.zenon.org/user_avatar/forum.zenon.org/mehowbrainz/32/1532_2.png) [@mehowbrainz](http://forum.zenon.org/u/mehowbrainz)
#### Post date: [January 1, 2025, 4:31pm UTC](http://forum.zenon.org/t/bridge-ux-ui-improvements/1986/8 "2025-01-01T16:31:18Z")

</div>

> [@SugoiBTC](#):
>
> There are a lot of checks the user has to go through before entering the dApp. I don’t see this on other bridge dApps. Maybe just a security warning for users asking if they’re from outside the US?

IMO this should be cutout altogether and addressed in some terms page.

> [@SugoiBTC](#):
>
> When unwrapping multiple transactions, it redirects you to another page instead of staying on the “unwrap transaction” page. This leads to having to press on “Existing Swaps” again in order to unwrap the next transaction.

In my UX, the user stays on the bridge page post wrap/unwrap.

> [@SugoiBTC](#):
>
> There are too many steps: Connect “WalletConnect” + Connect “Ethereum wallet.” Maybe implement an automated popup prompting users to select their Web3 wallet? Or maybe a “Connect Wallet” button in the top right corner (which a lot of webdapps use).

Implementing such UX.

> [@SugoiBTC](#):
>
> Add a “How-to-bridge” page along with other useful resources

For some confusing/complex steps, I’m guiding the users down a path i.e. Click on Connect Wallet here: [Marvel 3](https://marvelapp.com/prototype/3310dd2g/screen/96398405) and see how the user is guided down a path.

I’ll try to solve as many of the issues via UX hacks i.e. what can/cannot be done if an action is performed / if an asset is available in the wallet etc.

---

<div class="post-metadata">

### Author: ![aliencoder](http://forum.zenon.org/user_avatar/forum.zenon.org/aliencoder/32/1467_2.png) [@aliencoder](http://forum.zenon.org/u/aliencoder)
#### Post date: [February 5, 2025, 7:25pm UTC](http://forum.zenon.org/t/bridge-ux-ui-improvements/1986/9 "2025-02-05T19:25:37Z")

</div>

What’s the status with this?
