Tartan Transit

Skills: UX Research (5 Second Testing, Contextual Interviews, UARs (Usability Aspect Report), Storyboarding, Affinity Diagram, Market  & Background Research), Visual Design

Tools: Sketch, Figma

Time: 3 months

Team: Hamza Qureshi, Jessica Kwon, Madeline Gardner

The Problem

At Carnegie Mellon University, students are provided a shuttling/escort service whose goal is to bring students from campus to their desired locations safely. However, the service has been seeing a significant drop in ridership. As a result, the Graduate Student Assembly is examining the transportation needs of the CMU community and trying to find ways to improve options for students to get to and from campus. Their vision is that every student has access to multiple kinds of reliable transportation that allow for safe, direct commutes to and from campus. Key guiding questions:  Are students satisfied with the services they have now?  What improvements could be made? Why do current students not use the existing shuttle and escort services, and what could be done to increase usage?

At the end of this project, we presented it to our stakeholders.

The Solution

Poster.png

From our research, we found that the users biggest hurdle is understanding how to use the services and immediate in-the-moment information that can help them plan their trips. Our solution was to create Tartan Transit, a Google Maps plug-in/extension, that would provide a sense of familiarity due to the context of Google Maps, while quickly disseminating real time information that tracks the bus and procedural information, and provide service with ease and to encourage users to interact with the current system.

Research | Stakeholder Mapping

Background research was done to understand the current ‘ecosystem’ of the transit system at CMU. We were given several contextual inquiries to pull data from. There were several ‘actors’ in the system, each with different goals and motivations. For example, the Director of Parking and Transportation (P&T), who is charge of all parking and transportation at CMU, wants take the shuttle and escort service under P&T instead of the Police Department at CMU. stakeholder map.png

Research | Affinity Diagram

We conducted contextual inquiries on target users/actors, such as graduate students who use and didn’t use the escorts and a member of the GSA to further understand how the shuttle/escort system operates. The goal was to understand the users behavior in regards to how to get to and from campus, problems they have had, other services they use, etc… After the inquiry we created notes from the interview and found patterns within the notes.

affinity diagram.jpg

We found several themes (the green post-its): information about shuttles, expectations of shuttles, adoption of shuttle, and alternatives to shuttles.

Here are several (blue) notes that were impactful to overall research process:

  • I want to learn more about the service overall.
  • I’m confused while using the shuttles.
  • No one told me about the shuttle service.
  • I think there are problems with the shuttle routes.
  • I hate missing the shuttle.
  • I only use the shuttle for specific needs.
  • I use other methods because I need to.

Research | Log Data Analysis

Screen Shot 2019-01-17 at 2.50.32 AM.png

We were given several pages of log data of a transportation app developed at CMU, Tiramisu. They had tracked different types of data, like clicks on features. The graph below is indicative of user behaviors and interactions with the app’s features. tracking live buses vs checking schedules.png

The large about of clicks on scroll_schedule_list indicted that users were using the app to track buses and not using it as a trip planner or searching for routes.

In addition to quantitative data, we supported our quantitative data with qualitative think alouds on Tiramisu. We asked users to complete a series of think aloud tasks on Tiramisu to understand their behaviors and thought processes on how they use transportation apps. A typical task asked the user to find a bus route to go to a predetermined destination. Immediately, a simple task like this revealed problems with how the app was structured compared to user mental models. The user believed that the search function would reveal relevant bus routes with the nearest bus stop that will get the user there. Instead the app returns the stops that are close to the destination.

Ideation |Contextual Inquiry 

After completely understanding the landscape we were operating in, we started diving into understanding user needs. We asked similar questions to the previous contextual inquiry but we added a focus on how users acquired information about the service. From the inquiry, we found that the shuttle service is useful because it is only for CMU students and therefore meets the needs of this population. Many people mentioned that the service feels safe because only CMU students are on the shuttles. We also found out that some students who live off-campus feel that their commute is scary, which shows a need for a safe and reliable method of transportation and highlights the positive aspects of the shuttle and escort services. However, we also found out that the accessibility of the shuttle service information is poor. Most students did not fully understand how to use the shuttle service, even though the shuttle service can be very valuable, as previously stated. Students did not feel the need to learn more about the service because the information is difficult to attain and not well-advertised by the university. One undergraduate even thought that the shuttle service was only for graduate students, even though the shuttles are meant to benefit the entire university population. Some thought the shuttles were only for commuting, when the service offers bus stops around nearby grocery stores, which most of our interviewees usually get to through a rideshare service.

Ideation | Speed Dating 

Browser Extension Mobile - scanned.jpgDuring the brainstorming session, we pitched each other different scenarios. I pitched the plug-in idea that would eventually guide the rest of our design. After the brainstorm, we made several storyboards that we pitched to different users during speed dating, trying to gauge reactions to various methods. Some were purposely awful, like a mandatory orientation event that required the use of a shuttle. Some were close to our solution, like a plug in to assist with trips. The main finding from this activity was that the participants preferred solutions that were constant and could be accessible at all times compared to one-time solutions, such as orientation programming or info sessions on off-campus living. The participants liked the digital trip planner and browser extension ideas best, the reason being that those solutions would always be accessible via phone or web while they are using the shuttle service.

Ideation | Design Artifact/ Low Fidelity

 

With all those findings, we were on our way to potential solution. Our team went onto figma and designed different iterations of the same task (showing procedural information). We were fleshing out the idea of integrating the shuttle and escort service into Google Maps. With the design artifact, we conducted several five second tests.

Ideation | Five Second Test

We showed our wire frames to users for five seconds each to really get the first impression of the way we designed the integration. Five second testing can also help us answer some the questions that we had when designing our research artifact, such as whether people will trust the information coming from Google Maps and whether they will understand procedural information presented through this method. We found that 5 out of our 6 users were confused about what the zone was and the term ‘escort’ was confusing to 4 out of 6 users (i.e. is someone coming to walk them home?). However, 5 out of 6 users also enjoyed the pop up about procedural information and enjoyed the seamless integration into Google Maps. Based on these findings, we changed our design by making the distinction between shuttle and escort routes clearer and possibly including a description and use color to differentiate and specify zones, while creating an indicator on what a zone is and why the route ends there.

Solution

Finally… 

This is Tartan Transit.

Our solution focuses on ensuring familiarity and visibility of the CMU transportation services. By exposing CMU transportation options within Google Maps, a commonly used transportation app among students, users can easily choose to use CMU services when appropriate.

Anna is a CMU undergraduate student who lives off campus. She has never used the CMU shuttle or escort services before but decided to give the new Google Maps plug-in a try. Late at night, Anna types in the address to her house and finds that the Yellow Zone shuttle can drop her off near her home.

She clicks on the escort option to view further directions. A pop-up screen shows her how to use the escort system. Anna is relieved to have known this information and now feels more prepared to ride the escort.

After she dismisses the pop-up screen, Anna is able to view real-time information and detailed directions on where she can get on and off the escort. Anna is glad to have found a safe new method to go home late at night.

Clickable prototype with shuttle service example: https://invis.io/MVPFAUOPQY2