search

omgnetwork / optimism-v2

ARCHIVE of monorepo implementing Boba, an L2 Compute solution built on Optimistic Ethereum - active repo is at https://github.com/bobanetwork/boba
https://github.com/bobanetwork/boba
MIT License
40 stars 22 forks source link

New Gateway Rinkeby - Feedback & Issues #418

Open MitchellUnknown opened 2 years ago

MitchellUnknown commented 2 years ago

Gateway

  1. Add a "Copy address" & "Blockexplorer" button next to the Network switcher on the top right corner

Copy and Explorer button

  1. You could make a clearer distinction between the transfer and bridge buttons. For example, a color change. I think it will give the user a better understanding for the meaning of the buttons.

Transfer Button

  1. Make the "browser tab icon" at the top of the gateway and explorer more in line with the new design.

Tab Icon Gateway

  1. On the pc version the information on the bottom is a bit off. I tried to line it up in the left corner. Also it could be a good idea to add some more core links/information: testnet, boba docs, boba website, forum

Information Bottom

  1. This is a personal preference, could be wrong. But the Boba Logo 2 feels out of place for some reason on the gateway at the pc. It feels a bit big. And I feel it's better on the bottom of the page. Leave the top clean.

Logo Boba

  1. Maybe dim the icon of the network you are not on. So give the user extra feedback on which network they are currently on.

image

  1. Some of the interaction pop up still has the old blue design theme. Replace them with the new design theme, like the DAO pop up.

Window Pop Up

  1. When I am using the gateway, I always want to know how many steps I need to take to complete my interaction. Some users don't understand you have to approve blind signing first, to interact with some of the blockchain interactions. If you help them by showing the steps in advance, this will make their life easier.

image

Explorer

  1. Issue with the boba explorer, blocks will show up all weird when a new tx is added to the page.

Explorer Bug New Block or TX

  1. The txn hash and wallet addresses need to be 'shortened' on the explorer, otherwise you have to scroll to the side, to see the most important information from the tx.

Hash is to long

  1. Suggestion to give the Boba explorer a small "Boba Vibe" make over.

Boba Explorer Design (More Boba)

  1. The mobile Boba Blockexplorer need some adjustments, see Etherscan mobile version. Some parts are weird on mobile, for me atleast.

Explorer Mobile version

CAPtheorem commented 2 years ago

This is great feedback - will try to incorporate as much as we can over the next few days. FYI @sk-enya.

sk-enya commented 2 years ago

Add fix for the few suggestion from this thread. https://github.com/omgnetwork/optimism-v2/pull/434

sk-enya commented 2 years ago
  1. added copy button to copy address
  2. button styling for transfer and bridge as outlined or contained
  3. favicon change for browser tab indicator.
  4. added boba docs, boba website and other placeholder in page footer
  5. Reduced the size of logo in case of PC
  6. Darken the color of icon base on current chain
CAPtheorem commented 2 years ago

Yes thanks @sk-enya much progress. Still a ways to go - @MitchellUnknown thanks for your extremely detailed writeup with many more excellent suggestions

MitchellUnknown commented 2 years ago

Yes thanks @sk-enya much progress. Still a ways to go - @MitchellUnknown thanks for your extremely detailed writeup with many more excellent suggestions

❤️ No problem, great work guys!