Skip to content

Update Individual account page UX #1354

@huijing

Description

@huijing

Note: The end visual of this screen will differ depending on whether #1305 gets done first or this one gets done first (mock-ups for both versions are provided).

The individual account page currently looks like this:

Screenshot 2024-05-15 at 09-19-42 Interledger Wallet (1)

There are a number of things we want to update on this page, which we can split into 2 categories, low-effort and high-effort.

The low effort items are:

  1. Add a page title to the page (and move the back button on mobile from "Balance" to the page title)
  2. Rename "Accounts" to "Payment Pointers"
  3. Remove the heading block above the payment pointers list

The expected changes look like this:

Screenshot 2024-05-15 at 09-52-31 Interledger Wallet (1)

If #1305 gets done before this issue, then the screen might look like this:

Screenshot 2024-05-15 at 11-45-09 USD Account Interledger Test Wallet 3

There are thoughts around whether we want to drop "Withdraw money" and "Exchange money" since they don't actually do anything to show Interledger capabilities, but we have not confirmed this yet.

The high effort items are:

  1. Redesigning the payment pointers list
  2. Redesigning the buttons below the balance (the current square design makes it difficult for longer labels like "Add payment pointer")

For these high effort items, more thought needs to be put into it, so we have no mock-ups yet, but this issue will be updated when we come to a firm decision.

Metadata

Metadata

Assignees

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions