Portfolio of Gaurav!

M-Indicator Redesign

M-Indicator helps Mumbai move, yet its complexity often slows commuters down. This redesign rethinks its interface and information flow to make everyday navigation simpler, faster, and cognitively lighter.

My Role

End-to-End Design

UX Analysis

Usability Testing

Designer

Timeline

3 Weeks (Sept 2024)

ANALYSE

App Walkthrough

m-indicator

V17.0.308, 07 Aug 2024

Went through the app to understand its structure, flow, and how information is organized. Reviewed each screen to study navigation patterns, hierarchy, and overall usability.

6.20

Million+

daily riders

3200

trains run each day

secs

one departs, on average

DEFINE

Eye-tracking Heatmaps

Eye-tracking heatmaps showing user gaze concentration across interface elements. Helps identify visual hierarchy issues and optimize key interaction points.

Red areas indicate higher visual attention; cooler zones received minimal focus.

Flat hierarchy

Core action Local is visually equal to secondary features

Flat hierarchy

Core action Local is visually equal to secondary features

Unexpected app switch

“Buy Local Ticket” opens another app without warning

Unexpected app switch

“Buy Local Ticket” opens another app without warning

Weak differentiation

Bus and MSRTC look near-identical; users mix them up

Weak differentiation

Bus and MSRTC look near-identical; users mix them up

No mixed-mode trips

App has data for all modes but no mixed-mode route

No mixed-mode trips

App has data for all modes but no mixed-mode route

REDESIGN

Mental Model Preserved

Redesign keeps the mode-first flow (Local/Bus/Metro/Mono), with clearer hierarchy.

Local

Bus

Metro

Monorail

Mental Model Preserved

Redesign keeps the mode-first flow (Local/Bus/Metro/Mono), with clearer hierarchy.

Local

Bus

Metro

Monorail

Multimodal route picker

Compare and choose quickly.
The card stack is inspired by Uber.

Multimodal route picker

Compare and choose quickly.
The card stack is inspired by Uber.

Location-aware feed

A single feed of what’s around you across Local, Bus, Metro, and more. Each item shows live status.

Location-aware feed

A single feed of what’s around you across Local, Bus, Metro, and more. Each item shows live status.

In-app ticketing

Purchase required tickets inside M-Indicator with a single checkout.

In-app ticketing

Purchase required tickets inside M-Indicator with a single checkout.

Task Comparison

Find next local train: Kanjurmarg → CSMT

Sketches

NASA-TLX

Subjective workload scores across six factors: mental demand, physical demand, temporal demand, performance, effort, and frustration, plus a combined index.
Higher bars mean higher perceived workload.

An overall score >50 suggests a redesign is needed.

System Usability Scale (SUS)

Satisfaction is a test that helps in quantifying a qualitative property.
A score above 68 is considered good.

M-Indicator got a score of 49.4

77%

Effectiveness

0.0132

Efficiency

Defining Task and Parameters

Exploration of the app highlighted areas of friction. Users were categorized as basic or advanced to reflect different usage patterns, and five core tasks for each group were selected to represent the full scope of the app’s functionality.

Basic tasks

Advance tasks

Basic Task

Finding the train to go from Kanjurmarg to Vashi

Hide