the problem

When asking a New Yorker about their experience with the MTA, you’d likely be met with a hollow stare, a pause, and a sigh. What will come after is a long-winded description of something frustrating, chaotic, or even downright frightening. It's a major problem.

So how might we provide a way for commuters to feel safe on the MTA?

So how might we provide a way for commuters to feel safe on the MTA?

So how might we provide a way for commuters to feel safe on the MTA?

our solution

TRANSIT AWARENESS

Be informed when traveling with our live route alerts

Knowing what to expect when you walk out the door can help prevent avoidable run-ins with trouble. SUBWAZE informs users of reported incidents while offering alternate routes, live transit maps, and accessible stations.

INCIDENT REPORTING

Report incidents and build an online community

Our forum allows you to discover and validate reported incidents that are the most relevant to you. As you report incidents that are validated by fellow users, watch your avatar (a rat, of course) level up with accessories.

PERSONALIZED TRANSIT

Customize your alerts to filter out anything you don't want to see

Being informed of everything, everywhere, all at once is a bit much for even the most hardened New Yorkers. That's why you can choose to receive alerts for select incidents and/or saved routes from your regular commutes.

INCIDENT REPORTING

Report incidents and build an online community

Our forum allows you to discover and validate reported incidents that are the most relevant to you. As you report incidents that are validated by fellow users, watch your avatar (a rat, of course) level up with accessories.

PERSONALIZED TRANSIT

Customize your alerts to filter out anything you don't want to see

Being informed of everything, everywhere, all at once is a bit much for even the most hardened New Yorkers. That's why you can choose to receive alerts for select incidents and/or saved routes from your regular commutes.

digging into research

Through surveys, persona creation, journey mapping, and interviews, we built an informed view of how to create what would become SUBWAZE.

CREATING OUR SURVEY

We wanted to learn about travel habits and mentalities

What were the incidents New Yorkers faced? How open were they to incident awareness and reporting? Aka: was there a need for our app?

We posted our survey on forums such as Reddit, SurveySwap, WhatsApp groups, and our personal circles.

Our survey had 38 responses, with 30 qualifying participants

27/30

had encountered train delays/trip interruptions

24/30

were open to checking for transit incidents via an app

24/30

have dealt with mild to severe transit incidents

20/30

were open to reporting incidents on their route
INTERVIEW METHODS
INTERVIEW METHODS

8 participants were asked about their MTA experiences

8 participants were asked about their MTA experiences

We conducted structured interviews, both in-person and virtually, with set questions. These offered more in-depth information on the needs of our potential users.

We conducted structured interviews, both in-person and virtually, with set questions. These offered more in-depth information on the needs of our potential users.

Creating an affinity diagram helped determine common themes like pain points.

Creating an affinity diagram helped determine common themes like pain points.

TOP PARTICIPANT FEEDBACK

Participants were universally wary of the MTA

The anxiety and frustration came across strongly. A few key features that interviewees kept circling back to were safety from other passengers, delays/lack of accurate timing, and not being aware of alternate train routes.

8/8

experienced discomfort due to other passengers

6/8

were willing to report incidents but wished it was easy to do

5/8

showed a preference for real-time updates/features
PERSONA & USER JOURNEY
PERSONA & USER JOURNEY

Let's follow "Emma" on an MTA trip

Let's follow "Emma" on an MTA trip

Our participants tended to be alert and cautious when riding on the MTA. This painted a clear persona who would benefit the most from our app. We compiled characteristics from our interviewees to make a general representation of our potential users: "Emma."

Our participants tended to be alert and cautious when riding on the MTA. This painted a clear persona who would benefit the most from our app. We compiled characteristics from our interviewees to make a general representation of our potential users: "Emma."

We followed this with a journey map based on the experiences described in our interviews, helping us identify pain points for our app to address.

We followed this with a journey map based on the experiences described in our interviews, helping us identify pain points for our app to address.

ideation phase

Our research into direct and indirect competitors included apps like Citizen, Apple Maps, Citymapper, Waze, RidePATH, Google Maps, Newsbreak, Life360, Nextdoor, and Ring helped inform our earliest product sketches.

COMPETITOR FINDINGS

