UX/UI DESIGN

TrainTime

Overview

TrainTime simplifies ticket purchasing and train tracking on the Long Island Rail Road and Metro-North Railroad, providing a seamless experience for both new users and regular commuters.

My Role

My Role

UX Research

UI Design

Design Systems

Prototyping

UX Research

UI Design

Design Systems

Prototyping

My Team

My Team

Gabriella Ramirez

Angela Chen

Lavan Chxeidze

Julia Iannacone

Gabriella Ramirez

Angela Chen

Lavan Chxeidze

Julia Iannacone

Duration

Duration

4 months

4 months

Tools

Tools

Figma

Miro

Figma

Miro

The Problem 🤔

Commuters on the Long Island Rail Road (LIRR) face high costs, safety concerns, reliability issues, stress, and navigational confusion, highlighting the need for improvements in the service. How might we make a more streamlined travel experience for commuters?

The Solution 💡

We redesigned the app and added more features to be more user-friendly, accessible and convenient to provide a more seamless trip for all commuters

Process

1

Discover

Discover > Define > Ideate > Features > Reflection

Empathy Interviews

Competitive Analysis

User Personas

2

Define

POV & HMW

3

Ideate

Affinity Mapping

4

Features

Livetrack

Community Connect

ProTips

5

Reflection

Key Takeaways

Next Steps

Empathy Interviews

In our user interviews, we learned that commuters struggle with staying informed and connected during their journeys. Challenges like unclear announcements, navigating long routes, and juggling multiple apps for updates were common themes. These insights guided our focus on creating a more seamless and accessible commuting experience.

Competitive Analysis

We conducted a competitor analysis to identify strengths and gaps in existing navigation apps. While these apps offer essential features, none allow for in-app ticket purchasing—a key feature that sets TrainTime apart. As the official MTA app, TrainTime combines navigation and ticket purchasing, making it the go-to tool for New York commuters.

Google Maps

Detailed Directions

Community alerts

Limited Train Data

Can't Purchase Tickets

Apple Maps

Live Activity Integration

Intuitive User Interface

Limited Trip Customization

Can't Purchase Tickets

Transit

Transit-Specific Features

Crowdsourced Data

Limited Train Data

Can't purchase tickets

User Personas

User personas provided a clear understanding of our target audience, helping us design solutions that address the unique needs and challenges of different commuters.

POV & HMW

Point Of View

How Might We

Amanda needs a way to keep her family informed about her commute without constant manual updates.

How might we help Amanda share real-time trip progress to ensure her safety and peace of mind?

Jennifer needs an all-in-one solution to navigate multiple transit modes without switching between apps.

How might we simplify Jennifer’s commute by integrating all her routes into one seamless platform?

Jeffery needs clear and accessible train updates to navigate the system without confusion.

How might we provide Jeffery with real-time announcements and support to make his trip stress-free?

Maya is new to protesting and is scared of what to expect.

How might we make protest safety education more accessible?

Alex wants to meet more people through protesting and connect with people that advocates for what he stands for.

How might we connect users together?

Karen wants to make sure her child is safe while protesting.

How might we ensure users can help others stay safe?

Maya is new to protesting and is scared of what to expect.

How might we make protest safety education more accessible?

Alex wants to meet more people through protesting and connect with people that advocates for what he stands for.

How might we connect users together?

Karen wants to make sure her child is safe while protesting.

How might we ensure users can help others stay safe?

Affinity Mapping

Affinity mapping helped us identify key user pain points and patterns, guiding the development of features that address commuter needs effectively.

FEATURE 1

Seamless Navigation

Users can effortlessly navigate to any desired destination, enjoying the freedom to choose from a wide array of transportation options. They can benefit from detailed GPS navigation and real-time updates, ensuring a hassle-free and smooth travel experience. This integrated feature eliminates the hassle of switching between multiple apps and provides comprehensive directions.

FEATURE 2

Trip Sharing

Allows commuters to share their trip details, including real-time location, ETA, and delays, with selected contacts. It also offers a live activity widget, enabling both the commuter and their contacts to view the trip status directly from their lock screen, ensuring seamless updates and enhanced safety throughout the journey.

FEATURE 3

TrainTalk

TrainTalk provides commuters with clear, text-based announcements directly from conductors, ensuring vital updates like delays, track changes, or schedule adjustments are never missed. Additionally, it enables passengers to ask questions or share relevant updates in a moderated chat, fostering a collaborative commuting experience.

Design System

Our design system ensures a cohesive and accessible user experience by defining consistent styles, typography, colors, and components. It provides a clear foundation for scalability and alignment across all features, enhancing usability and maintaining a polished, modern aesthetic.

Takeaways

• User feedback shaped features to address commuters' actual needs.

• Accessibility was enhanced with TrainTalk's text-based announcements and real-time communication.

• A strong design system ensured consistency across the app.


Next Steps

• Conduct usability tests and live prototypes

• Explore AI-driven features like predictive delays or personalized recommendations.

• Gather post-launch feedback to refine and improve future updates.

Thanks for stopping by!

Let’s connect :)

© 2024 Gabriella Ramirez. All Rights Reserved.

This website was built with Framer and extra love <3

Thanks for stopping by!

Let’s connect :)

© 2024 Gabriella Ramirez. All Rights Reserved.

This website was built with Framer and extra love <3

Thanks for stopping by!

Let’s connect :)

© 2024 Gabriella Ramirez. All Rights Reserved.

This website was built with Framer and extra love <3