NAVIGATION APPLICATION

NYC METRO

Overview

Navigating the intricate New York metro system can be a daunting task for both locals and visitors. Recognizing this challenge, my team embarked on a month-long journey to develop a mobile application that addresses the pain points associated with ticket management and complex train information.

Goals

Create an intuitive mobile app for the New York metro system, focusing on simplified navigation, efficient ticket management, and comprehensive train information. Prioritize user-centric design, accessibility, and real-time updates. Ensure a seamless integration of features, user education, feedback mechanisms, and security measures for an enhanced and user-friendly metro experience.

Heading

Duration
2 months
Role
UI/UX Designer
Product
Mobile Application
Consultant
Cao, Yvonne

Everybody deals with constraints

Understanding the constraints of the designer is crucial for setting realistic goals, efficiently allocating resources, mitigating risks, making informed decisions, managing client expectations, adapting to changes, and stimulating creative solutions in UI/UX projects.

About the New York Subway System

The MTA’s Inspector General’s Office received

a record number of complaints since 2019

Topping the previous record of 1,375 set in 2019 , officials counted

1,400 total complaints in 2021

In order to figure out the problems...

The primary users ranging from seasoned locals to first-time visitors. Through user research, I identified their pain points, preferences, and expectations regarding metro navigation.

...I was looking around these researches

In-depth Interview
Deep understanding of the daily experiences, challenges, and preferences of individuals using the NYC subway system
Competitors
Inform design decisions by understanding industry standards, identifying trends, avoiding redundancy, learning from successes and failures
Online Forum
This method allows participants to share their experiences, opinions, and stories in a more natural, conversational manner.

In-depth Interview

To better understand the challenges commuters face in the NYC metro, I created a specific set of questions for two people from different groups. This helps me uncover and analyze diverse problems faced by various demographics, enhancing our understanding of the system's complexities.

Competitors Analysis

Due to limited resources, I studied the two most used apps for subway navigation in New York. I want to know what is working and what can be improved.

Online forum

I went to Online Forum to gather insights on various payment methods of the MTA system. It turns out, there are numerous ways to make payments. While having multiple payment options is convenient, managing numerous cards can be challenging.

Some key takeaways from the reasearch

#1
Real-time Information

Desire for up to date information to improve trip planning. Maintenance impacts frequency during late hours.

#2
Ticket Management

MetroCard machines not available everywhere, lost or stolen card issues, outdated ticketing systems.

#3
Station Facilities Information

Desire for integration with station facilities information in the app. Complexity in navigation.

User Persona & User Journey

Low-fi Wireframes

Mid-fi Wireframes

In refining the design and addressing issues from the previous wireframe, mid-fi wireframes were incorporated a moderate level of detail and visual elements to enhance the user interface representation.

Feedback and Testing

Peer feedback has been invaluable in refining my design, with particular emphasis on enhancing information coverage and visibility, as well as addressing user inconvenience concerns.

Final Design

The design are divided into 4 key features:
Navigation, Ticket, Translator, and Train Information.

1. Navigation

The navigation screens of the NYC metro app should provide real-time updates, an interactive system map, service alerts, wayfinding assistance, accessibility details, emergency alert button, search functionality.

2. Ticket Management

The ticket management section in an NYC metro navigation app enables users to conveniently purchase, display, and manage various ticket types.

3. Translator

The navigation screens of the NYC metro app should provide real-time updates, an interactive system map, service alerts, wayfinding assistance, accessibility details, emergency alert button, search functionality.

4. Stations and Lines

The navigation screens of the NYC metro app should provide real-time updates, an interactive system map, service alerts, wayfinding assistance, accessibility details, emergency alert button, search functionality.

Thank you for scrolling ✨

Back to top ↑

©2024 Phuong H Nguyen. All Rights Reserved