top of page
Enhancing the BART System

M Des. Project | Research | System Mapping | Ideation | Prototyping

🚀Designing a solution to make the riding experience better for BART riders.

🎯 Finding the most impactful intervention point in the system
My Roles & Responsibilities
User Research, Information Architecture, Ideation, Wireframing, Visual Design, Prototyping
Team 
Me & Cassie

Class project under Prof. Jesus Garcia  
Duration
Nov 2021 - Dec 2021
Tools
Figma, Miro
ℹ️ what is BART?
Bay Area Rapid Transit
BART is a heavy-rail public transit system that connects the San Francisco Peninsula with communities in the East Bay and South Bay.
system-map-everyday-until-9pm.png
🎯 the goal
To evaluate the current BART system and redesign a better solution to enhance the user experience for novice riders (such as tourists) and expert or regular riders.
🔍 secondary research
So what are people saying about the BART? Looking into pain points from online sources, as a starting point
Yelp, Google, and Apple Store reviews
Screen Shot 2021-10-18 at 11.10 1.png
image 25.png
Screen Shot 2021-10-18 at 11.03 1.png
Screen Shot 2021-10-18 at 10.41 1.png
image 21.png
image 19.png
image 19.png
These were the Main Findings:

Before riding:

  • Lack of notice in delay              

  • Inconsistency of the timetable with the actual departing time

On the train:

  • Lack of cleanliness

  • Loud people/noisy

  • Intercom voice not heard

  • Train delays

After riding:

  • Payment for parking is advertised wrong

📍field research
Going to the BART station and riding the train

1.

Visited the Civic Centre BART station at 10 am on a Sunday

2.

Observed friend’s reaction as a first time BART user

3.

Walked through the station, observed, and talked to different kinds of people at each point. Documented their interactions with photos and notes

4.

Purchased a ticket as a first time user, and took a train till Embarcadero Station

5.

Got down at the station and did some more observation and interviews to gain insights.

6.

Rode back to the Civic Centre Station

A few people we interviewed:
Group 51.png
4 of these people were experiencing the BART for the first time
📋 synthesizing insights
Individually put down our insights and grouped them to find overlaps 
After taking notes and documenting observations, we individually put down our insights and then grouped them to find overlaps.

Also
mapped out at which point of the process the pain points lie and gave us an idea about the significant pain points in the system.
BART (1).jpg
👤 creating archetypes
We grouped our target audience into 3 main archetypes
After gathering insights from our research, we had an idea of who our target audience was.
👟 mapping the user journey
Laying down all the information to find opportunities
Now that we knew our target audience and their pain points, we laid down all this information, along with their thoughts and actions- from when they enter the station to when they leave the gate at their destination
Journey Map
Opportunities found:

1. Entering the Station (before entering the access gate)

  • Make the kiosk interface more intuitive to understand

  • Make the labeling of the kiosks easier to understand

  • Change the location of the clipper card scanner so that it's more visible

  • Integrating the card scanning process

  • Make information related to the journey/BART system - more accessible, especially near the kiosks - regarding phone wallets and BART app

     

2. Entering the Access Gate

  • Make the entering and exiting signs more obvious

  • Make the card scanning process for the accessible gate more aligned with the mental model

3. Going to the Platform

  • Make the elevator more accessible /easier to find

4. At the Platform

  • Color code the lines

  • Make information consistent across the platforms

  • Introduce markings on the platform for bike areas, entry areas etc

  • Show the direction in which the train is going to arrive

5. On the Train

  • Increase speaker volume

  • Show live-updated map in all trains

6. Leaving the Gate

  • Reduce the difficulty of finding the elevator location

  • Give more clarity/ map out information on which exit leads where

🗂 affinity mapping
Grouping Opportunities to find our Problem Statement
My project.png
My project_edited.png
How might we make the process of getting a new clipper card more intuitive while informing users of the varied available resources?
BART - Frame 4.jpg
BART_-_Frame_3__1_-removebg-preview.png
My project (2)_edited.png
How Might We make information across the BART system more consistent and accessible and tie it to the user's mental model?
💡ideation
Breaking down the HMW statements to ideate

