Mobile App

Bike Share Toronto (PBSC)

Bike Share Toronto (PBSC)

Bike Share Toronto (PBSC)

Bike Share Toronto (PBSC)

Bike Share Toronto (PBSC)

Bike Share Toronto (PBSC)

As a regular user of the Bike Share Toronto bike-sharing service I decided to explore how to improve the corresponding PBSC app and elevate the overall user experience. My role in this project involved conducting semi-structured interviews to identify common pain points amongst users, design interfaces and prototype my solution, followed by testing the user flows.

The final prototype sought to revamp the app so that bike-sharing relevant information is brought to the forefront, creating a more holistic and seamless user experience with not just the app, but the bike-sharing service as a whole.

As a regular user of the Bike Share Toronto bike-sharing service I decided to explore how to improve the corresponding PBSC app and elevate the overall user experience. My role in this project involved conducting semi-structured interviews to identify common pain points amongst users, design interfaces and prototype my solution, followed by testing the user flows.

The final prototype sought to revamp the app so that bike-sharing relevant information is brought to the forefront, creating a more holistic and seamless user experience with not just the app, but the bike-sharing service as a whole.

As a regular user of the Bike Share Toronto bike-sharing service I decided to explore how to improve the corresponding PBSC app and elevate the overall user experience. My role in this project involved conducting semi-structured interviews to identify common pain points amongst users, design interfaces and prototype my solution, followed by testing the user flows.

The final prototype sought to revamp the app so that bike-sharing relevant information is brought to the forefront, creating a more holistic and seamless user experience with not just the app, but the bike-sharing service as a whole.

As a regular user of the Bike Share Toronto bike-sharing service I decided to explore how to improve the corresponding PBSC app and elevate the overall user experience. My role in this project involved conducting semi-structured interviews to identify common pain points amongst users, design interfaces and prototype my solution, followed by testing the user flows.

The final prototype sought to revamp the app so that bike-sharing relevant information is brought to the forefront, creating a more holistic and seamless user experience with not just the app, but the bike-sharing service as a whole.

As a regular user of the Bike Share Toronto bike-sharing service I decided to explore how to improve the corresponding PBSC app and elevate the overall user experience. My role in this project involved conducting semi-structured interviews to identify common pain points amongst users, design interfaces and prototype my solution, followed by testing the user flows.

The final prototype sought to revamp the app so that bike-sharing relevant information is brought to the forefront, creating a more holistic and seamless user experience with not just the app, but the bike-sharing service as a whole.

As a regular user of the Bike Share Toronto bike-sharing service I decided to explore how to improve the corresponding PBSC app and elevate the overall user experience. My role in this project involved conducting semi-structured interviews to identify common pain points amongst users, design interfaces and prototype my solution, followed by testing the user flows.

The final prototype sought to revamp the app so that bike-sharing relevant information is brought to the forefront, creating a more holistic and seamless user experience with not just the app, but the bike-sharing service as a whole.

THE PRODUCT

THE PRODUCT

Here's a preview of the redesign! In the end, I was able to improve user access to key pieces of information such as the trip journey, bike availability, and docking station space.

Here's a preview of the redesign! In the end, I was able to improve user access to key pieces of information such as the trip journey, bike availability, and docking station space.

A homepage where users can access an integrated map and a favorites page. Putting everything they need within two taps.

An integrated map that allows users to find a route to their destination, complete with specific bike-sharing information.

Quick access to favourite docks and relevant information, routes, and destinations.

June 2023 (2 weeks)

Timeline

Product Designer

Role

Mobile app

Output

206% increase in user ratings

Impact

June 2023 (2 weeks)

Timeline

Product Designer

Role

Mobile app

Output

206% increase in user ratings

Impact

Background

Background

Bike Share Toronto began in 2011 with the goal of bringing a sustainable, healthy, and affordable mobility program to Toronto’s transportation network. Riders rent out a bike, bike to their destination, and dock the bike. It's a convenient and hassle-free way of getting around the city.

Since its initial launch, the bike sharing program has experienced a tremendous growth in ridership, annual memberships, and demand; however the app leaves much to be desired. With an average rating of 1.5 stars out of 5, it was clear that the app needed to be improved. During this project, my goal was to uncover how I could revamp the app to bring it up to speed with the goals of its riders.

Bike Share Toronto began in 2011 with the goal of bringing a sustainable, healthy, and affordable mobility program to Toronto’s transportation network. Riders rent out a bike, bike to their destination, and dock the bike. It's a convenient and hassle-free way of getting around the city.

Since its initial launch, the bike sharing program has experienced a tremendous growth in ridership, annual memberships, and demand; however the app leaves much to be desired. With an average rating of 1.5 stars out of 5, it was clear that the app needed to be improved. During this project, my goal was to uncover how I could revamp the app to bring it up to speed with the goals of its riders.

Discovery

Discovery

👥

The participants

I went out and interviewed 6 young adults. 3 of the participants were regular users of the bike-sharing service. 3 of the participants had never used the bike-sharing service.

