ucan-wg / ucan-community-web

UCAN community site
https://ucan.xyz/
Apache License 2.0
38 stars 11 forks source link

Improve proof explorer UI #13

Open bgins opened 2 years ago

bgins commented 2 years ago

@matheus23 and I were discussing some ways we could improve the proof explorer UI. Here are a couple of things that could be improved:

The UI has some good aspects that it would be nice to keep:

We should also see if we can keep the proof explorer UI in a single row below the Encoded and Decoded sections, for a couple of reasons:



bgins commented 2 years ago

One possibility would be to put the delegate chain on the left and proofs to the far right. Each delegate can be selected or not. When a delegate is selected, its proofs are displayed. When a proof is selected, it becomes the new tail of the delegate chain immediately after the selected delegate.

Here's a simplified prototype of what that interface might look like: https://svelte.dev/repl/2fec1ab80b6c442a9660157e6cab14dc?version=3.44.3

And a giphy preview of that prototype:

proof-explorer-ui-proposal

This preserves the delegate chain and the animations will make the interface more intuitive.

jeffgca commented 2 years ago

Note from the eng cast today - perhaps we can take some inspiration from @appcypher 's cool demo for this?