DEV Community

Cover image for Designing a clean P/L dashboard (cards > clutter) — help us refine the UX
Pocket Portfolio
Pocket Portfolio

Posted on

Designing a clean P/L dashboard (cards > clutter) — help us refine the UX

Finance UIs love dense tables. We went with cards for scannability, mobile comfort, and accessibility.

Principles

  • One key metric per eye-fixation
  • Color sparingly (trend/alerts only)
  • Keyboard + screen-reader parity from day one

What we’re testing

  • News interleaved by ticker vs. separate tab
  • Card density for portfolios >50 positions
  • “Explain this P/L” micro-copy

Designers: jump in

  • Drop a Figma frame or screenshot in the comments
  • Tag issues needs design
  • We’ll feature your direction in Design Lab next week

App: https://www.pocketportfolio.app/

Repo: https://github.com/PocketPortfolio/Financialprofilenetwork

Top comments (0)