Charlie

Mobile Application for
Boston's Local Transit Travel Card

Mobile Application for Boston's Local Transit Travel Card

Passion Project

My Role

UX/UI Designer

My Team

Kanksha Dixit and Shivani Bhosle

Mentor

Prof. David Scharn

Timeline

May 2023 - July 2023

Tool Utilized

Figma, Adobe Photoshop, Google Forms, Draw.io, Zoom

My Contributions

Conceptualization, Market Research, Problem validation, Problem Solving, Wireframing and User Interface Design

The Problem : Personal Frustrations and Common Issues

The Problem

The Problem : Personal Frustrations and Common Issues

The Problem : Personal Frustrations and Common Issues

Living as a graduate student in bustling Boston was exciting but equally challenging. My day often began with rushing to catch the subway or bus, only to realize my Charlie Card had insufficient funds. Reloading wasn’t simple; the only available option was to head back to a subway station, queue up, and inevitably miss my transport. This daily inconvenience quickly became a pressing design challenge I wanted to solve.

I initiated a focus group amongst my friend circle to understand what everyone felt about this. I received so many thoughts, frustrations and one of my classmate decided to join me on this challenge of solving the common problem we have been facing

In pursuit of a comprehensive app solution, what additional features can be integrated to ensure seamless balance management and an enhanced user experience?

The Discovery : Deeper understanding the users through local lense

The Discovery

The Discovery : Deeper understanding the users through local lense

The Discovery : Deeper understanding the users through local lense

Since we were all international students who lived for a brief time, our mentor suggested that we research the internet to see if the local transport Authority is doing the same or not, and also talk to local people.

To validate if this frustration was widespread, we conducted surveys through Google Forms and in-depth in-person interviews at subway stations and bus stations, talking to over 55+ fellow commuters.

Uncovering common but critical pain points among diverse transit users

12

12

12

12

Daily Customers

40%

40%

40%

40%

User frustrated with existing system

35%

35%

35%

35%

Physical Reloading issue

25%

25%

25%

25%

Physical card issue

I recently lost a fully loaded card, and I couldn't track it. It was so frustrating.

I am usually running late due to the service disruptions, which I have no clue about until I reach the subway.

Not sure why we need the card in the first place, why don't we have a digital system like direct tapping the card

The machines are so far and so time consuming to load the cards which makes me miss my trains

I need receipts to submit for reimbursement at my office, and I don't get that through the machines so I end up taking my car instead

We mapped these insights using affinity mapping, which revealed three major pain points :

- Managing Funds and reloading methods

- Service disruption notifications

- Transaction history

Peronas : who we designed for

Peronas

Peronas : who we designed for

Peronas : who we designed for

Three clear personas emerged from this research:

  • Sam, the busy university student, always rushed, constantly missing transport while reloading funds.

  • Olivia, the occasional rider, faced issues keeping track of balances, transactions, and reimbursements.

  • Carl, the older adult, struggled navigating the physical card system and finding reloading machines.

These personas shaped every part of our design thinking process.

Sam Roger

Frequent Traveler

21 Y

Senior in University

User Story

Sam, a university student, relies on the MBTA to manage his busy campus and city life. Public transportation is essential in navigating Boston and managing a busy schedule. He seeks affordable and reliable transportation options, considering student fares and punctuality. Public transportation is essential to his daily routine.

Goals

- Convenient options for reloading the Charlie Card - Discounted Fares - Track  and manage the Balance in the Charlie Card

Frustrations

- Difficult to track spending on travel  - Often struggles to manage limited funds on the Charlie Card - Misses the bus/train while refilling - Lost a physical card loaded with balance

Sam Roger

Frequent Traveler

21 Y

Senior in University

User Story

Sam, a university student, relies on the MBTA to manage his busy campus and city life. Public transportation is essential in navigating Boston and managing a busy schedule. He seeks affordable and reliable transportation options, considering student fares and punctuality. Public transportation is essential to his daily routine.

Goals

- Convenient options for reloading the Charlie Card - Discounted Fares - Track  and manage the Balance in the Charlie Card

Frustrations

- Difficult to track spending on travel  - Often struggles to manage limited funds on the Charlie Card - Misses the bus/train while refilling - Lost a physical card loaded with balance

Sam Roger

Frequent Traveler

21 Y

Senior in University

User Story

