Dude! Where’s my bus

Utilized research methods in order to develop a clean high fidelity prototype of a public transportation mobile app that assists users to know when and where their designated bus arrives.

 

Timeline

3 Weeks

Role

UX/UI Designer + Researcher

User Research

Information Architecture

Visual Design

Tools

Figma

Google Workplace

Canva

Zoom

 

Overview

 

The metropolitan area of the midwest has a network of public buses. They currently list the expected bus schedule on their website and post it at each bus stop. However, if you have ever used a public bus, you know that expected bus times are rarely accurate, as things like traffic, the need for longer stops to assist passengers using wheelchairs, or taking a bus out of service for maintenance can impact the schedule.

Problem

Due to expansion, numerous bus routes have been recently added. Many of those routes stop at the same bus stop. Transit officials want users to know when the next bus will arrive at Washington & State bus stop and how much time they have to get to there.

Solution

I created a public transportation mobile app that:

  • Ensures all users can tell when each of the buses arrive and how much time they have to get to the Washington & State bus stop with usage of the “Bus Tracker” feature.

  • Allows users to select one of seven bus lines to see a list of it’s future arrival times at the Washington & State bus stop.

  • Includes optional location enabling so that users are able to view their precise location on the map to determine the distances between them and nearby bus stops. Enabling your location also allows you to receive directions to a specific bus stop.

 

Discovery and Research

 
Dude! Where's My Bus Case Study-3.png

The beginning of defining any problem is research! The goal with this research is to identify user pain points, determine the target audience, and learn what they expect me to deliver with this project.

During this stage, I had a set of questions to constantly remind myself what the research needed to answer.

  • Who will use this product?

  • How will they use it?

  • What will they use it for?

  • Does it solve the problem?

 

I begin by identifying my competitors strengths and weaknesses to acknowledge my threats and recognize areas of opportunity within the market.

Dude! Where's My Bus Case Study-10.png

My next approach will be to conduct a survey. After forming about 15 questions, I made the survey public and continuously posted it on various platforms.

Survey Takeaways

Dude! Where's My Bus Case Study-11.png
 
Dude! Where's My Bus Case Study-9.png

After gathering the results from the survey, I wanted to further empathize with the users by hosting user interviews via Zoom. I recruited 3 participants from the survey, which allowed me to gain an in-depth understanding of the user’s needs, perceptions, and experiences.

Insights

Users want a public transportation mobile app that has:

  • Reoccurring updates for bus arrival times

    • “It would be nice if the bus schedule would continuously refresh/ update if there’s any delays or traffic. Kinda like your GPS, it updates the arrival time when there’s traffic.” - Laura

  • GPS tracker feature

    • Referenced various “Pizza” trackers or food delivery apps (DoorDash, UberEats, etc.)

  • Ability to bookmark a route

    • “I would love to be able to open the app and just have my “saved” or “likes” for places that I go to often on the bus to save time from typing it in.” - Glorivee

 

Information Architecture

 

Wireflow

Breakdown

  • Users can use the search to find their desired bus stop

  • Users can use the map to view the nearest stops to their precise location or entered location

  • Users can view a list of bus stops displaying nearest to furthest from their location

 

Intro to Branding

23.png

I sort of began backwards with the branding because I had already established a name for the app when only sketching the solution. I centered the entire theme around the name. “Dude! Where’s My Bus” which was inspired by a 90s film, has a minimal 90s feel. When I think of the name or use the app, I want to be taken back to this era.

I looked into color psychology to decide which colors’ meanings best fit my brand. I read that the color pink and all its shades are linked to toning down aggression. Which I find convenient to use for the app because I want users to feel at ease when using my app. I want it to be very simple and relaxing when planning your commute. Going with the shades of blue, they have positive affects on the mind and the body. As the color of the spirit, it invokes rest and can cause the body to produce chemicals that are calming which Is what I want my app to produce a calming feel.

 
dudeWheresMyCar-01+3.jpg

As mentioned I was aiming for a 90s aesthetic, so I looked into some graphics that were popular back then. I was inspired by the common “Retro Wave” graphic for my logo. I really love the simplicity of how the logo came out but how it still is grasping the brand.

 

Now that I have conquered establishing a brand for the app, I am able to implement those changes to my prototype.

Usability Test

Tasks

  • Show me the nearest bus stop to you

  • Show me how to choose a bus for the Washington & State Bus Stop

  • Show me how to view the upcoming arrivals for bus line 72

Usability Test Notes.png
 

What I Learned

 

Users struggled to to locate the “Future Arrivals” button

  • Camouflages

  • Weird placement for a button, not visible

  • Button blends with background

Final Thoughts

Working on this project was extremely fun! I definitely discovered my passion for user research. I would love to continue moving forward by making those iterations based on the feedback from the usability test. I also possibly plan on adding a weather & news page within the app. My goal is for this project to be a daily task for all the users. I want them to find this app as convenient as they find time being displayed on watches. I want this to be their go to! 

13.png
 
Next
Next

Hairologistglory Hair Salon