Case Study

Overview

 

Client - Midwestern Transportation Agency

Problem Statement: The Midwestern Transportation Agency's website shows the predicted bus arrival times. However, the times are rarely accurate as buses are not always on time.

Also due to expansion there are multiple different buses arriving at a bus stop called Washington & State. Riders have been complaining of confusing which bus is coming first and not knowing when their bus is near.

Audience: Communters

Roles:
UX Designer
UI Designer
Brand Designer
UX Researcher

Tools:
Figma, FigJam, Google Forms, Zoom, AudioRecorder, Google Docs, Notion, Canva, SurveySwap, and Maze

Timeline: 4 weeks

Deliverables: Competitive Analysis, User Surveys, User Persona, User Flows, Site Map, Wireframes, Branding, Usability Tests, Prototype

Problem

 

Project Brief: Our client is looking for 3 main fixes to this problem. My team has also added one additional feature that we feel will add to the overall experience. The MVP should address all points listed below.

Main Focus Points

No.1
Ensure that any rider can tell when each of the buses arrives at the Washington & State bus stop.

No.2
Ensure that all riders can tell how much time they have to get to the Washington & State bus stop before the bus they need arrives at that stop.

No.3
Allow riders to select one of seven bus lines to see a list of its future arrival times at the Washington & State bus stop.

DISCOVER

Research

 

Competitive Analysis:
To start this project the team looked at the most popular transportation apps out today to see how our app could compare

Apps:
Google Maps, Transit, NYC Transit, CityMapper

User Surveys & Interviews:
27 people were surveyed using Google Form & SurveySwap. The conditions for the survey were to have been on a bus within the last 3 years

We found that women are mostly taking the bus. They are trying to save money and enjoy their free time when on the bus. The most important factor to them is that they need an accurate location tracker to see where the bus is throughout the entire bus journey. They will usually have the app open throughout the trip; not just when planning. They will also take multiple buses to get to their destination.

Important Interview Quote:
"Saving money and getting there on time is really all that matters in taking the bus. That's why location tracking is important"

Results

 

Most survey participants:

- Women

- 26-30

- Want to save money

- Value seeing the whole trip live

Additional Feature:
Because of this finding we added a 4th feature to our project brief.

No.4
Give the rider the ability to view the entire bus journey with multiple stops, so that they can know what other buses they need to include in their planning

DEFINE

Persona

 

We added all the data together to create the persona below

User Stories

 

High Priority Stories:
The next step was to think like Tessa and define what she would need by creating user stories. The team then narrowed it down to the highest priority stories.

User Flows & Site Map

 

The team then created a digital user flow to showcase exactly what steps Tessa would take to achieve her goals in the app.

User Flows:

Site Map: This is the first draft of my site map. It was later updated to add more buttons on the homepage

DESIGN

Sketches & Wireframes

 

Early sketches:
These are the first early sketches of the app. The best way to visualize our screens is to draw it out quickly to get as many ideas down as possible using the Crazy 8 method.

Digital Wireframes:
These are the first digital wireframes for our bus app

Branding

 

Not to be too bias, but this was probably my favorite part of the project. I spent time thinking about every part of what would make this brand come to life. I found myself first thinking of how speed is so important to Tessa. From there I thought of a cheetah and where you would find a cheetah. I pictured the landscape and colors that would be around it and how the South African landscape colors were not too far off from colors in the midwest. I created a mood board, keyword sheet, and more to create the mascot Dianna. She’s a mother cheetah focused on safety and fun for all her commuter cubs. She sees each bus stop as a spot and wants to make sure that it is clear when people should get on and off of the bus.

Mood Board & Design Thinking

Logo Icons

Typography & Color Palette

DEVELOP

High Fidelity Mock Ups

 

Examples of the first to final drafts of our app before we sent everything out for testing. You can also view the clickable prototype below.

1st Draft

Finished Draft

High Fidelity Prototype

DELIVER

Usability Testing

 

I performed a test with 4 people using the prototype above. This was done with 3 people through Maze unmoderated. One person performed the test with me through Zoom and spoke out loud about their thoughts and feelings. I was able to then make a few changes to the design.

For example,

  • I added back buttons

  • Changed the shape of the titles (so they would not be mistaken for buttons)

  • Created a drop menu for times

  • I added a second dot for the bus transfer

  • Made sure that all of my colors met accessibility standards

Heat Map for User Testing

Iterations

Conclusion

 

Solution:

The final suggestions made to the company were to place value on their clients seeing the entire trip from start to finish. People want to know what is going on throughout the trip. This means showing delays, bus transfers, streets, and having visual maps to guide people. SpotBus was able to cover all of the main concerns and deliver an extra feature that would make their audience eager to download it.

Final Mockups

Final Thoughts & Suggestions

  • Show the entire trip

  • Set reminders for bus transfers

  • Make the branding lively and bright

  • Be transparent about delays

  • Use location tracking & maps to make information very accurate

Lessons Learned

It is so important to trust the idea of an MVP. Throughout my creative journey I have always been one to try to make something perfect. With design it is important to put out the first best effort to test it and get ready to make changes. Nothing is perfect and that’s okay. What matters is that we continue to try and make improvements along the way to give people the best experience possible.