RideSystems Redesign

A redesign of the shuttle system app to decrease customer frustration

Overview

The redesign addresses a few human factor issues associated with the transit app, Ride Systems. It depicts how the results of the study influenced a redesign of the app which allowed users to navigate through the app more efficiently and easily.

Solution

According to research, navigation involves a user making a decision about which way to go depending on their current goals, internal representation and perceptual cues. This relates to both a physical and virtual environment. My redesign focuses on enabling a user to navigate through the application more efficiently and easily by decreasing the gap between the designer and user mental model, structuring and simplifying the task sequence, and simplifying visuals while adding necessary documentation. To ensure the feasibility of the redesign, each of these elements are proposed in a manner that is consistent with the brand and style guide already created by Ride Systems.

From the old to the New

Current App Interface

The ride system app works with universities and authorities to facilitate the transit systems around them by providing live locations, predicted arrival times and other relevant bus information. Carnegie Mellon University (CMU) is one of the universities that has adopted this app to facilitate the use of their shuttle and escort system.

The CMU shuttle runs on 6 different routes: A Route, B Route, AB Route, PTC Route, Bakery Square (Long) & Bakery Square (Short). It’s supposed to run every 30 – 40 minutes and is more or less like a school bus that drops you to and from campus with a number of predetermined stops on the way depending on your route. 

On the other hand, the escort service only operates from 6pm to 6am on an hourly basis. There are 4 different escort areas: Shadyside, Oakland, Squirrel Hill 1 & Squirrel Hill 2. Like the shuttle service there are predetermined stops, but only on campus from where one can board a shuttle. The escort service does not have predetermined stops or a route it takes once it leaves campus; rather it will drop a user off at the closest cross streets of their house.

Task Analysis & User Test
I conducted a think aloud using the ride system app in real time with 3 graduate student participants who were aware that CMU had a shuttle system but were using the app for the first time. It was an opt in study, where they volunteered 30 – 60 minutes of their time in exchange for a cup of coffee. The users were asked to find the next bus arriving closest to their house that would take them to school. Each test took a minimum of 10 minutes and maximum of 15 minutes.

There were 4 main findings from the user test:
1. No clear starting point (incompatible mental model)
2. Couldn't figure out what shuttle route they had to choose 
(lack of declarative knowledge.)
3. Confused about information architecture and buttons
4. A lot of time was spent clicking on a number of different buttons
(lack of immediate feedback)
Time to redesign

Overall the redesign aims to provide a better user experience, one that will not leave users frustrated, by providing them the tools through the methods mentioned above to efficiently and easily navigate through the app. With these minimal changes and additions, Ride System will gain a more satisfied user base and CMU will gain a more pleased and informed community commuting to school via the shuttle service.

The final redesign looked at the addressed the four main pain points from the user study, while maintaining the look and feel of the brand.

Problem 1: Mental Model

To help users better navigate through the system the gap between their mental model, the system image and the designer mental model needed to be minimal. Thus a step by step introduction was created for novice users.

Using the principle of the home screen as a safe point of return in case users get lost, a homescreen and a back button icon were added.

Problem 2: Lack of Declarative Knowledge

1. A user can click on the routes and see it display on the screen

2. A user can use the map by clicking on the location icon to become aware of their current location in reference to their destination

3. A user can enter an address into the search bar

To facilitate the identification of route, names have been added to the lettered routes so it is easier to understand the area they cater to. When a user clicks on the route, immediate feedback is provided by reflecting a matching coloured route map right above with the names of the stops. Using Nielsen’s heuristic of recognition over recall, with all this information this design no longer requires a user to have prior knowledge to recall.

Problem 3: Visual & Helpful Informations

In his study Bartram concludes, since people in different situations preferred either a map or a set list, having a  mixed display of a list and a map would be most user friendly. Thus, the division f the home screen into the list of routes and visual map. the routes are shown in a visual schematic manner similar to that of the London tube, which has been proven to be easiest to read and most effective.

To prevent users from navigating to another page by clicking an ‘x’ by mistake, the visual proximity has been increased so the ‘x’ no longer sits directly above the list of stops. To further allow for better user experience, help and documentation has been added to the information and schedule pdf tabs in the bottom left.

Problem 4: Minimal of No Feedback

By adding analytics, frequently checking broken links or adding a vibration when a button is pressed are a few ways this problem can be address. Because this problem is greatly dependent on the parties and technology, this was the problem that was of lowest priority in the redesign.

Final Screens

Responsibilities

Human Factors Analysis, Task Analysis, User Study, UI Redesign

Skills

User Test, UI design

Timeline

2 weeks

Paper

Human Factors Issues in Transit Application: Ride Systems Redesign