Mobile App

Transforming Transportation - On My Way

On My Way is a mobile app design concept which provides access to bus arrival times and bus stop locations.

Date

11/01/2021

Website

Live Link

Overview

The Project

I was tasked with designing an app which provides clear access to Chicago transit information, including arrival times, stop & route information, and estimated walking time to stops. Through research, analysis, ideation and implementation, I designed the MVP (minimum viable product) with maximum functionality and accessibility.

My Role

UX/UI Design, User Research, Information Architecture, Usability Testing, Visual Design

Tools Used

Figma, Miro, GoogleForms & Zoom

The Problem

Due to additions to the Chicago bus system, multiple bus lines share certain stops which makes it difficult for people to know which bus is theirs. The biggest complaint has been the Washington & State bus stop which now serves 7 lines.

The Audience

No items found.

The Solution

A streamlined bus app that allows users to see when each bus line arrives at the Washington & State bus stop, future arrival times, and distance to each bus stop.

Research & Analysis

Competitive Analysis

Using the SWOT method, I analyzed the strengths, weaknesses, opportunities, and threats of two apps; City Mapper & Chicago Transit. The purpose of this was to learn from others' mistakes, discover what features users find most important, and find where this new app will fit into the market.

The key takeaways from my competitive analysis were that the following features are valuable...

  • Nearby stops
  • Saving locations of bus stops
  • A full display of all stops on a route

User Interviews & Surveys

After surveying 33 bus riders and completing post-survey interviews, I analyzed my findings and identified the following key takeaways.

  • A pleasant easy to use interface has high importance.
  • Respondents usually use transit apps for the same few stops.
  • Alerts would be nice, but are considered low priority.​

Discovering that users typically frequent the same few stops inspired me to add an additional feature to my scope. I decided users should be able to save their frequently used stops and access them easily.

Persona

Using information I collected from my research, I created a persona named Deja. Throughout the rest of this project, I was able to refer back to Deja and her needs. You could say she was my wing woman throughout this, putting a face on and story behind the user and their needs.

Ideation & Implementation

User Stories

With a solid understanding of user wants and needs, keeping Deja in mind, I created 4 user stories to reference throughout the rest of the process.

  • As a bus rider, I want to know when my bus is arriving at the Washington & State bus stop, so that I can calculate how much time I have to reach the bus stop.
  • As a bus rider, I want to know the next bus arriving at the Washington & State bus stop, so that I don’t rush to the bus stop if it is not my bus.
  • As a bus rider, I want the ability to view future arrival times for any of the seven bus lines (serving Washington & State), so that I know when my bus arrives.
  • As a bus rider, I want the ability to save bus stops so that I don’t have to search for the stops I use the most.

User Flows

I created 2 users flows which together covered each of the 4 user stories.

  • As a bus rider, I want to know when my bus is arriving at the Washington & State bus stop, so that I can calculate how much time I have to reach the bus stop.
  • As a bus rider, I want to know the next bus arriving at the Washington & State bus stop, so that I don’t rush to the bus stop if it is not my bus.
  • As a bus rider, I want the ability to view future arrival times for any of the seven bus lines (serving Washington & State), so that I know when my bus arrives.

  • As a bus rider, I want the ability to save bus stops so that I don’t have to search for the stops I use the most.

Sketches

Lo-Fi Wireframes

View Low Fidelity Prototype

Branding

Usability Testing

I conducted usability tests with 5 individuals via zoom. This was an incredibly valuable part of my process as 4/5 of the testers gave up on one of the tasks. It became apparent to me that the navigation method of the app was not clear.

I also learned that users would benefit from a different display of future arrival times but that each tester found the UI delightful and calming.

High Fidelity Prototype

View Prototype

My other works

Tablet App

Wren - An Emotional Regulation App for Kids

Wren is a mental health tablet application for kids which teaches emotional regulation skills.

Accessibility Audit

Better Accessibility for BetterHelp

BetterHelp has changed the healthcare industry by making mental healthcare accessible. This is an audit of the digital accessibility of their website.

Web Design

Artist Ecommerce - The Blind Painter

A local artist needed a place to showcase his work and his unique story.

View All Works
Mobile App

Transforming Transportation - On My Way

On My Way is a mobile app design concept which provides access to bus arrival times and bus stop locations.

View All Work
Web Design

Artist Ecommerce - The Blind Painter

A local artist needed a place to showcase his work and his unique story.

View All Work
Accessibility Audit

Better Accessibility for BetterHelp

BetterHelp has changed the healthcare industry by making mental healthcare accessible. This is an audit of the digital accessibility of their website.

View All Work