Safe Path

Project Summary

Duration

December 2021

My Role

UX designer, UX researcher

Responsibilities

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

Tools

Figma Icon
Figma
Miro Icon
Miro
Maze Icon
Maze
Illustrator
Photoshop Icon
Photoshop
Google Form icon
Google Forms

What is Safe Path?

Safe Path is a mobile app for pedestrians to feel physically safe to travel to their destination by reducing and avoiding street harassment. It focuses on building a safe community for its users to provide recovery support and nearby help to potential encounters.

Safe Path app overview, 3 different screens

Problems

A confrontation on the streets can unexpectedly escalate into a dangerous situation instantaneously at any point. Many of these cases go unreported because victims are often unprepared. Specifically, people often:

1. Feel unsafe walking by themselves at night
2. Don’t have the tools to protect themselves
3. Don’t know how to react during a confrontation or who to reach for help
4. Don't have a way to recover from a traumatizing experience

Solutions

A Safer Route

Safe Path recommends safer routes based on foot traffic, street visibility and reported incidents.

Building a community

Safety is everyone’s responsibility. Together, we can help reduce and eliminate street harassment. Building a safe community of verified users that will support and help each other.

Nearby Help

Knowing that help is always within reach, users can have peace of mind while traveling to their destination. The app offer additional protective measures to prevent an incident from escalating to a dangerous situation by connecting you with community members within your proximity.

UX Metrics

After conducting multiple user tests with different sets of users for each round, I found that the overall usability of the app improved dramatically. I computed the average task success rate, average time on task, and average recommendation rate.

UX Metric icon for the number of people that were able to complete the core tasks
80%
of the users were able to complete the core tasks.
UX Metric icon for time saved per task
22 secsReduction in average time taken in completing the core tasks.
UX Metric icon for participants that would share the app with tohers
60%of the users would share the app with their families and friends.

Product Showcase

Call for Help

In Emergency Mode, you can click "Call for Help" button at any point you feel you are in an uncomfortable situation. This will send a signal and notify all nearby Safe Path community members on your help request. Your coordinates and the Safe Path helper will be exchanged and you will be connected through a video call. This gives you the assurance that help is around the corner.

Keep track of your loved ones

“My circle” consists of people that you want to keep track of their real-time location to ensure their safety and wellbeing.

Report an Incident

Reporting an incident helps alert other users of any situation that happens on the streets. It also helps improve the recommendations of safer routes for other users.

Support Forum

Dealing with the aftermath can be challenging. To some people, sharing your experience can be difficult. Safe Path includes a moderated forum for post-trauma support and encouragement. You have the option to remain anonymous.

Show the full process

Define & Discover

Understanding the user

Research Methods

Survey

84 participants, based in Toronto
50% Females, 48% Male, 2% Trans
50% of the participants were between the age of 25-34, 29% between the age of 18-24.

Interviews

I interviewed 5 women between the age of 20-and 35, focusing on asking neutral and open-ended questions for qualitative responses. A few of the interview questions that were asked:

  • What do you do when you encounter an uncomfortable situation with a stranger?
  • In case of emergencies, what do you do if your emergency contacts are not reachable?

Key Findings

  • People avoid traveling alone at night and that they do not carry any form of protective measure.
  • The presence of a companion not only provides emotional reassurance but also physical reassurance as they can intervene to scare off an offender.
  • The feedback also made it very clear that people feel like there is no time to react when an incident happens.

Surveys

The survey provided quantitative data on the extent and reach of the problem. Before conducting the survey, it was important to recognize and avoid any biases that can affect the results. Street safety can vary depending on the location that the participant is from, to keep consistency I focused on Toronto. Despite being regarded as one of the safest cities in the world, it was interesting to see that the majority of the female participants and members of the LGBT communities did not feel safe traveling at night. A majority of the participants had experienced some form of street harassment. A surprisingly 24% of those participants experienced life-threatening harassment.

Survey result of safe path
Safe Path persona of a student that wants to go home safe
Safe Path persona of a flight attendant that loves to explore, but sometimes faces racism due to her skin color
Safe Path persona of a parent that is concern and worried about his daughters

Who am I designing for?

Using the information gained from the research, I was able to create personas that represent the key target segment that I'm designing for.

What's out there?

Now that I had a better mental model of the user's goals and pain points, I looked into currently existing solutions available to the users. An audit of a few direct and indirect competitor’s products provided direction on gaps and opportunities that the Safe Path App can address.

Most safety apps available in the market were focused on sexual harassments. While sexual harassment is a large component of street harassment, it neglected other forms of harassment such as attacks motivated by racism, hate, homophobia, transphobia and etc. In addition, most safety apps had a feature of sending SOS/emergency to trusted friends or families. However, for this feature to be effective; it requires the contacted individual to be available to pick up the SOS request and be nearby to provide help.

Competitive analysis of RAINN.
Indirect Competitor.
Positive: 
Reading articles, 24/7 hotline, self-care exercises, mood tracker.
Negative - focuses only on post trauma, long waiting time for online chat, focused only on US residents
Competitive analysis of Life360.
Indirect Competitor.
Positive: 
Tracking of your families and friends, sending SOS requests,
car crash detection and speed, and check in spots
Negative - emergency contact might not always be available or nearby and require subscription for key feature
Competitive analysis of Hollaback.
Direct Competitor.
Positive: 
Offers self-defenses lesson, educational articles, app shows reported incidents
Negative - most incidents are old - years ago, low contrast and low readability, difficult navigation, app has limited features
Competitive analysis of bSafe.
Direct Competitor.
Positive:  Tracking whereabout, fake call, livestream current situation, alarm activation by voice
Negative: sending SOS requires subscription, Alarm can be triggered by accident, help might not be nearby
Feature Analysis of competitors