We needed to see what features to incorporate

Key features were a high-visibility CTA, personalized notifications, real-time location tracking, custom alert icons, and attachments.

CONSOLIDATING OUR APP FEATURES
CONSOLIDATING OUR APP FEATURES

As much as we wanted an end-all solution for our users, that just wasn't realistic

As much as we wanted an end-all solution for our users, that just wasn't realistic

To say there are a lot of problems with the MTA would be an understatement. We knew we wouldn't be able to tackle all of them: we needed to consolidate. To do this, my team used a combo of MoSCoW, Dot Voting Prioritization, and SCAMPER.

To say there are a lot of problems with the MTA would be an understatement. We knew we wouldn't be able to tackle all of them: we needed to consolidate. To do this, my team used a combo of MoSCoW, Dot Voting Prioritization, and SCAMPER.

Priority #1: live transit notifications

Users wanted reliable and timely information to feel secure in their transit decisions.

Priority #2: report incidents to the community

The ability to increase awareness was a big draw to our app idea. This boosted the app's community feeling.

Priority #3: schedule trips and customize alerts

Users wanted to save regular routes (like a work commute) to minimize the mental effort of checking the app.

EARLY SKETCHES

We jumped on sketching our potential design solutions

Having found what features we wanted to focus on, we sketched our rough ideas for how these might take form.

The data we collected from these interviews pointed towards lived experiences that supported the need for an app-based solution.

early prototyping

We needed a clear structure to start building our app, so we began with building a user flow. This gave us the foundation for reliably visualizing our app. We did 2 rounds of development before settling on mid-fidelity prototype designs for user testing.

THE USER FLOW
THE USER FLOW

A logical order to our screens was key to preventing more overwhelming feelings

A logical order to our screens was key to preventing more overwhelming feelings

We worried about how reporting or checking on incidents was likely to happen in high-stress environments. Because of this, we had to make sure our screens were as easy as possible to navigate.

We worried about how reporting or checking on incidents was likely to happen in high-stress environments. Because of this, we had to make sure our screens were as easy as possible to navigate.

The graph below follows our 3 main user flows: scheduling a route, traveling to a destination, and reporting an incident.

The graph below follows our 3 main user flows: scheduling a route, traveling to a destination, and reporting an incident.

MID-FIDELITY PROTOTYPE

We optimized our original design sketches

Our main design considerations included refining the information in status messaging, optimizing the number of screens/interactions to perform actions like reporting, and focusing on recognizable visual cues for a lightened mental load on our users.

We also added interactions to our designs to prep the prototype for testing

user testing

We set out to test our mid-fi prototype on 8 users. All tests were moderated, with 4/8 being in-person and 4/8 being remote.

TEST GOALS

We tested 3 core flows based on our feature priorities

Given that our app was map-based and could be used in high-stress moments, we had to be sure that our features were clear and easy to use.

Our tested flows were taking a route and checking for incidents during the trip (task 1), reporting an incident (task 2), and setting up alerts for a daily commute (task 3).

Legend: green = success, yellow = some trouble, red = could not complete task

TEST RESULTS
TEST RESULTS

Our tests showed mixed results, but we weren't discouraged! We had valuable info moving forward

Our tests showed mixed results, but we weren't discouraged! We had valuable info moving forward

We had data to improve our product and make our users’ lives easier. These changes mainly involved indicators. In short, we needed to enhance the map visualization and its indicators, make the icons intuitive and easier to understand, and reorganize the hierarchy/rename certain labels.

We had data to improve our product and make our users’ lives easier. These changes mainly involved indicators. In short, we needed to enhance the map visualization and its indicators, make the icons intuitive and easier to understand, and reorganize the hierarchy/rename certain labels.

8/8 participants understood how to submit an incident report

The success rate of our reporting flow allowed us the green light to proceed with the hi-fi version with minimal changes

6/8 participants felt that the step-by-step journey feed was intuitive

Segmenting the route lifted some weight for our more anxious users so they could take their journey one step at a time

5/8 thought the incident status icon could be tapped to show all incidents

Visual cues were vital for us to nail down. Ex: we switched a filled icon to an outlined one to emphasize that it's only an alert indicator

