Mobile App

Transforming Transportation - On My Way

On My Way was my FIRST 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
No items found.

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

What I learned...

Research - Research - Research

There is no such thing as too much research, but there is such thing as not enough research. In hindsight, I would integrate research more consistently throughout the process. I would absolutely do a minimum of 2 rounds of usability testing, with the first round being used on the clickable prototype and the second the high fidelity. With a 4 week deadline, I did my only round of usability testing during the last week, which did not leave me enough time to reiterate fully on what I learned form the usability testing.

Additionally, I was able to refine my Figma skills, organization and time management habits.

My other works

Market Resource Partners

Designing the first enterprise sized Account Based Marketing software, serving internal and external users.

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 was my FIRST 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