Redesign to decrease frustration when commuting to school

CHALLENGE 
To redesign CMU's shuttle app that is presently inaccessible to the majority of graduate students.

REDESIGN
The redesign focuses on enabling a user to navigate through the application more efficiently and easily by decreasing the gulf of evaluation, structuring and simplifying the task sequence, and visuals while adding necessary documentation.

Ride System Redesign

Ride System: CMU     l     3 Weeks     l     Research, Task Analysis & Interaction Design

PROBLEM

No starting point

No clear starting point
(incompatible mental model)

Don't know which route

Couldn't figure out what shuttle route they had to choose
(lack of declarative knowledge.)

Confusing architecture

Confused about information architecture and buttons

Lack of feedback

A lot of time was spent clicking on a number of different buttons
(lack of immediate feedback)

80% of graduate students don't know how to use the CMU shuttle app. Out of those who have tried more than 50% give up due to the inefficiency and frustration.

REDESIGN

Increased clarity & easier navigation

75% of the users increased their efficiency by 50%.

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

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.

2. Lack of Declarative Knowledge

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. In align with Nielsen’s heuristic of recognition over recall, with all this information this design no longer requires a user to have prior knowledge to recall.

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


3.Visual & Helpful Information

The division of 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.


4. Minimal or 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.




REFLECTION

Given more time, I would have set up meetings with Ride Systems to better understand their constraints and to be able to cater to them as well. I would ideally have liked to test the design with more people.