I wanted to establish a general understanding of how each type of rider approaches the bike-sharing service through the mobile app.

👥

The participants

I went out and interviewed 6 young adults. 3 of the participants were regular users of the bike-sharing service. 3 of the participants had never used the bike-sharing service.

I wanted to establish a general understanding of how each type of rider approaches the bike-sharing service through the mobile app.

👥

The participants

I went out and interviewed 6 young adults. 3 of the participants were regular users of the bike-sharing service. 3 of the participants had never used the bike-sharing service.

I wanted to establish a general understanding of how each type of rider approaches the bike-sharing service through the mobile app.

👥

The participants

I went out and interviewed 6 young adults. 3 of the participants were regular users of the bike-sharing service. 3 of the participants had never used the bike-sharing service.

I wanted to establish a general understanding of how each type of rider approaches the bike-sharing service through the mobile app.

👥

The participants

I went out and interviewed 6 young adults. 3 of the participants were regular users of the bike-sharing service. 3 of the participants had never used the bike-sharing service.

I wanted to establish a general understanding of how each type of rider approaches the bike-sharing service through the mobile app.

Asking the right questions

My research was centered around understanding the current pain points that users were experiencing with the app. This involved asking questions such as:


  1. What tasks are users looking to accomplish through the app?


  2. What are some inefficiencies or gaps that they're experiencing when using the app?

Asking the right questions

My research was centered around understanding the current pain points that users were experiencing with the app. This involved asking questions such as:


  1. What tasks are users looking to accomplish through the app?


  2. What are some inefficiencies or gaps that they're experiencing when using the app?

Asking the right questions

My research was centered around understanding the current pain points that users were experiencing with the app. This involved asking questions such as:


  1. What tasks are users looking to accomplish through the app?


  2. What are some inefficiencies or gaps that they're experiencing when using the app?

Asking the right questions

My research was centered around understanding the current pain points that users were experiencing with the app. This involved asking questions such as:


  1. What tasks are users looking to accomplish through the app?


  2. What are some inefficiencies or gaps that they're experiencing when using the app?

Asking the right questions

My research was centered around understanding the current pain points that users were experiencing with the app. This involved asking questions such as:


  1. What tasks are users looking to accomplish through the app?


  2. What are some inefficiencies or gaps that they're experiencing when using the app?

RESEARCH FINDINGS

RESEARCH FINDINGS

From the user interviews, I was able to determine that there were two types of riders with the bike-sharing service.

From the user interviews, I was able to determine that there were two types of riders with the bike-sharing service.

Daily user

Daily users are riders that are familiar with the docking stations and routes. They don't require a lot from the app and only need to access relevant information before hopping on.

Issues arise when something unexpected happens. Sudden changes means having to go back into the app - which was a frustrating experience.

"The map feature is really bad. It's slow, hard to read, and hard to navigate."

Trip Planners

These are riders that aren't familiar with the route. They typically require more information about their journey.

Unfortunately, the app had absolutely no trip planning capabilities and users would have to fill in these gaps using third-party apps such as Google Maps.

"The lack of bike lane integration and map makes it unlikely for me to use the app to plan and navigate."

It was clear that riders were feeling frustrated with the app because they couldn't get the information that they needed easily. Information specifically surrounding trip route and docking station/bike availability were consistently brought up.

How Might We

help riders obtain all of the necessary biking information within the app and reduce the use of third-party apps?

Ideation

Ideation

Redesign goals

Based on the user interviews and the projected business goals, I had two guidelines in mind while designing:


  • Make the app convenient and intuitive to use.

Since the purpose of the app is very straightforward and there will constantly be a steady stream of new users, I didn't want the design to be too convoluted or hard to use.


  • Keep the solutions simple but focused.

Given the scope of the project, I didn't want to make any crazy changes, but I wanted to ensure that my solutions aligned directly with the user needs and the business goals.

Redesign goals

Based on the user interviews and the projected business goals, I had two guidelines in mind while designing:


  • Make the app convenient and intuitive to use.

Since the purpose of the app is very straightforward and there will constantly be a steady stream of new users, I didn't want the design to be too convoluted or hard to use.


  • Keep the solutions simple but focused.

Given the scope of the project, I didn't want to make any crazy changes, but I wanted to ensure that my solutions aligned directly with the user needs and the business goals.

Redesign goals

Based on the user interviews and the projected business goals, I had two guidelines in mind while designing:


  • Make the app convenient and intuitive to use.

Since the purpose of the app is very straightforward and there will constantly be a steady stream of new users, I didn't want the design to be too convoluted or hard to use.


  • Keep the solutions simple but focused.

Given the scope of the project, I didn't want to make any crazy changes, but I wanted to ensure that my solutions aligned directly with the user needs and the business goals.

Redesign goals

Based on the user interviews and the projected business goals, I had two guidelines in mind while designing:


  • Make the app convenient and intuitive to use.

Since the purpose of the app is very straightforward and there will constantly be a steady stream of new users, I didn't want the design to be too convoluted or hard to use.


  • Keep the solutions simple but focused.

