Overview

BACKGROUND

CityBus is the bus system serving Purdue University and the greater Lafayette/West Lafayette region.

I was tasked with redesigning the CityBus physical and digital service to improve the experience for college students.

PERSONAL CONTRIBUTIONS

  • Journey mapping
  • Contextual inquiry and observation
  • Low - high fidelity prototypes in Figma
  • Team presentation and documentation
  • User surveys & data analysis
  • Guerilla + Usability testing

Project Info

TIMELINE

Spring 2024
15 weeks

TEAM

Me + 9 Purdue UXD students

TOOLS

Figma
FigJam
JourneyTrek
Google Forms + Sheets

Skills

Service design
‍Field observation
Contextual inquiry
Data analysis
Journey mapping
User surveys
Wizard of Oz testing

Why are we doing this?

Increase CityBus ridership

Boost CityBus ridership across varying user segments.

Reduce user dissatisfaction

Create a more pleasant, efficient bus service for students without negatively impacting the local rider experience.

Expand KLI's industry knowledge into transportation

Provide information and resources as to how Key Lime Interactive can expand their services into  transportation.


Who is involved?

Given the extensive size of the CityBus user group, sub-groups were organized to provide a more clear hierarchy of who our final solution would be targeted towards.

Student Bus Riders
Students were chosen as our primary user group due to easy access.

This includes all Purdue students that are 1) new/unfamiliar, 2) moderately familiar, or 3) expert/frequent riders.

Greater Lafayette Locals
Since locals from the Lafayette region have different bus experiences than students, we decided to keep them as a secondary user group.

Identifying CityBus Channels + Touchpoints

The CityBus service consists of the physical busses, stops, shelters, etc. and the mobile app called MyCityBus, in which users can view different routes and receive live tracking of all busses on a map.

I guided my research towards filling in any gaps in my understanding of the student experience (below).

What channels and touch-points are users interacting with?
How does a bus transportation system work?
What are the current student opinions of the
CityBus service?


Observing Users in Context

I first conducted a contextual observation of three different routes to learn how students use the service.

For the observation, I followed 4 different students around their typical day at both on and off campus routes, asking questions along the way. I then came to a general step by step outline of their experience, finding key areas of concern to focus on.

ROUTE 1

13 Silver Loop

ROUTE 2

4B to Walmart

ROUTE 3

1B to CityBus Center

