[UX]: Latest Block Feedback

[donouwens]

IMPACT

• High
• Medium
• Low

URGENCY

• Critical
• Major
• Medium
• Minor

PRODUCT ENVIRONMENT

No response

DESCRIPTION OF ISSUE

From Peter N:

Few comments regarding Oasis Explorer -> Latest Blocks page:
Should we remove Gas Limit, as the number is always the same and is using a lot of space? If we need this data, I would rather add percentages to Gas Used (e.g. 22,143 | 0.15%).
Should we add the percentage of transactions that were executed successfully (e.g. 4 | 100%)? Would be useful to track if something is wrong with the key manager.
Age is in seconds, but when you click on a block, the timestamp is in minutes.
Optionally, we could also add elapsed time between the blocks, to know how fast our network is running (e.g. 16 sec | +6 sec).
Is it possible to pause auto-update? On the first page this feature is useful, but when you are searching for a block and the list keeps on updating, is a bit annoying.
When I want to switch from mainnet to testnet, it feels like the select button is one step too much.
Also not sure if RPC endpoints data belongs there.
Show More and Show Less feature could also be removed as we only have 2 nets (mainnet and testnet).
On main page, a click on Latest Block could also redirect you to the subpage, like View all does (still needs to be renamed to View All). On large screens, you have to move your mouse all the way to the other side.
Fill box should have a tooltip, as it is not immediately obvious why all squares are empty.

DEVICE / VIEWPORT

• Desktop
• Mobile

STEPS TO REPRODUCE

No response

ALTERNATIVES AND SUGGESTIONS

No response

[donouwens]

Converting into following changes:

1. Moving gas limit into a tooltip on 'Gas used'
2. Adding a column with the percentage of successfully executed txs
3. Introduce pausing/resume auto-update feature on the Explorer
4. On the dashboard the table titles should link to the overview pages
5. Adding tooltip for fill box

[donouwens]

Designs

Paused state:
https://www.figma.com/design/8dwSyYOOm3vlgbvxPGT29p/Block-Explorer-(Post-Launch)?node-id=10069%3A106239&t=29cuQQq4EEELgodp-1

Active/resumed state:
https://www.figma.com/design/8dwSyYOOm3vlgbvxPGT29p/Block-Explorer-(Post-Launch)?node-id=10069%3A106179&t=29cuQQq4EEELgodp-1