Transaction modals

2023 · Product Design

Colinterpd - Generated shades

Light theme modals

Problem

My client, a decentralized crypto exchange, faced issues with transaction status visibility. The existing system used toasters, which user testing revealed to be insufficiently visible and understandable. This led to confusion and a poor user experience during transactions.

Opportunity

I had the opportunity to redesign the transaction status notification system to enhance visibility and comprehension. By replacing the toasters with modals, we aimed to simplify the transaction status reading process and improve the overall user experience.

Final product

The new Transaction Modals provide clear and prominent status updates for transactions, ensuring users can easily understand their transaction progress.


Key features include:


  • Clear and intuitive modal design for transaction status updates.

  • Improved visibility compared to the previous toaster system.

  • Enhanced user experience through simplified status reading.


After implementation, user testing showed a significant preference for the modals over the toasters. Users found the modals much simpler and more readable, leading to the decision to retain this experience.

Colinterp - Settings
Colinterp - Settings

Pending

Colinterp - Settings
Colinterp - Settings

High fees

Colinterp - Settings
Colinterp - Settings

Error

Colinterp - Settings
Colinterp - Settings

Completed

Colinterp - Settings
Colinterp - Settings

Dark theme version

If you'd like to learn more, please

© 2024 All rights reserved

© 2024 All rights reserved