Sam, a university student, relies on the MBTA to manage his busy campus and city life. Public transportation is essential in navigating Boston and managing a busy schedule. He seeks affordable and reliable transportation options, considering student fares and punctuality. Public transportation is essential to his daily routine.

Goals

- Convenient options for reloading the Charlie Card - Discounted Fares - Track  and manage the Balance in the Charlie Card

Frustrations

- Difficult to track spending on travel  - Often struggles to manage limited funds on the Charlie Card - Misses the bus/train while refilling - Lost a physical card loaded with balance

Sam Roger

Frequent Traveler

21 Y

Senior in University

User Story

Sam, a university student, relies on the MBTA to manage his busy campus and city life. Public transportation is essential in navigating Boston and managing a busy schedule. He seeks affordable and reliable transportation options, considering student fares and punctuality. Public transportation is essential to his daily routine.

Goals

- Convenient options for reloading the Charlie Card - Discounted Fares - Track  and manage the Balance in the Charlie Card

Frustrations

- Difficult to track spending on travel  - Often struggles to manage limited funds on the Charlie Card - Misses the bus/train while refilling - Lost a physical card loaded with balance

Olivia Smith

Occasional Traveler

42 Y

Human Resource Manager

User Story

Olivia uses the MBTA occasionally for events, outings, and city attractions. She values its convenience and affordability of connecting with friends and exploring Boston. For her, public transit makes these experiences seamless and stress-free.

Goals

- Quick and easy way to check the balance - Requires Wallet integration for easy and seamless payments - Requires Receipts of the transaction for reimbursement at the workplace - Wishes to have an alert for the last train/bus of the day

Frustrations

- Lengthy process for filling the Charlie card - Forgetful of balance on the Charlie card - No record of transactions due to which losses are reimbursed

Olivia Smith

Occasional Traveler

42 Y

Human Resource Manager

User Story

Olivia uses the MBTA occasionally for events, outings, and city attractions. She values its convenience and affordability of connecting with friends and exploring Boston. For her, public transit makes these experiences seamless and stress-free.

Goals

- Quick and easy way to check the balance - Requires Wallet integration for easy and seamless payments - Requires Receipts of the transaction for reimbursement at the workplace - Wishes to have an alert for the last train/bus of the day

Frustrations

- Lengthy process for filling the Charlie card - Forgetful of balance on the Charlie card - No record of transactions due to which losses are reimbursed

Olivia Smith

Occasional Traveler

42 Y

Human Resource Manager

User Story

Olivia uses the MBTA occasionally for events, outings, and city attractions. She values its convenience and affordability of connecting with friends and exploring Boston. For her, public transit makes these experiences seamless and stress-free.

Goals

- Quick and easy way to check the balance - Requires Wallet integration for easy and seamless payments - Requires Receipts of the transaction for reimbursement at the workplace - Wishes to have an alert for the last train/bus of the day

Frustrations

- Lengthy process for filling the Charlie card - Forgetful of balance on the Charlie card - No record of transactions due to which losses are reimbursed

Olivia Smith

Occasional Traveler

42 Y

Human Resource Manager

User Story

Olivia uses the MBTA occasionally for events, outings, and city attractions. She values its convenience and affordability of connecting with friends and exploring Boston. For her, public transit makes these experiences seamless and stress-free.

Goals

- Quick and easy way to check the balance - Requires Wallet integration for easy and seamless payments - Requires Receipts of the transaction for reimbursement at the workplace - Wishes to have an alert for the last train/bus of the day

Frustrations

- Lengthy process for filling the Charlie card - Forgetful of balance on the Charlie card - No record of transactions due to which losses are reimbursed

John

Aspiring Developer

21 Y

Recent Computer Science Graduate

User Story

Carl, an older adult, depends on public transportation for errands, appointments, and social activities. He values its convenience and affordability of navigating the city. Carl values the flexibility and accessibility of the local transit to support an active, fulfilling lifestyle in the city.

Goals

- Wishes to have Maps for the subway station and alerts for train timings - Requires accessibility feature - Needs a user-friendly app which is easy to navigate - Wants Information about commute passes

Frustrations

- Exhausted to go all the way to the subway station - Lack of technical knowledge - Lost while finding the refiling machines  - Confused regarding the passes for senior citizens

John

Aspiring Developer

21 Y

Recent Computer Science Graduate

User Story

