wallet icon indicating copy to clipboard operation
wallet copied to clipboard

Rework account details

Open Endogen opened this issue 3 years ago • 11 comments

I think that showing the details for an account is confusing. There are two views for an account that can be displayed:

image

image

The more important one IMO is 2) but you can only access it by clicking on this small area: image

That doesn't make sense to me. It also doesn't make sense to me that there are two views. I do understand that this is a leftover from the old wallet style but since we have a new wallet now, i think this could be reworked to allow for a more straight forward and intuitive interaction with the wallet.

I propose to just have one view, namely 2) and integrate missing functionality from 1) into it. Additionally it should be possible to open 2) by clicking somewhere into the row of that account: image

That would make it much simpler and more intuitive.

Endogen avatar Feb 15 '22 09:02 Endogen

@uxandyphil

Andy can you take a look at this? I think it's a valid point

JeffWScott avatar Mar 04 '22 15:03 JeffWScott

@Endogen 100% agree @LamdenJeff and @endogen - I like your proposal of just having view #2 and integrate the missing functionality.

The good news is that tokens can still have view #1 and have an exciting image to use

Anyway, next steps are that I can make these changes and send them over to jeff, endogen, and the dev to review.

uxandyphil avatar Mar 04 '22 15:03 uxandyphil

This is what @Endogen and I landed on @JeffWScott

4

Figma: https://www.figma.com/file/RmTrMXkzWaTNWjvyc6i485/Web3-Projects?node-id=7864%3A25520

Notes: 1: transaction history lives here now 2: options lives here now 3: The whole container should be selectable now to open the account, not just the arrow: Screen Shot 2022-03-04 at 5 45 04 PM

uxandyphil avatar Mar 04 '22 22:03 uxandyphil

@Dapiguabc

When implementing this can you add a localstorage value that the wallet can lookup to show the account open by default?

So if I have an account open. Then close or open the wallet (or even navigate back to the Accounts page from somewhere else) then the account shows as open.

JeffWScott avatar Mar 21 '22 14:03 JeffWScott

@JeffWScott Maybe we should add a button to collapse all the opened cards.This is useful for the users with a large number of accounts.

Dapiguabc avatar Mar 21 '22 14:03 Dapiguabc

@Dapiguabc

Sure, while you're at it might as well do two buttons, expand all and collapse all.

@uxandyphil Can you quick mockup those two buttons please? @Dapiguabc add the buttons in a temp location for now and implement the functionality. We'll clean it up when andy does his thing.

JeffWScott avatar Mar 21 '22 14:03 JeffWScott

collapse expand

Open to feedback.

uxandyphil avatar Mar 21 '22 16:03 uxandyphil

collapse expand

Open to feedback. Can we put it at somewhere else? If one user has 100 accouts, it is troublesome for him to scroll to the bottom to find this button.

Dapiguabc avatar Mar 21 '22 16:03 Dapiguabc

Open to feedback. Can we put it at somewhere else? If one user has 100 accouts, it is troublesome for him to scroll to the bottom to find this button.

Here are 2 more options:

  • Buttons with text and icons (moved it up)

3

4

  • Icons without text (moved it up) 6

5

uxandyphil avatar Mar 21 '22 16:03 uxandyphil

Open to feedback. Can we put it at somewhere else? If one user has 100 accouts, it is troublesome for him to scroll to the bottom to find this button.

Here are 2 more options:

  • Buttons with text and icons (moved it up)

3

4

  • Icons without text (moved it up) 6

5

I like the first one(Buttons with text and icons ). thx!

Dapiguabc avatar Mar 21 '22 16:03 Dapiguabc

Ok if @JeffWScott agrees it's ready and in Figma for you!

uxandyphil avatar Mar 21 '22 16:03 uxandyphil