A map of the steps taken to ride the bus from planning to arriving at the destination.

    IDENTIFIED PAIN POINTS

    • Inaccurate communication of bus times frustrates users. A lack of signage and inaccurate information on the app contributes to this.
    • Announcements of upcoming stops on the PA system was hard to hear, causing confusion for riders.
    • Disruption in the flow of traffic entering and exiting the bus leads to further delays.

    HIGHLIGHTS

    • Live bus GPS tracking on the app is favored as it helps users more easily find their stop.
    • Having physical signage such as bus stop signs and LED timetables help make the service run smoother.
    A bus stopped on the Purdue campus.
    Inside of the local bus

    Issues with a lack of clear communication for bus stops, arrival times, and routes was made obvious when observing students ride the bus in person.

    The intial observations laid the ground for the student experience map, in which I discovered the main steps and painpoints involved at each phase of the bus ride journey.

    Assessing the MyCityBus App Usability

    Many issues brought up by riders during observation were caused by the mobile MyCityBus app itself. To investigate further, I evaluated the app's features through task based usability testing.

    Screenshot of the CityBus mobile app.

    Above: Poor visual hierarchy, delayed bus times, and overwhelming amounts of information plague the current version of the MyCityBus app.

      METHOD

        Participants were given three scenarios to complete tasks on certain  screens.

        INSIGHTS FOUND

        • Inconsistent information across screens reduces reliability, creating frustration when vital info is incorrect.
        • Overwhelming amount of information without visual hierarchy makes users confused and unable to find what they need.
        • Lack of backtracking creates difficult navigation across the app.

        Gaining a Holistic Understanding

        Using data found from initial desk research, usability testing, and contextual observation, I mapped the CityBus student experience with my team.

        This helped me identify the most pressing concerns within the student journey.

        An overview of my experience map (above) for CityBus student riders. I expanded the scope to include both physical and digital pain points to gain a broad perspective of the riding experience.

        I found the greatest areas of concern in the bus trip planning phase, in which users had difficulty navigating the app and physical signage to find their correct lines and stops.

        Locating Channel & Touchpoint Opportunities for Design

        After identifying how users were interacting with the service, I narrowed down on specific areas users with the most trouble.

        To find which interactions provided the most opportunity and were most feasible for the business, I performed a contextual inquiry with CityBus riders in real time.

          CONTEXTUAL INQUIRY APPROACH

            9 students were accompanied on a bus ride on 5 different bus routes.

            DISCOVERIES

            • Over-reliance on the App
              Users are forced to rely on their phone to know stops and bus times
            • Poor communication
              Riders had difficulty knowing their next stop due to blocked signage and quiet PA announcements.
            A picture of a person using the bus service app.

            Issues with inaccurate display of bus times on the app was commonly experienced across each participant. Visual and auditory indicators like the stop requested sign above were the most helpful.

            Many riders brought up complaints with the bus PA system being too quiet, along with a general lack of physical indicators (visual + auditory) to communicate where their next stop is.

            Some users also didn't know that the app existed, and had a hard time using the service as most communication of stops occurs through the mobile MyCityBus app. This prompted me to keep my designs open to including additional physical signage at bus stops (above).


            ASKING BUSINESS STAKEHOLDERS

            Finding more feasible solutions: review with CityBus CEO and developers.

            From interviews with the CityBus CEO and software developers, financial restraints led us to focus on the mobile app. Due to budget concerns, focusing on the app would have the greatest impact and be more feasible for CityBus to implement compared to physical improvements.

            PIVOT TO IMPROVING THE DIGITAL APP

            Shifting the project scope to focus solely on the digital app allowed for greater financial and technical feasibility.

            Revising Mobile Bus Tracking

            Following our shift towards the mobile app, I sketched for opportunities to improve communication of bus times and routes across campus (below).


            Complete App Overhaul

            Final Iteration

            After sketching lo-fidelity screens, I constructed over 20+ high fidelity versions in Figma, then gained feedback from users using Wizard of Oz testing.

            From Wizard of Oz testing (observing users use our prototypes in context of the bus ride), most students wanted more accurate communication of bus times.

            I met this need by adding live GPS directions and push notifications in my final prototypes.


            Clear Communication of Bus Times

            • Instant Location Updates
              ‍‍‍
              After pressing 'GO,' users can see instant updates of the bus' location in comparison with each stop on the map.
            • Live Push Notifications
              ‍‍
              Instantly know where the bus is and when it's coming via live push notifications.
            • Know Bus Departure & Arrival
              ‍‍
              Visual and haptic indicators communicate exactly when the bus will depart and arrive at specific stops.

            Simplifying Routes

            • Simple and Efficient Navigation
              ‍‍
              Riders can more easily search for their destination and instantly find routes from their current location based off GPS tracking.
            • Real Time Directions
              ‍‍
              Receive step by step directions to and from bus stops, updated in real time.

            Increased Personalization

            • Favorite Bus Routes
              ‍‍‍
              Riders can favorite their most frequent routes and pin routes to the GPS map for easier access.

            Final Takeaways

            Thank you to my sponsors, Brein Gross, Lauren Jablonski, and Stephanie Orme at Key Lime Interactive. Their continuous guidance and insightful feedback throughout the semester helped me grow in countless ways as a design student.

            What Did I Learn?

            There's more UX research methods than interviews.
            Don't be afraid to experiment.

            Learning and experimenting new methods of user testing, such as Guerrilla and Wizard of Oz testing, from my sponsors helped me extend the boundaries of my design toolkit.

            Channels & touchpoints are essential to service design - utilize them!

            Taking the time to fully understand all channels and touch-points that users were interacting with helped me significantly with framing the design of my mobile prototypes.

            By understanding where, when, and how riders were interacting with the bus service, I was able to develop more effective features in my final solution.

            More Projects

            Cover image for my Starship UX case study

            Starship Bots

            Creating a new use for Starship delivery bots on campus.
            A digital mockup for iPhone 14.

            FordLabs

            Facilitating social interactions for remote employees.