Case study on the user flow of creating an alarm type to be used in emergency and practice situations.

For Navigate360’s Emergency Management application we:
1. Redesigned the alarm creation process to include more features so administrators could create alarms specific to the alarm needs.
2. Updated the flow of activating an alarm to reduce the cognitive load for the alarm activator.
At Navigate360, Emergency Management is an app that helps users prepare and respond to emergency situations.
For this project, we were to update the alarm creation flow to provide more features for the alarm types based on the emergency event needs.
Role: UX/UI designer, UX researcher, User workshop facilitator
Tools: Figma
Team: Product manager, Business Analyst, Director of UX, one UX/UI Designer
Timeline: 3 months (October 2023 - January 2024)
***The timeline of three months was a major constraint during this process.
The existing alarm creation process in Emergency Management was too simple and didn’t provide the ability to customize the alarm based on the emergency needs.

-They create the alarm types
-Can activate alarms
-Oversee emergencies
-Can activate alarms
-Participate in reacting to alarms based on needs
During this process, we did market research analyzing our main competitors' EMS features they provide that differ than what we currently provide. We also conducted surveys on the current state of our app on what could be improved.
We started off with low-fidelity wireframes, tested and iterated via focus groups, and then came to high-level designs using our design system.
A distinguishing feature that our two main competitors (Raptor and CrisisGo) had that we didn’t was the "local emergency" feature.

Feature:
The critical emergencies are prominent and then the Team Assist is a separate section.


Feature:
The critical emergencies are on the landing screen and the secondary emergencies are in a separate tab.



Like how customizable the event types are with a lot of features.
The difference between “Alarm” and “Alert” doesn’t resonate easily with testers.
The idea was to categorize the incidents into two levels of concern, but the words “alarm” and “alert” didn’t automatically have high/low associations for importance.



Mobile



Testers like how easy it is to activate an incident on mobile.
Don’t like having the two categories of incidents whether it be 1st/2nd priority or emergency/staff assist.





We tested, validated, and designed for these new features in alarm creation that were descoped:
-Notify specific people
-Send a specific message to specific people
-Not notify an entire school
-Multiple alarms showing at once on home
-Ability to preview how the alarm activation flow would look to the end user (as admin or staff)
-Ability to preview how the order of alarms would look to the end user when they went to activate

Selecting the “alarm bell” icon makes the alarm a priority alarm and determines the placement and button size on web and mobile.

Alarm creation wizard to customize alarms based on needs.

List of alarms to select to activate on web. Priority alarms are at the top of the list with larger buttons.


List of alarms to select to activate on mobile. The hierarchy is reversed to take into account thumb reachability on mobile.
Exploring multiple design options and iterating based on feedback leads to better outcomes.
You can’t always build and implement everything that tests well and has been fully designed.
Your competitors aren’t always better/right.