Ideation


Based on my research findings, I knew I had to come up with a convenient solution that provided peace of mind and comfort while traveling. In addition, I wanted to provide additional value in reducing stress or anxiety for those who have experienced an unfortunate encounter.

Prevention

  • Education / self defense lessons
  • Carry a protective weapon
  • Taking a safer route
  • Alerting others where are you going
  • Alert Proximity Notification

Reactive

  • Alerting your families and friends
  • Fake phone call
  • Getting help from someone nearby
  • Video calling / Live streraming

Post Trauma

  • Talking and sharing
  • Reading resources
  • Meditation
  • Live call
  • Therapy
  • Support forums

User Flow

This diagram depicts an overview of each stage and path that the users can take to accomplish the core of getting home safe.

Scenario Example - Storyboard

I drew a storyboard to visualize a scenario of how the Safe Path app could be used by the users.

Storyboard Image - night time university

Amanda is heading home after she finished her last evening class. She is new to the city and she is worried about traveling at night.

Storyboard Image - image of opening the Safe Pathapp

She remembers an app named Safe Path, which suggests a safer route for her.

Storyboard Image - an image of encountering a drunk person

Despite taking a safer route, she still ends up encountering a drunk person.

Storyboard Image - being followed by a drunk

Amanda notices the drunk person is following her.

Storyboard Image - calling for help button

Taking precautious, she activates Emergency mode to notify her dad and clicks on the “Call for Help” button.

Storyboard Image - coordinates and video exchange

The app sends the help request to verified community members near her location. A helper, Tom, accepts her request. Tom and Sarah connect through a video call and map coordinate exchange.

Storyboard Image - meeting with the helper

Amanda and Tom are within short proximity so they agree to meet. The presence of another individual scare off the drunk individual away.

Storyboard Image - getting home

Now safe, she continues her route and gets home.

Storyboard Image - reporting the incident

She reports the incidents to warn other community members about the incident and location.

Storyboard Image - a forum for support

Still shaken up by what happened, she goes to the Safe Path forum to share her experience and receive support.

Low-Medium Fidelity Design

Sketches for safe path app

Paper Sketches

With an idea selected, I started with paper and pencil to quickly draw out the wireframes for the app.

Digital Wireframes

After drafting some paper wireframes, I transferred the initial designs into digital wireframes. These designs focused on creating a personalized safer path to users to travel to their destination.

Low fidelity image of the first screen of emergency mode, notifying all your circle membersLow fidelity image of a video call connecting users with a nearby community helper in case of emergency
Low fidelity image of the forum, listing categories first and then trending postsLow fidelity image of Safe Path recommending a safe route, with travel details such as distance and km
Low fidelity image of the safe path report actionLow fidelity image of the emergency mode countdown to activate. Participants often mistook the countdown as deactivation
A lowfi image of the report section, uploading supporting documentsAn image of the report screen, only asking for location

Validation & Iteration

Affinity Diagram for Safe Path

Usability Studies

I conducted 5 sets of usability studies on the low-fi prototype. Testing on the low-fi prototype allowed me to focus on functionality of the design while avoiding any distractions such as color and design elements. The usability studies were conducted remotely and were unmoderated.

Key findings & Changes

I extracted all the data from the usability studies into an affinity diagram to allow me to find common themes and patterns from the participants. Turning these observations into insights allowed to discover some key findings:

Emergency Countdown Confusion

Based on the insights from the usability studies, users can misinterpret the countdown as entering a safety pin to activate instead of cancel. To avoid confusion, I redesigned the activation method with a more intuitive way to enter emergency mode.
An image of a different method to enter emergency mode. The countdown has been replaced to a swiping method for activation. Low fidelity image of the emergency mode countdown to activate. Participants often mistook the countdown as deactivation

Before

After

Difficulty locating the nearest incidents

Participants found navigating and searching around the map to find reported incidents as a frustrating and time consuming experience. An “Incident” button was included in the iterated design to help users accomplish this task more efficiently.
An image of an incident button being included to the design.Low fidelity image of the location. Only showing route and emergency mode as option

Before

After

User wants to report past incidents

Users brought to my attention that victims might not report an incident immediately. Changes were made to allow users to report past events.
An image of the report screen, only asking for location

Before

After

High Fidelity Design

Design System

I created Safe Path design system to keep consistency in the usage of the company’s branding, colors, typography, grid usage, UI components, and elements.

Image of Safe Park design system
A high fidelity  image of  Safe App suggesting a safer router to your destination, while avoiding areas with a recent reported incident.A high fidelity  image of  a video call with helper
A high fidelity  image of emergency mode being activated, and notifying your circle membersAn  image of the report page
An image of the Safe Path  location screen, showing nearest incidentsA high fidelity  image of the report section, asking for any supporting files or documents
A high  fidelity image of creating a forum threadA high  fidelity image of a forum post

Reflection

What I learned

One crucial lesson I learned was the importance of doing user testing on diverse users with different devices. In my original low-fi prototype, I designed for Iphone X mini and tested it out multiple times. However, upon doing the actual user test, one of the participants had an older android screen and discovered a technical error in the low-fi prototype.

I learned that even though the problem I was trying to solve was a big one, diligently going through each step of the design process and aligning with specific user needs helped me come up with solutions that were both feasible and useful.

Next Step

Conduct research on how successful the app is in reaching the goal of reducing and ultimately eliminating street harassment

Add more educational resources for users to learn about street harassment.

Provide incentives and rewards to encourage community members to participate in help requests.