Guardian
A university emergency response app for
you and your friends to keep safe
Background
Numerous man-made emergencies such as robbery, bullying, and sexual harassment continue to occur during college. However, university students tend to be unprepared and struggle to take action when they face emergencies. During these stressful circumstances, students need imminent support - both instrumental and emotional. Guardian is a university emergency response app that will help students throughout all stages of an emergency.
Role Concept, Research, Visual Design, Interactions
Team (Research) Irene Yu, Wendy Chang
Duration 3 weeks (team) + 2 weeks (personal)
Tool Figma, Photoshop
Our Process
NOVEMBER 19, 2019. IT WAS A NORMAL TUESDAY MORNING.
Like any other day, I went for my laptop in the living room as soon as I woke up. But it was gone - STOLEN! From my own dorm living room! 😱I panicked, frantically looked around the whole dorm, not knowing what to do. I was stressed and my head went blank. Then I thought, why isn’t there a system for emergency response?
*Research done as a teamwork ——
Research
SECONDARY RESEARCH & COMPETITIVE ANALYSIS
There apparently was one, except I just didn’t know about it. Our team, thus decided to look into emergency response (ER). We began our research from online secondary sources and a competitive analysis of the current ER at universities. We found that most of the current system lacks information hierarchy resulting in difficult navigation and information search. The system also only generated very simple and unsympathetic notifications through email.
INTERVIEWS
As university students ourselves, we further readily executed semi-structured interviews with our stakeholders including students and campus police. Unsurprisingly, 9 out of 10 students that we spoke to did not know about the emergency response website, and 10 out of 10 students responded that calling the police is the only way of emergency response that they knew of.
USER JOURNEY MAPS & PERSONAS
One of the important components that we also found was that there seemed to be no emotional support for the students from the current emergency response systems. Although emergencies are very stressful situations, as highlighted in the student journey map, follow-ups were very formal and impassive.
The personas that we identified for each of our stakeholders [student, CMU PD, and university chief risk officer] also indicated that students were not trained about preventative measures.
Insights
Our research yielded 3 main insights that guided our design decisions.
Ideation
USER TESTING WITH STORYBOARDS
To understand what solution would be optimal for students, we conducted speed-dating sessions of 6 different scenarios with 5 university students. We tackled problems such as optimism bias or lack of access to follow-ups. Students specifically pointed out that they prefer getting emotional support from real people (i.e. family and friends) more than anything.
Many also mentioned that walking alone late at night was scary, and that between friends, it was very common for them to share locations on the iPhone’s Find My Friends app. I myself, actually use this feature.
Find My Friends, a mobile phone tracking app developed by Apple
*From here, personal work ——
Design
SITE MAP
I decided that the app needs to provide different levels of responses for all stages of an emergency: crucial (during an emergency), secondary (before an emergency; preventative), and follow-up (after an emergency).
DESIGN SYSTEM
I specifically used the Homeland Security Advisory System’s color code for risk levels. It is crucial that the users understand the severity of risks intuitively, and this was possible through the use of colors.
Guardian
A university ER app that gives instrumental and emotional support during all stages of an emergency.Effective Onboarding
During the onboarding process, students can sign up with their school account. This allows the user to be more involved as a community as well as have easier access to the services provided by the school. A short tutorial of how to use the app is also provided.
View and Report Crime Alerts
A heat map distributes the severity of risks through colors. This can be done through crowdsourcing and data collection of past crime locations. Users will be immediately notified of the specifics through crime alerts, easily accessible at the top of the screen.
Users are also allowed to report incidents when they see suspicious activity, which the police will quickly review. Calling 911 is also an immediate action item users can reach.
Take Action with the Safety Kit
Users can swipe left to access the safety kit, which allows them to easily search up actions to take after an emergency occurs.
Walk Safely with a Chaperone
Let’s say you are in the “severe risk” zone. If you feel unsafe, you can quickly call a chaperone to walk with (service provided by school which students are mostly unaware about!).
Share with your Friends
Within Guardian, I incorporated a social aspect so that users can get emotional support from a selected group of real people as well as to simply increase the awareness of the ER system among university students. Users can send friend requests, share locations, call, and see each others’ safety status.
ON A WEARABLE:
Quick Alert & Contact
I also designed for a smartwatch, which would allow users to quickly receive crime alerts and contact friends on Guardian.
Evaluation
THINK-ALOUD PROTOCOLS
To ensure that the app is understandable and easily usable, I conducted think-aloud protocols with 3 university students. Feedback consisted of:
1. The interactions and colors were intuitive so that the user could easily take action during an emergency
2. The social aspect (i.e.sharing location) would bring the students to use the app
3. It could be used for not only university students but a wider audience.
Speed-dating with storyboards
Think-Aloud for user testing
Concluding Thoughts
Guardian was a project that I enjoyed working on because I could relate to the problem a lot. I personally think that with Guardian, I could have taken actions much more calmly when my laptop went missing 😂.
Because the app had to be very intuitive, I explored and focused specifically on interaction design, which was very interesting. Micro-interactions could have a big impact on how the users perceive. The most exciting part of the project was thinking of ways to leverage the power of in-person social influence to prompt users to engage in preventative safety measures actively. I’d love to work on future projects that also work to utilize the power of social inclusion.