M-Indicator Redesign
M-Indicator Redesign
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.
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.
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
My Role
My Role
End-to-End Design
UX Analysis
Usability Testing
Designer
Designer
Designer
Timeline
Timeline
Timeline
3 Weeks (Sept 2024)
3 Weeks (Sept 2024)
3 Weeks (Sept 2024)
ANALYSE
App Walkthrough
App Walkthrough
App Walkthrough
m-indicator
m-indicator
m-indicator
V17.0.308, 07 Aug 2024
V17.0.308, 07 Aug 2024
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.
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.
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
27
secs
one departs, on average
DEFINE
Eye-tracking Heatmaps
Eye-tracking Heatmaps
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.
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.
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
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
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
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
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
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.
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.
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.
In-app ticketing
Purchase required tickets inside M-Indicator with a single checkout.
Task Comparison
Task Comparison
Task Comparison
Find next local train: Kanjurmarg → CSMT
Find next local train: Kanjurmarg → CSMT
Find next local train: Kanjurmarg → CSMT
Sketches
Sketches
Sketches
NASA-TLX
NASA-TLX
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.
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.
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)
System Usability Scale (SUS)
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
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
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
Defining Task and Parameters
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.
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.
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.
5
Basic tasks
5
Advance tasks
Basic Task
01
Finding the train to go from Kanjurmarg to Vashi
Hide
Basic Task
01
Finding the train to go from Kanjurmarg to Vashi
Hide
Basic Task
01
Finding the train to go from Kanjurmarg to Vashi
Hide
Basic Task
02
Commuting to Airport Road metro station from Kanjurmarg railway station
View
Basic Task
03
Take the first morning train from Kanjurmarg to CSMT
View
Basic Task
04
Find buses from Dadar to Pune
View
Basic Task
05
Open station map of Titwala
View
Advance Task
01
Compare the travel duration from Andheri to Dahisar of train and metro
Hide
Advance Task
02
You are travelling from Kanjurmarg to Byculla, figure out which side platform to get off the train
View
Advance Task
03
Save Ghatkopar to CSMT as favorite route
View
Advance Task
04
While traveling from Ghatkopar to CSMT, set an alarm for Byculla
View
Advance Task
05
Check live status of train going from Ghatkopar to CSMT
View
Naman Khurana
© 2025. All rights reserved.
Naman Khurana
© 2025. All rights reserved.
Naman Khurana
© 2025. All rights reserved.