SafeU

Connecting You to Safety

Introduction

People working out at the beach need a way to ask for help when they are in danger or have suffered a serious injury because as of now they can only rely on people around them to provide a helping hand. Collaborating with San Diego Lifeguard Service,  this project designed a new "lifeguard" system based on what we have now throughout extensive user researches. Click here to view the slide deck.

Problem

When people workout outside, there are many potential problems. Since it is outdoor, weather, temperature or other natural factors are uncontrolled and unpredictable. For workout at the beach, rip current, marine life, rocks, and shells in the sand can all cause serious injury. How to make people who work outdoor on the beach be safe and feel safer ?

Solution

SafeU is an interactive and cross-platform rescue system designed to build direct and synchronous communication between lifeguards and beachgoers. 

Screen Shot 2019-01-03 at 16.26.17.png

Team

Tamar Esserman

Akanksha Kevalramani

Yahav Erlich

Christina Mak

Scope

User Research 

UX/UI Design

Tool

Paper and pen

Post-its

Figma

Invision

My Role & Contribution

UX researcher - conducted online and field studies, interviews to gather user insights

UX designer - created storyboards and moodboard, prototyped and designed the core functionalities

UI designer - created mockups, design specs and user interface of the app

User Research 

We did our user research for two parts, first one is online research. We wanted to know if safety is really a problem. The second part of user research was going to the field and asked different stakeholder questions. Our first stakeholder is the lifeguard, ranger and other safety staffs. Our second stakeholder is the people who workout at the beach.

Online Research 

Statistics of California 2017:

  • Rescues 58,577​

  • Preventative Actions 4,564,800

  • Medical Aids 288,340

  • Drowning Deaths 60

  • SAN DIEGO annual rescues about 5,000

Interviews and Observations
  • After an injury, the first instinct is to call 911

  • People are not familiar with ocean and rip currents

  • People really can't get reach to lifeguards if they are far away from the lifeguard tower

  • Rely on people around you to save you come

Personas

Group.png
Group 2.png

Storyboards

We considered having a body-sensing device that detects the user’s heart rate, blood pressure, to determine if the user is in danger or get injured in the ocean or on the beach. Then notifies the lifeguard and other users nearby. This process could largely decrease the time need for people to get help from a professional staff and increase the possibility to get immediate help from others.  Click here to view more storyboards. 

Scannable Document on 25 Feb 2018 at 13_
Scannable Document on 25 Feb 2018 at 13_

Moodboard & Design Specification

The main color of our moodboard is turquoise. We wanted people to feel safe and relax. So we thought about greenish color and also a soft sandy color that is the color of the beach. We extracted the colors from the moodboard and used for the design of the screens. So the primary color of our app is turquoise, orange and sandy colors. We also have different color compositions for the screens of the bodying-sensing device depends on what information showed up on the screen. View the full design specification here.

Screen Shot 2019-01-13 at 11.51.52.png
Colors (A4) (1).png
Component Specs (A4).png
Logo (A4).png
Typography (A4).png

Physical Prototype

The watch we design to implement out app will be very similar to the smartwatch on the market right now. It has a screen that can show basic exercise data like distance and duration. It also has a body sensor that can detect the basic body data like heart rate and blood pressure which can be used for exercise data and more importantly used for the alerting system we design. The biggest difference here is that our watch has lights on the strap and the side of the screen. Lights can help others including lifeguards to find the person who wears this device that needs help easily. Another design of this watch is the button on the side. This is the trigger to call the help, we decided that users need to pull the button to call help which prevents false alarm since it is harder to pull than push. And if you push back the button you can cancel the alert. Moreover, this watch also allows you to make a phone call with the lifeguard.

Screen Shot 2019-01-13 at 11.58.55.png

Screen Mockups & Functionalities

Wireframes
safeu wireframes.png
Main Screens

Normally, the watch displays the current time, a stopwatch, and a distance tracker. The user can swipe the screen to see their heart rate and blood pressure. For the app, it is only used by lifeguards. The SafeU splash screen appears when first opening the app. The home page displays the location of people wearing the watch. People who have indicated themselves as special care are shown in yellow. The user navigates the different functions of the app using the hamburger menu.

Main Screen white.png
Editing Danger Zone
Danger Zone.png

Lifeguards can set the danger zones by adding points on the map to draw the danger zone boundaries. Since the dangerous area is always changing according to weather everyday, it is better to have a way to let people on the beach know where is dangerous. Accordingly, people wearing the watch will see a warning on their watch if they are in or close to a danger zone.

Alerting

The main feature of this app is a new way of alerting safety guard. So an alert from the person who wears the watch triggers a push notification on the lifeguard’s phone. Then the lifeguard can view the person’s information, call the person, and accept the request. Accordingly, the watch user will see the alert was sent and can call the lifeguard. Moreover, other watch users who are nearby will also be alerted and be shown the direction of where the person who need help is located. The person in need of help can see when a lifeguard has accepted their request for help. This provides watch users feedback about their requesting and also increase the possibility to be helped in a short time.  

Alerting.png
Resolving Incidents

After the lifeguard accepts a request, they can navigate themselves to the location of the person and either resolve it or unaccept it to let another lifeguard take care of it. After resolving an incident, the lifeguard can write a report to describe the incident. This can help with the data collecting and other statistic summaries.

Incident.png

Prototype Testing

Normally, the watch displays the current time, a stopwatch, and a distance tracker. The user can swipe the screen to see their heart rate and blood pressure. For the app, it is only used by lifeguards. The SafeU splash screen appears when first opening the app. The home page displays the location of people wearing the watch. People who have indicated themselves as special care are shown in yellow. The user navigates the different functions of the app using the hamburger menu.

Screen Shot 2019-01-03 at 16.26.17.png

They liked about the heart rate information that helps determine urgency.  They can easily  fill in incident report and have they ability to set and easily update danger zones. They said this was an all-in-one place tool that could really help with communication. But they also concerned about legitimate problems since lifeguard reports typically need to be signed by helped person for legal reasons and it might need to integrate 911, lifeguard dispatch, emergency paramedics. 

These were some design considerations we summarized: 

 

  • Make the edit danger zone a very clear process

  • Integrate this design with other areas, not just the beach. How would it look like for rescuing someone on the cliffs?

  • Add in other notifications for people, such as if they’re entering a swim zone or a surf zone.

  • Have a section to update information about water temp, tides, etc. that people often ask lifeguards

  • Make the boundaries of danger areas rely on other information not just on the lifeguard's knowledge- do more research on this.

  • Clarify each step of the rescuing process, what is happening at each step and what they are trying to fulfill.

Final Poster

SafeU poster (1).jpg

Takeaways

01: Explore the new area. 

This was a class project and the topic was healthcare. Since we were in San Diego, going to beach was a big part of our culture. Moreover, there was little done in healthcare speciifc about beach. So we thought it was a good opportunity to explore this new area and we started our user research just from being on beach and observed people. 

 

02: Always go back to your initial interviewees and test your designs

People got excited about knowing how far you had been and would like to share more about their thoughts and understanding.