DB Navigator 2.0
DB Navigator 2.0
DB Navigator 2.0
Simplified core flows and improved app clarity to reduce travel friction and make essential features easier to use.
Simplified core flows and improved app clarity to reduce travel friction and make essential features easier to use.
Simplified core flows and improved app clarity to reduce travel friction and make essential features easier to use.
Platform
Platform
Platform
Duration & Year
Duration/Year
Duration & Year
MY ROLE
MY ROLE
MY ROLE
TEAM
TEAM
TEAM
Mobile App
Mobile App
Mobile App
6 months (2024)
6 months (2024)
6 months (2024)
UX/UI Designer
UX/UI Designer
UX/UI Designer
Context
The DB Navigator is an official mobile app provided by Deutsche Bahn, designed to assist passengers in planning and organizing their train journeys. Compared to nearby nations, Deutsche Bahn operates an extensive and well-maintained rail network, providing efficient and reliable transportation services across Germany and beyond. However, when it comes to DB's mobile app, the digital product does live upto the standards of the services they are offering.
The DB Navigator is an official mobile app provided by Deutsche Bahn, designed to assist passengers in planning and organizing their train journeys. Compared to nearby nations, Deutsche Bahn operates an extensive and well-maintained rail network, providing efficient and reliable transportation services across Germany and beyond. However, when it comes to DB's mobile app, the digital product does live upto the standards of the services they are offering.
The DB Navigator is an official mobile app provided by Deutsche Bahn, designed to assist passengers in planning and organizing their train journeys. Compared to nearby nations, Deutsche Bahn operates an extensive and well-maintained rail network, providing efficient and reliable transportation services across Germany and beyond. However, when it comes to DB's mobile app, the digital product does live upto the standards of the services they are offering.
Impact
Simplified core navigation flows in DB Navigator, reduced user friction during trip planning, and improved clarity for essential passenger tasks.
Simplified core navigation flows in DB Navigator, reduced user friction during trip planning, and improved clarity for essential passenger tasks.
Simplified core navigation flows in DB Navigator, reduced user friction during trip planning, and improved clarity for essential passenger tasks.
Design Thinking Process
Empathy driven steps to user-centric solutions
Empathy driven steps to user-centric solutions
Persona
Pain Points
Passengers struggle to select seats due to unclear layout, causing delays.
Passengers struggle to select seats due to unclear layout, causing delays.
Passengers struggle to select seats due to unclear layout, causing delays.
Users cannot add meals during booking, resulting in incomplete trips.
Users cannot add meals during booking, resulting in incomplete trips.
Users cannot add meals during booking, resulting in incomplete trips.
Customers cannot easily find purchased tickets, increasing frustration.
Customers cannot easily find purchased tickets, increasing frustration.
Customers cannot easily find purchased tickets, increasing frustration.
No option to check the live status of the train
No option to check the live status of the train
No option to check the live status of the train
Login compulsion to check train schedules.
Login compulsion to check train schedules.
Login compulsion to check train schedules.
No replies to queries that require immediate attention.
No replies to queries that require immediate attention.
No replies to queries that require immediate attention.
Solution
Clear navigation to access every feature of the application.
Clear navigation to access every feature of the application.
Clear navigation to access every feature of the application.
Meal addition feature to be implemented.
Meal addition feature to be implemented.
Meal addition feature to be implemented.
Precise seat selection process.
Precise seat selection process.
Precise seat selection process.
User friendly interface.
User friendly interface.
User friendly interface.
Information Architecture
Created the Information Architecture to structure information according to the hierarchy and respective sections. This made me understand and navigate the flow easily.
Created the Information Architecture to structure information according to the hierarchy and respective sections. This made me understand and navigate the flow easily.
Created the Information Architecture to structure information according to the hierarchy and respective sections. This made me understand and navigate the flow easily.
Low-fidelity Prototypes
Low-fidelity Prototypes
Low-fidelity Prototypes
Paper Prototyping on Marvel App
Paper Prototyping on Marvel App
We undertook the creation of Low-fidelity prototypes to establish a framework for a user interface. By using Low-fidelity prototypes, we were able to facilitate early stage discussions and implement the feedback after usability testings.
We undertook the creation of Low-fidelity prototypes to establish a framework for a user interface. By using Low-fidelity prototypes, we were able to facilitate early stage discussions and implement the feedback after usability testings.
Flow 1: Ticket Booking
Flow 1: Ticket Booking
Flow 1: Ticket Booking
The first flow highlights the user journey to book a ticket from start to end.
The first flow highlights the user journey to book a ticket from start to end.
Flow 2: Live Tracking
Flow 2: Live Tracking
The second flow highlights the live tracking features, can send and get location from friends and family. Secure and useful if both travelling and planning to meet at common place.
The second flow highlights the live tracking features, can send and get location from friends and family. Secure and useful if both travelling and planning to meet at common place.
Flow 3: Customer Support
Flow 3: Customer Support
The third flow highlights the customer support features, can contact to agent in case of emergency upon providing a valid ticket number or email.
The third flow highlights the customer support features, can contact to agent in case of emergency upon providing a valid ticket number or email.
User Testing
User Testing
User Testing
Study Design
Study Design
Users
Users
Users
Quantitative
Quantitative
Quantitative
Qualitative
Qualitative
Qualitative
Prototype
Prototype
Prototype
3
3
3
A/B Testing
A/B Testing
Interviews
Low-fidelity
Pilot Testing
Based on user's feedback, these were the painpoints that the user's felt through their interactions with the paper prototypes.
Based on user's feedback, these were the painpoints that the user's felt through their interactions with the paper prototypes.
Based on user's feedback, these were the painpoints that the user's felt through their interactions with the paper prototypes.
Mandatory login requirement to complete payment process.
Mandatory login requirement to complete payment process.
Lack of clear navigation to access purchased ticket.
Lack of clear navigation to access purchased ticket.
Endless scrolling for seat selection.
Endless scrolling for seat selection.
Ideation to improve the interface
Ideation to improve the interface
Ideation to improve the interface
Login to be made optional.
Change coach feature to be implemented in seat selection.
Check live status feature to be implemented.
Login to be made optional.
Change coach feature to be implemented in seat selection.
Check live status feature to be implemented.
High-fidelity Prototypes
High-fidelity Prototypes
High-fidelity Prototypes
Visual Language
Visual Language
The visual language involves the strategic combination of various design elements, such as colors, fonts, font sizes.
The visual language involves the strategic combination of various design elements, such as colors, fonts, font sizes.
The visual language involves the strategic combination of various design elements, such as colors, fonts, font sizes.
Iconography
Iconography
Simplified navigation to make frequently used features easier to access.
Added a meal option to support complete trip planning within the app.
Reduced friction by allowing users to explore key features before logging in.
Simplified navigation to make frequently used features easier to access.
Added a meal option to support complete trip planning within the app.
Reduced friction by allowing users to explore key features before logging in.
Simplified navigation to make frequently used features easier to access.
Added a meal option to support complete trip planning within the app.
Reduced friction by allowing users to explore key features before logging in.
Redesigned the seat selection flow to reduce confusion and help users choose seats faster.
Redesigned the seat selection flow to reduce confusion and help users choose seats faster.
Redesigned the seat selection flow to reduce confusion and help users choose seats faster.
Improved live tracking visibility so users can quickly understand train status.
Improved live tracking visibility so users can quickly understand train status.
Improved live tracking visibility so users can quickly understand train status.
Designed the Custom Support feature to allow passengers to get help quickly and efficiently, reducing frustration and improving overall trip experience.
Designed the Custom Support feature to allow passengers to get help quickly and efficiently, reducing frustration and improving overall trip experience.
Designed the Custom Support feature to allow passengers to get help quickly and efficiently, reducing frustration and improving overall trip experience.
Takeaways
Takeaways
Takeaways
Learned to prioritize research driven decisions, structure information clearly, and design practical solutions under real-world constraints.
Learned to prioritize research driven decisions, structure information clearly, and design practical solutions under real-world constraints.
Learned to prioritize research driven decisions, structure information clearly, and design practical solutions under real-world constraints.