4/8 participants confused the report button for checking incidents

We replaced “Incidents” with “Community” to emphasize the message board that hosts incidents and differentiate the buttons

final design

We used a soft color scheme and rounded edges for our UI containers since we wanted to lighten the nature of the app. These design choices made it friendlier and not so bleak, which is critical when it contains some potentially heavy material.

ONBOARDING SCREENS

Welcome to SUBWAZE!

We wanted to encourage users to report incidents by making reporting feel gamified and minimizing anxiety. We also wanted a distinctly NYC design, using a classic subway rat as our app’s mascot.

I drew and animated all the custom vector illustrations in Adobe Illustrator and Figma

COMMUTING FLOW
COMMUTING FLOW

Let's go on a (hopefully smooth?) journey

Let's go on a (hopefully smooth?) journey

Knowing what to expect when commuting is key to preserve peace of mind. Users can preview their route, letting them to check out accessible stations, the best train cars to enter, live train times, reported incidents, and alternative routes.

Knowing what to expect when commuting is key to preserve peace of mind. Users can preview their route, letting them to check out accessible stations, the best train cars to enter, live train times, reported incidents, and alternative routes.

If an incident is reported and a user also witnesses it, the option to confirm the incident appears to increase the credibility of a report.

If an incident is reported and a user also witnesses it, the option to confirm the incident appears to increase the credibility of a report.

BUILDING A COMMUNITY

We included a forum to view relevant reported incidents

Community was one of the elements we wanted to focus on. We created a feed to show incidents that are most relevant to the user with optional filters. Users could validate incidents they also witnessed in the forum and explore the profiles of those who reported them.

To add a gamified element, users with the most validated reports can level up their rat avatar with unlocked accessories.

The forum can be accessed from the community icon or through an incident icon on the map

REPORTING FLOW
REPORTING FLOW

We wanted to help keep users aware of incidents

We wanted to help keep users aware of incidents

Users can keep fellow commuters informed by reporting incidents on their journey. We optimized the flow with pre-set incident categories for quick and easy reporting, with optional details and photos. Reported incidents are generated on the map.

Users can keep fellow commuters informed by reporting incidents on their journey. We optimized the flow with pre-set incident categories for quick and easy reporting, with optional details and photos. Reported incidents are generated on the map.

MANAGING YOUR TRIPS

Only hear about what's most relevant to your commute

Our users wanted predictability when going on their daily commute. But there’s a balance between staying informed and peace of mind.‍

That's why we incorporated a scheduling feature to only show incidents specific to saved routes. We don’t want our users to be bombarded with negative information, so we also made an option to filter incident notifications.

final thoughts

SUBWAZE was a fantastic learning experience in the full product development lifecycle. We also benefitted from constructive critiques from a panel of industry experts working in product design at Amazon Music, Sony Music, ZocDoc, and FanDuel.

DELIVERABLES
DELIVERABLES

We presented our app to a panel of product designers

We presented our app to a panel of product designers

We received a really positive response, especially over it offering a more gamified and unique take on map-based apps. The Subway Rat, in particular, was a major hit. Based on our feedback, future iterations would include the ability to have a direct line to security/911 in the case of emergencies. The ability to verify reports from official sources would also be beneficial.

We received a really positive response, especially over it offering a more gamified and unique take on map-based apps. The Subway Rat, in particular, was a major hit. Based on our feedback, future iterations would include the ability to have a direct line to security/911 in the case of emergencies. The ability to verify reports from official sources would also be beneficial.

As a fun small addition, I would also like to expand on the NYC theme of the app by adding a rat report button to get a rat map of the city and encourage users to open the app more. There are many, many rats to see in NYC, as we all know!

As a fun small addition, I would also like to expand on the NYC theme of the app by adding a rat report button to get a rat map of the city and encourage users to open the app more. There are many, many rats to see in NYC, as we all know!

Thanks for reading!

Made from scratch in Framer by

Bryony Hoare

Let's work together! Get in touch

Made from scratch in Framer by

Bryony Hoare

Let's work together! Get in touch

Made from scratch in Framer by

Bryony Hoare

Let's work together! Get in touch