SUMMARY

BusyBus is a simple mobile app that serves a broad audience of commuters who use bus public transit. It's focused on providing real-time information that's accurate and reliable to gain users' trust.

PROBLEM

The project brief asked for a solution for a very specific problem that public transit officials wanted me to solve:

Due to expansion, numerous bus routes have been recently added and many of those routes stop at the same bus stop. Riders want to know what the next arriving bus is and how much time they have to get to the bus stop.

• View full Project Brief

Paint Points

• Multiple lines serving a bus stop causes confusion
• Riders want to reliable, up-to-date information so they can better plan their commute

People We're Designing For

• Riders/commuters
• Tourists
• Bus drivers

Opportunity

• Come up with a solution by designing for a specific case, the bus stop at Washington and State, which serves seven bus lines.
• Find insight on what's not working for existing apps
• Learn about the behavior of commuters

SOLUTION (CURRENT PROTOTYPE)

I designed a one-screen UI using Apple's Human Interface Guidelines (HIG) for the List View of BusyBus and coded it in HTML/CSS. This UI would be what the rest of the app's design would be based on.

BusyBus Bus list screen on an iPhone

HTML/CSS Prototype Link:

BusyBus List Screen

This current prototype is intuitive, simple, and easily recognizable. It's built with semantic HTML and has been tested with Lighthouse and AXE for accessibility.

PROCESS

Roles

• User experience design

• User Interface design

Deliverable: HTML/CSS Prototype

User Research & Discovery

I conducted a user survey on public transportation. From the survey participants, I was able to hone in on the following insights that drove the focus for this app: