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
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.
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
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
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.
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
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!