Designing for active traders

There's a kind of simple UI that looks great in a screenshot: one button, a few numbers, lots of white space. Fine for one focused task. Not so fine when you're checking a chart, an order, a balance, and a live quote over and over.Great on Dribbble, though

Matcha Pro puts live charts, token signals, transactions, and order management in one dense workspace. I led the product structure and interaction design. The hard part was the density. More information only helps if people can still find what they came back for.

Familiar places for changing information

When you use a screen every day, where things are starts doing the job labels did on day one. You learn where your open orders live, where your balance is. If the layout shifts around whichever panel has the most in it, you lose that.By the fifth visit nobody reads labels

So I kept the layout fixed and put the hierarchy inside it. The numbers change; where they sit doesn't. Dense is fine when related things sit together and each area has one job.

Matcha Pro

Visible doesn't have to mean loud

A chart, a transaction list, and an order form don't all need to shout to be there. Borders, labels, and spacing give each panel its spot without fighting the others. Make everything bold and you've lost the point of putting it all on one screen.

The regular Matcha trade page has the same problem with less on it: quote, chart, balances, open orders, and history in one layout. Either way, the job is deciding what's worth seeing side by side.

Matcha trade page

A dedicated workspace is a choice

Putting the advanced tools in Matcha Pro gives them their own place next to the normal swap. That has a cost. Now there are two products to maintain and explain, and people tend to skip that part when they call a pro mode an upgrade.

A denser screen is worth it when the extra stuff helps with what you're doing right now. More panels isn't the goal. The test is whether you can come back with the same question, find the answer, and keep going without hunting for it.

Acknowledgements

I designed Matcha Pro at the 0x Project with the product and engineering teams who built and shipped it.

More notes