Carl, an older adult, depends on public transportation for errands, appointments, and social activities. He values its convenience and affordability of navigating the city. Carl values the flexibility and accessibility of the local transit to support an active, fulfilling lifestyle in the city.

Goals

- Wishes to have Maps for the subway station and alerts for train timings - Requires accessibility feature - Needs a user-friendly app which is easy to navigate - Wants Information about commute passes

Frustrations

- Exhausted to go all the way to the subway station - Lack of technical knowledge - Lost while finding the refiling machines  - Confused regarding the passes for senior citizens

John

Aspiring Developer

21 Y

Recent Computer Science Graduate

User Story

Carl, an older adult, depends on public transportation for errands, appointments, and social activities. He values its convenience and affordability of navigating the city. Carl values the flexibility and accessibility of the local transit to support an active, fulfilling lifestyle in the city.

Goals

- Wishes to have Maps for the subway station and alerts for train timings - Requires accessibility feature - Needs a user-friendly app which is easy to navigate - Wants Information about commute passes

Frustrations

- Exhausted to go all the way to the subway station - Lack of technical knowledge - Lost while finding the refiling machines  - Confused regarding the passes for senior citizens

John

Aspiring Developer

21 Y

Recent Computer Science Graduate

User Story

Carl, an older adult, depends on public transportation for errands, appointments, and social activities. He values its convenience and affordability of navigating the city. Carl values the flexibility and accessibility of the local transit to support an active, fulfilling lifestyle in the city.

Goals

- Wishes to have Maps for the subway station and alerts for train timings - Requires accessibility feature - Needs a user-friendly app which is easy to navigate - Wants Information about commute passes

Frustrations

- Exhausted to go all the way to the subway station - Lack of technical knowledge - Lost while finding the refiling machines  - Confused regarding the passes for senior citizens

The Approach : Design Thinking and User Centered

The Problem

The Approach : Design Thinking and User Centered

The Approach : Design Thinking and User Centered

By deeply empathizing with users, we arrived at user journeys to recognize the struggles of manually reloading Charlie Cards. Leveraging iterative design thinking, we envisioned a simple, intuitive digital solution that transforms how commuters manage balances, enhancing accessibility for everyone.

The Ideating Solutions : From frustrations to Features

The Ideating Solutions

The Ideating Solutions : From frustrations to Features

The Ideating Solutions : From frustrations to Features

With a clear understanding of user pain points, I led ideation sessions, sketching multiple user flows and wireframes. My focus was on simplicity, accessibility, and convenience, aiming to address core issues:

  • Digital Wallet Integration: Effortless fund management, no physical reloading required.

  • Real-time Notifications: Service disruptions, low-balance alerts, and train timings delivered instantly.

  • Personalized Journey Planning: Tailored travel recommendations and comprehensive route suggestions.

Wireframing

Wireframing

Wireframing

Wireframing

Designing the Experience : Planning the look and feel

Designing the Experience

Designing the Experience : Planning the look and feel

Designing the Experience : Planning the look and feel

Inspired by Boston’s vibrant MBTA train line colors, I developed a visually engaging yet minimalist design. Through iterative prototyping, I crafted interactive, user-centric screens that were intuitive, clear, and welcoming—suitable for all age groups and technical abilities.

Final UI and Mockups

Final UI and Mockups

Final UI and Mockups

Final UI and Mockups

My learnings and Impact

My learnings and Impact

My learnings and Impact

My learnings and Impact

How personas can define help the design thinking process

How personas can define help the design thinking process

How personas can define help the design thinking process

My first project outside academic interest and love for problem solving

My first project outside academic interest and love for problem solving

My first project outside academic interest and love for problem solving

Made it to the College expo and the Local Newspaper. Tried to take it to the real users

Made it to the College expo and the Local Newspaper. Tried to take it to the real users

Made it to the College expo and the Local Newspaper. Tried to take it to the real users

How primary research is essential and play a key role in the user research

How primary research is essential and play a key role in the user research

How primary research is essential and play a key role in the user research

At the college expo, 21 people signed our “Sign if you like” board in just one hour.

At the college expo, 21 people signed our “Sign if you like” board in just one hour.

At the college expo, 21 people signed our “Sign if you like” board in just one hour.

What to show whom and how much to show in a case study is important

What to show whom and how much to show in a case study is important

What to show whom and how much to show in a case study is important

Create a free website with Framer, the website builder loved by startups, designers and agencies.