Given the scope of the project, I didn't want to make any crazy changes, but I wanted to ensure that my solutions aligned directly with the user needs and the business goals.

Redesign goals

Based on the user interviews and the projected business goals, I had two guidelines in mind while designing:


  • Make the app convenient and intuitive to use.

Since the purpose of the app is very straightforward and there will constantly be a steady stream of new users, I didn't want the design to be too convoluted or hard to use.


  • Keep the solutions simple but focused.

Given the scope of the project, I didn't want to make any crazy changes, but I wanted to ensure that my solutions aligned directly with the user needs and the business goals.

NEW FEATURES

NEW FEATURES

My proposed solutions included a new integrated map into the app, and a dedicated favorites page for users to quickly access saved routes, destinations, and docks.

I chose to integrate my features into the existing screens to minimize the learning required with these new additions and take advantage of the existing design system. This ensured that these new features would be a new and surprising experience for existing users, while still maintaining its familiarity since I would be operating within the same design system.

My proposed solutions included a new integrated map into the app, and a dedicated favorites page for users to quickly access saved routes, destinations, and docks.

I chose to integrate my features into the existing screens to minimize the learning required with these new additions and take advantage of the existing design system. This ensured that these new features would be a new and surprising experience for existing users, while still maintaining its familiarity since I would be operating within the same design system.

SKETCHING IT OUT

SKETCHING IT OUT

I sketched out my vision for the new map. I designed several iterations of the key navigation screen and consulted other common navigational app interactions to optimize my map.

I sketched out my vision for the new map. I designed several iterations of the key navigation screen and consulted other common navigational app interactions to optimize my map.

Testing & Iteration

Testing & Iteration

🧪

Making sure it works

During the usability testing, I asked participants to complete two tasks. The first was to go through the process of finding and using the map; the second was to find the favorites page.

🧪

Making sure it works

During the usability testing, I asked participants to complete two tasks. The first was to go through the process of finding and using the map; the second was to find the favorites page.

🧪

Making sure it works

During the usability testing, I asked participants to complete two tasks. The first was to go through the process of finding and using the map; the second was to find the favorites page.

🧪

Making sure it works

During the usability testing, I asked participants to complete two tasks. The first was to go through the process of finding and using the map; the second was to find the favorites page.

🧪

Making sure it works

During the usability testing, I asked participants to complete two tasks. The first was to go through the process of finding and using the map; the second was to find the favorites page.

0

The usability test only showed one pain point.

Users had trouble recognizing that there were two different options to choose from in the top box on the map.

The usability test only showed one pain point.

Users had trouble recognizing that there were two different options to choose from in the top box on the map.

  • Before

  • After

Final Designs

Final Designs

By giving users easy access to all the information that they would need surrounding their bike-sharing journey, I was able to keep riders on the app and reduce the need for third-party apps.

The designs seamlessly integrated into the existing UI, making it a seamless integration for both riders and the app.

THE MAP

THE MAP

Here's a more detailed breakdown of the screens.

Before

Slow, clunky, inconvenient to use.

No trip planning capabilities.

After

Search button now goes to a live map

Bike-specific information readily displayed

For users who are uncomfortable biking outside of bike lanes, they can select a preference they are more comfortable with.

Only bike-sharing relevant information is displayed.

For users who are uncomfortable biking outside of bike lanes, they can select a preference they are more comfortable with.

Integrated map: a handy tool to allow users to plan out the route to a destination.

FAVORITES PAGE

FAVORITES PAGE

Here's a more detailed breakdown of the screens.

Before

Difficult to find

No trip planning capabilities.

After

Easy to find

Multiple save possibilities

Tabs give users more save options.

Favorites icon on home screen now directly leads to favorites page.

Versatile search bar capable of looking up routes, docks, and destinations.

Favorites: quick access for users to find their saved routes, destinations, and docking stations.

IMPACT

One of the metrics evaluated during the usability testing was user satisfaction in the form of a rating system similar to what would be found on the App Store or Google Play. After each test, participants were asked to rate the new version of the application out of 5 stars

The new average user rating increased from 1.5/5 stars to 4.6/5 stars, an increase of almost 206%!

Users loved the new integrated map and commented on how easy and familiar it felt to use the new search feature. It made the whole experience feel more holistic and seamless compared to the clunky navigation features from before. It was rewarding to see the potential positive impact that these new features would have on users as well as the business!

Reflection

Reflection

Final thoughts

This project pushed me to look beyond basic functionality. In order to elevate the user experience it was critical for me to explore beyond basic user needs, and look at what users were already using to enhance their bike-sharing experience.

I also got to experience designing within an existing design system with this project. I had the opportunity to ask myself what I wanted to add to the app and the UI rather than what I would be redesigning. What I discovered was that using existing user patterns and familiar iconography can all help to elevate small changes and minimize the amount of learning for users.

©2023 Joanna Lau

©2023 Joanna Lau

©2023 Joanna Lau

©2023 Joanna Lau

©2023 Joanna Lau