top of page
9.png

Aid

UX/UI Design

Connecting volunteer fırst responders with people in need of emergency help.

Our app provides a streamlined process in which people can report incidents through their smartphones and get the required help from volunteers. Streamlined communication is vital in emergency situations.

Tool

Figma, InVision Studio, Photoshop, Illustrator, After Effects

Team

Yuling Zhang, Rachel Wong, Jessica Dou, Samantha Crawford

My Role

UI Design Lead

UX Designer

01.png
RPReplay_Final1592348957-2.gif
01.png
RPReplay_Final1592348957.gif
01.png
RPReplay_Final1592349002.gif
Screen Shot 2020-06-16 at 2.58.04 PM.png

The

Process

PACT Analysis / Benchmark Analysis / Introduction / MoSCoW (Must, Should, Could, Would) Analysis

Phrase 1

Screen Shot 2020-06-16 at 3.00.33 PM.png

System Map /  Scenarios / Conclusion

Phrase 1

Screen Shot 2020-06-22 at 4.03.44 PM.png

DECIDE Framework 

User Test

Screen Shot 2020-06-22 at 4.05.39 PM.png

Test Script

User Test

Screen Shot 2020-06-22 at 4.06.38 PM.png

User Test Report

User Test

4.png
Screen Shot 2021-01-11 at 6.44.42 PM.png
8.png

Report Emergencies

Immediately

Report emergencies with ease and quickness with our optimized process. Time is vital during emergencies, we don’t want to waste any of yours. 

Streamlined

Information Access

In an emergency, time cannot be wasted fumbling through documents and wallets. Have your information on hand with a civilian account. Aid provides an all-in-one platform to streamline your required documents to first responders, hospitals, law enforcement, or in any other situation.  

Specific to your

Qualifications

With Aid, first responders are able to connect with emergencies they are qualified to handle. Standardized qualifications documents are reviewed through our quick and trouble-free document assessment process which allows first responders to be at comfort with their account set-up. Aid’s goal is to streamline and optimize the process to alleviate all the obstacles standing in the way of first responders focussing on the tasks at hand. 

12.png
11.png

Responding to Pins

First responders users can view event pins on the main map page. 

Users then can view the details by clicking on the individual pins. Located on the top right of the page is the number of first responders needed for that specific pin. It will show how many first responders have already responded and how many are still needed. Users may respond to the pin by clicking on the “Respond” button at the bottom which will then bring them to the wayfinding page and show directions to get to the pin’s location. 

Wayfinding

Once users have responded to a pin, the app will bring them to the wayfinding page. This will show them the fastest and safest route to take to the pin. Once the user presses the “Start” button the app will help navigate the user via voice assistance. Users may also look at the written directions by pulling the bottom tab up. Once they have arrived, a message will prompt to confirm that they have arrived at the pin. 

In Pin Chat and Call

Users involved in the pin (responded first responders and the creator of the pin) may communicate with each other via the in-pin chat room or the call button.

16.png
17.png
15.png

Adding Pins

Aid gives users the ability to set pins on the map that shared with other users. It can connect first responders with the injured people also help the public view dangerous and safe areas. Users can report incidents and set pins by tapping on the adding “Pin” button on their smartphone. At the end of the adding pins process, the input information will be sent to the police via SMS. Once the pin has been created, a pop-up page will prompt to confirm, later the system will generate the severity of the pin. 

Injury Pins / Hazard Pins

Adding a pin process includes a basic note page to keep track of any information you deem relevant. This function allows you to create, edit, delete notes and add detailed information. For injury pins, the app includes the “Injured” page and “Affected” page to report numbers of injuries and people that were affected; “When” page to report when did the injuries happen; “Who” page to report who is in charge of the situation and do the first responders plan to stay at the scene; “Add Tag” page to report the nature of the emergency.

 

For hazard pins, the adding pin process includes the “Type” page which lets users report the hazard type, “Tag Question” page to target the vital question based on the tag that users added previously. Once finished, your way pins will appear on the screen in the desired location. 

9.png
7.png
6.png
icon-03.png

The

Icon

Visual Identity

bottom of page