top of page

RapidRoute

An app-based navigation system, focusing on intuitive way-finding, real-time scheduling, and clear maps, ultimately aiming for greater efficiency and user-friendliness.

Skills

Prototyping

Research

UI/UX Design

Role

UI/UX Designer

Researcher

Tools

Figma

Duration

November 2023 to December 2023

the Problem

How can we improve the experience of using Boston's public transportation (the MBTA)?

Public transportation is crucial to navigating a city like Boston. However, the reliability of the MBTA has been affected by frequent delays and service maintenance. The system’s lack of reliability is likely tied to the MBTA’s many “slow zones,” areas of track where trains are under speed restrictions. 

Process Breakdown

process

Persona Analysis

Observing Human Behavior on the MBTA

Phone Use

Safety

Ticketing

  1. Catching up/communicating with family, friends, coworkers, etc.

  2. Passing the time

  3. Productivity

  4. Checking the map to see where they are/where they should get off/what to get on next

  1. Holding onto the poles/railings to avoid falling since the train/bus sometimes stops suddenly

  1. Using kiosks/talking to MBTA associates

  2. Buying tickets

  3. Checking information

  4. Finding places to contact help

Navigation

Communication

  1. Looking at the map

  2. Tracing the routes to get familiarized with/understand the right path to take

  3. Exploring other available routes out of curiosity

  4. Passing the time

  1. Trying to figure out what is happening

  2. Train not moving

  3. Announcements impossible to make out

  4. Train delayed

Personas

persona 1
persona
persona
persona

Research

Existing Implementations

Knowing that our problem was not unique, we sought out examples of solutions other cities and people had implemented. This allowed us to widen our scope of ideas and approaches for our MBTA  solution. In our research we found art installations and cultural references enhance user experience. This design and storytelling create a unique sense of place, encourages learning about area-specific stories, and fosters a strong local identity and cultural appreciation. We also found payment options that included QR code scanning and digital wallets, accessibility through mobile for step-free stations, and comprehensive design guidelines for station layout and signage.

example
example
example
example

Competitive Analysis

After settling on our approach, we researched similar apps and technology that had similar goals to our own. We were also able to find some specifically designed for the MBTA already, though we found some features lacking. In analyzing these other apps, we were able to identify the main concerns and aspects we needed to incorporate in our design. 

CityMapper

research
research
research

Boston Transit (Android)

research
research
research

ProximiT

research
research
research

Ideation

Key Ideas

problems

Workflow Sketches

sketch
sketch
sketch

Wireframes

Low Fidelity

low fidelity rapidroute.png

High Fidelity

high fidelity rapid route.png

Final Outcome

Live updates, tracking,

and mapping features

Saved stopes and routes for greater efficiency and user convenience

Live info on nearby stops and upcoming trains

Interactive Prototype

Final Analysis

Main Takeaways

We learned how to accommodate several users’ needs and wants/allow for extensive customization while they work towards the same general goal
Learned the importance of using symbols and colors to quickly and effectively communicate to users.
Learned how to do user testing through UX narratives, user scenarios, and role playing.

Reflection

We were successful in giving users a way to add routes and stops while customizing them and prioritizing certain constraints such as time and how crowded the station/train is
We’re happy about the visual design and features of our app, but next time we might have added more color to our “Pause My Route” section as well as improved our accessibility aspect in the app.
Next, we will probably add more details/features to our “Calendar Synchronization” section.

bottom of page