Work with me
All writing

Product design

This is how I would redesign the confirmation modal on a Web3 platform

This is a very important screen. People are about to hand you their money, so it's where their trust in you is either made or broken. A lot of platforms fill up the entire screen with poor visual hierarchy and poor information architecture.

Written by
Gideon Awolesi
Published
Reading time
4 min read

What you'd see right now

Right now, you'd see a typical Web3 platform with a confirmation modal that just shows the gas fees and the contract address. That isn't human readable, and it isn't good UX copy.

Optimise your screen for the user profile that's going to use the platform

A lot of the people confirming a transaction aren't developers. They want to know what they're giving and what they're getting. The screen should be built around that, in that order.

Start with the outcome

Instead, start with the outcome. Let the user see exactly what they're doing: you send 500 USDC, and you get about 499 DAI.

Put the technical details below it

It's important that you put the technical details below it, for people who are more technically inclined and want to check them. Nothing gets hidden. It's just in the order people need it to make the decision.

Free AI feature review

Want a second pair of eyes on your product?

If you'd like me to look at one flow in your product, send me the flow and one question, and within five business days you'll get a recorded walkthrough and a one-page fix list. If you'd rather start small, send me one AI flow for a free review.