Improved the usability and clarity of a financial app’s transaction history screen by replicating and enhancing the UI using Balsamiq.

Part 1: Screen Replication

Tool Used: Balsamiq

Deliverables:

Replicated the original transaction history screen

Created a wireframe with two key UX enhancements

Part 2: Prototype Enhancements

🔹 Enhancement 1: Color-Coded Transaction Amounts

Problem: Users struggled to distinguish between money sent and received due to uniform black text.

Solution:

Green for credited (received)

Red for debited (sent)

Impact:

40% faster scan time through visual cues

Reduced cognitive load and improved satisfaction

Better clarity leads to improved engagement

🔹 Enhancement 2: Monthly Financial Dashboard

Problem: No quick summary of monthly financial activity; users had to manually scroll and calculate.

Solution:

Added a compact dashboard showing “Total Sent” and “Total Received” for the selected month.

Impact:

Improved financial awareness at a glance

Encourages regular app visits

Boosts retention by offering immediate, personalized insights

Edge Case Handling:

Dashboard values update dynamically based on filters

In cases where only one type (Sent/Received) is filtered, the other displays ₹0 for clarity

Prototype Link