// HMW 1

How might we make the process of getting a new clipper card more intuitive while informing users of the varied available resources?

Screen Shot 2021-10-31 at 10.48 1.png
Screen Shot 2022-06-04 at 1.35.05 PM.png

// HMW 2

How might we make information across the BART system more consistent and accessible and tie it to the user's mental model?

image 28 (1).png
🤔 ❌
However, through this first phase of ideation, after feedback, we realized that we didn't go as deep as we should have. 
We then brainstormed again, but this time, we pushed ourselves to think more innovatively. We used various ideation techniques such as mind mapping, SCAMPER, and forced connections to expand our thinking beyond the obvious solutions.
Research
Looking back at the thoughts & pain points in our journey map.
👈 taking a step back.
BART Copy - Frame 8.jpg
Pain points brainstormed on:

Ease of getting to the platform with the extra load, esp for bikers, and people using the accessible gate                                                                                                      

Taken by surprise by no color coding of lines on the platform 

         

Indication of the waiting area at the platform                                                                 

Stop announcements on the train speakers can't be heard

  1. Payment for Clipper 

  2. Awareness of train time/plan  

  3. Access gate indication confusion

  4. Friction in the In-station direction

5.

6.

7.

8.

🔄 another round of ideation
Ideation 2.0
First round of ideation - brainstormed ideas on each point
First Round of Ideation
Second round of ideation - on the top ideas
Second Round of Ideation
🧱 prioritization
Prioritizing the top ideas based on value-effort
BART Copy - Frame 1.jpg
Here are some of the ideas: 
🧐 high effort-high impact theme
There was one theme that had the most impact and towards which most of the ideas were leading to
Solution

Hence, leading to Revamping the BART App

Opportunity 

The current BART app does not have the clipper card integrated into it. From research and analysis, the opportunity for Integrating the Clipper Card and Digital wallet was very high.

It also eliminates the confusion for people who are looking for a ‘one-time ticket’

"How can I just buy a one-time ticket so I don't have to pay for the card even if I lose it?"

"Where and how should I pay for the clipper card?"

Feature

Integration of Clipper card into BART app, while informing people of the various types of cards available

Opportunity 

Confusion regarding pricing and how much to load in the card.

"How much should I pay if I only ride once?"

Feature

Fare calculator

that automatically calculates the price after entering the destination

Opportunity 

Information regarding the trip even before reaching the station - delays, low wallet value

“The station was down and I didn't get any notification so I had to take the bus to another station”

"why isn't the train here yet"

“I got on the wrong train by accident”

Feature

Personalization of Home Page, so that route understanding is easier for first-time users as well as the benefit of specific train updates for frequent users.

Home Page Detailed Features

old screen 

Group 50.png

new

Group 52.png

Opportunity 

People are taken by surprise by the names of the lines

"how come the lines are called something different? where is the red line?"

"where is my line?"

Feature

Showing both color and line names side by side to help with association

iPhone 13 Pro Max - 51 (4).png

Opportunity 

Confusion regarding in-station directions

"Which exit is the closest one to my destination?"

"Where is the closest elevator I can reach to?"

"is there an elevator to get my bike down easily?"

Feature

Incorporating

In-station AR directions for people who are not able to locate certain things.

⏭ next steps
👁‍🗨 Usability testing the app changes.       

📝 Make the designs higher fidelity and incorporate BART's design guidelines. 

📣 Explore how to create awareness of the BART app. In order for the pain points to be solved through the app, and for the app to be useful, people need to know that the app exists.                                                                                                                                   
💭 takeaways
Navigating ambiguity 
Sometimes the best ideas can come by not having any preconceived biases and constraints. Thinking wrong and unconventionally can ignite creative solutions.        

Mapping out a huge system
and looking at pain points across the breadth of the system, and then prioritizing these opportunities and pain points to arrive at a problem space.

There is no set way to approach a problem. It is important to take steps according to what makes sense at the moment, and it might take going back and forth multiple times in order to figure out how to proceed.                                                                                                                                                  

View previous

View next

bottom of page