Personalized Transit Alerts

Enhancing the experience to sign-up and receive relevant alerts

CASE STUDY • 6 min read

Employer


Client


Timeline

Nov 2021 - Apr 2022 (5 months)


Deliverables

Final mockups, design guidelines


How I helped

  • Led and oversaw the UX/UI design
  • Information architecture
  • User flows and journeys
  • Wireframes, mockups & prototyping
  • Usability testing
  • Design guidelines
  • Visual design of emails

Results

  • Increased usage of alerts and sign-ups
  • Increased customer satisfaction in the improved alerts experience



Context: Disruptions in your transit trip


Imagine that you’re waking up on a Monday morning, but then you remember that nothing is the norm today. You injured your ankle over the weekend, and now it takes twice the amount of time to stumble around in crutches. To make things worse, you have a one hour commute to downtown for an important meeting.

Checking Google Maps for different routes, you decide on one that is familiar - catching the bus to a SkyTrain station, and then taking the Expo Line. However, the bus arrives ten minutes later than scheduled, and when you finally make it to the station, you see a sign that says the escalators are out of service.

I need to hobble up the stairs with my crutches?!

After finally getting on to the platform, you relax a bit, but then you hear a blaring announcement: “We are experiencing a system-wide issue on the Expo Line. Please find other routes to get to your destination today.”

Oh my goodness. Could I have been alerted of all these issues beforehand?!

The crowd on the platform begins to stir, but all you do is freeze. You don’t know what to do next.

A crowd waiting on the platform at a station


Working with TransLink to empower riders to stay informed through relevant alerts

In late 2021, TransLink collaborated with our agency to improve the experience of riders subscribing to transit alerts. Besides reviewing the current state and making recommendations to improve the overall user experience, the key objective of this project was to also enable riders to personalize when and what type of alerts they wanted to receive notifications for. This included being able to subscribe to specific SkyTrain lines and bus routes, station access updates, and system-wide announcements.



Understanding the current state experience

We conducted a thorough audit of the online platform, focusing on the overarching journey as well as the detailed interactions of the design components. From our analysis, we identified pain points and discovered four areas of focus:

  • Initial set-up of alerts
  • Personalization of alerts
  • Connection to trip planner & active alerts
  • Visual design of the alert email notification
Two screenshots from the existing process to sign up for alerts

Screenshots from the current process of signing up for alerts



Learning from other transit agencies

To complement our audit of TransLink’s platform, we conducted a competitive analysis of four other transit agencies and their process of allowing riders to subscribe to transit alerts. We pinpointed moments of delight in their experiences that we could learn from and see how to apply in TransLink’s context, as well as any points of friction that we should do our best to minimize and avoid.

A page from the competitive analysis report that shows screenshots of active alerts

An excerpt from the competitive analysis report



Considering the diverse range of riders and their needs

Based on our understanding of rider behaviours and accessibility needs, we created three core personas: Routine Commuter, Weekend Traveller / Rare Rider, and Accessibility Rider. These personas were used to introduce the ‘Rider Journey,’ which demonstrates a holistic approach in understanding how different personas may be more conscious of alerts at different points along the journey.

A visual showing four different simplified journeys

Visualization of the impact of alerts for the different personas



As TransLink serves the entire Greater Vancouver region, it was critical to address the diverse needs of the population from an accessibility perspective. We applied the Persona Spectrum, an inclusive design framework, in this context to keep in mind the permanent, temporary and situational circumstances that may affect a rider’s ability to take transit.

Persona spectrum that shows the permanent, temporary and situational states for touch, sight, hearing and speaking.

Applying the Persona Spectrum in the context of taking transit



Exploring different user flows and designs

We created wireframes to explore different user flows and design options that were informed by the insights we had gathered from the audit and competitive analysis. An important aspect of the experience that we iterated on was providing multiple ways for users to search for the alerts they wanted to sign-up for, as users have different mental models of the transit system. We also recognized the need to engage with end users to ensure that the new design was of value to them.

Two desktop and three mobile wireframes

Early wireframes of the new design



Getting valuable feedback through prototyping

Therefore, we recruited 13 participants through TransLink’s customer feedback group and conducted remote user testing with an interactive prototype through Zoom. The session consisted of task-based instructions and scenario-based questions to test the flow and ease of use of the newly designed experience.

Screenshot of a Zoom interview

Screenshot of one of the Zoom interviews



We reviewed and analyzed the insights, which led to actionable design tasks and recommendations. A key insight was how in the initial designs, the flow was very linear and every user had to go through all the options available. However, the feedback we received from participants was that they expected the sign-up experience to be personalized based on the type of alerts they wanted to subscribe to, and that they shouldn’t be forced through every step. This led to our final design iteration of a more streamlined, dynamic, tailored experience based on the user’s preferences.

Two user flow diagrams - a flow before user testing, and a new flow after conducting user testing.

Designing a more streamlined experience after receiving feedback from user testing



Final designs informed by customer insights

Based on the insights from user testing, we introduced changes to the user flow and design, and created high-fidelity mockups to show the final user experience. Moreover, we recommended new or improved design components based on best practices in UX and accessibility. This was all documented in the detailed Design Guidelines document that we created for TransLink’s development team to reference.

Two final mockups for desktop

Final desktop mockups

Three final mockups for mobile

Final mobile mockups

Three pages from the Design Guidelines document

Excerpts from the Design Guidelines document



The outcome: Increased usage and customer satisfaction

We were notified by the TransLink project team that they implemented and launched phase 1 of the new designs in fall 2022. It was so amazing to be able to login to the platform and see the new designs implemented, and to hear that riders were delighted to be able to personalize their alerts - which led to an increase in customers signing up to receive alerts.



Lessons learned: Speaking to the value of user testing

I learned from observing my colleague that advocating for usability testing is not about delivering an articulate, direct, one-time message to the client. An effective approach is to continually ask ‘why’ throughout the project, as these questions enable the client project team to see where there may be gaps in our collective understanding of what brings value to users. This leads to opening up channels for further context building through targeted research and user engagement, and ultimately demonstrates how the success of a product is directly correlated to designs being informed by customer insights.



Check out the platform

Create an account and go through the experience of signing up for transit alerts on TransLink’s platform!

A woman using a laptop to manage her alert preferences on TransLink's platform

Photo by Campaign Creators on Unsplash





Up Next