Reducing task completion time by 40% through redesigned navigation and information architecture for Bengaluru's metro booking app.
The Namma Metro app (provided by BMRCL) was a growing source of friction. Despite serving 800K+ daily riders, commuters were abandoning digital ticketing and reverting to token queues, defeating the purpose of going digital.
We focused on moderated usability testing and synthesis to assess and enhance the UX of the Namma Metro app, with the goal of improving usability, increasing adoption, and repositioning it as a valuable solution for both commuters and the Government of Karnataka.
Six critical findings, each illustrated with hand-drawn wireframes of the actual Namma Metro app screens showing exactly where the experience broke down.
Synthesised from interviews with 6 daily commuters: two distinct archetypes that shaped every redesign decision.
Every change traces directly to a specific finding. Here's the before vs. after, with hand-drawn wireframes of both the original and redesigned screens.
The original home screen buried departures behind a non-standard icon. The redesign puts a live departures card directly on the home screen: the single most important piece of information for a commuter about to travel.
The Quick Book widget pre-fills the user's last origin station, reducing the booking flow from 4 steps to a single tap for repeat journeys. Card balance and active tickets are surfaced as secondary glanceable cards below.
The original station search required exact spelling of Kannada-romanised station names. 8 of 6 participants failed their first attempt. The redesign introduces fuzzy autocomplete: typing "indir" immediately surfaces Indiranagar as the top result, with phonetic matching for common misspellings.
A 3-step progress indicator at the top gives users a clear mental model of where they are in the booking flow, directly addressing the "no progress feedback" finding. Recent routes are pinned below the dropdown for instant re-selection.
A new screen that didn't exist in the original app. The redesign introduces a live train selection step showing upcoming departures for the chosen route. The selected train is highlighted in purple, making the active choice immediately clear.
Each departure card shows platform, time, stops, journey duration, and fare, giving commuters all the information needed to make a confident choice without leaving the booking flow.
The original 4-step checkout is consolidated into a single confirmation screen. The saved payment method (GPay UPI) is shown by default with no re-entry needed. An inline edit button lets users correct passenger count without going back.
The QR code is front and centre immediately after payment with no navigation required. A "Cancel Booking" button is now available post-purchase (improving post-purchase control), and transaction details are shown for trust and transparency.
A yellow warning banner surfaces when card balance drops below the minimum fare, strengthening error prevention. Preset top-up amounts (₹100/₹200/₹500) reduce cognitive load, with the most common amount pre-selected.
Second-round moderated testing with 8 of the original participants using the Figma prototype. Consistent improvements across all age groups and experience levels.
"This actually feels like something I'd use instead of standing in the queue. It just makes sense now."
Participant P7, Software Engineer, post-redesign testing session