Portfolio Logo Mark

Disaster Management App & Dashboard

This case study explains the creative process for Help Buddy, the disaster management app. An app/platform that can connect people in a disaster situation with people who can provide help.

role infigraphics
Role

UX researcher, Persona Creation, Information architecture, Wireframing, Visual Design and Brand identity design.

tools infographics
Tools

SketchApp, Invision, Mockups, Illustrator, Paper and pen.

User Research

For my user research, I began by conducting interviews with individuals who were affected by the 2018 flood and those who were part of my local community's volunteer team. My goal was to gain a better understanding of their problems from their own perspective, as they had firsthand experience with the flood victims. In addition to these interviews, I also read numerous articles from sources such as Google, as well as information provided by the National and State Disaster Management organizations. It sheds light on various aspects related to disasters, including

  • The types of disasters

  • Roles and responsibilities of individuals during an emergency

  • Typical process of a rescue or help operation, the necessary information required by rescue teams and those seeking help

  • Essential needs of individuals when they are in danger

user reaserch disastermanagement

Types of disasters

Disasters are events that significantly disrupt a community's functioning and exceed its capacity to cope with its own resources. These events can be caused by natural, man-made, and technological hazards, as well as various factors that affect a community's exposure and vulnerability.

Types of disasters-geographical
Geographical

Eg: Earthquakes, landslides, Tsunamis and Volcanic activity

Types of disasters-hydrological
Hydrological

Eg: Floods, limnic eruptions, and tsunamis are examples of hydrological disasters

Types of disasters-meteorological
Meteorological

Eg: Cyclonic Storms, Heat Waves, Wave surges, Hailstorms, Blizzards etc

Types of disasters-climatological
Climatological

Eg: Drastic fluctuations of climate states, extreme temperature Drought and wildfires

Types of disasters-biological
Biological

Eg: Disease, Epidemics and Insect/Animal plagues

Types of disasters-technological
Technological or manmade

Eg: Complex emergencies/conflicts, industrial & transport accidents

Phases of Disaster Management

preparation icon
Preparation

Prepare for emergencies by planning, training, and educating for unforeseen events.

mitigation icon
Mitigation

Preventing future emergencies or reducing the probability of happening the same again.

Before event

response icon
Response

Responding safely to an emergency. Putting the preparation planning into action. Taking people to safe places and providing essentials

recovery icon
Recovery

Actions were taken to return to a normal life after disaster

After event

Existing systems

Forms and other online tools

For collecting informationfrom affected areas, creating reports etc. Eg: Microsoft Office, Google forms, Online notes

Paper and Pen

Data collected using pen and paper rather than electronic devices


Response measures by the government
Training for Students and Volunteers:

Governments conduct disaster response training programs for students and volunteers, covering first aid, search and rescue, basic medical care, and communication skills.

Organized Power Distribution:

In the aftermath of a disaster, power outages are common. Governments work to organize and prioritize power distribution to critical infrastructure such as hospitals, emergency services, and essential facilities.

Disaster-Prone Area Assessment and Planning:

Governments assess risks to identify disaster-prone areas and plan strategies to mitigate risks, establish evacuation routes, and enhance infrastructure resilience.

Early Warning System:

Governments use early warning systems to detect and forecast disasters. These systems provide advance notice to residents using various technologies such as sensors, satellites, and meteorological data. Timely warnings allow people to prepare and minimize the impact of the disaster.

Orange Book of Disaster Management:

The "Orange Book" may refer to a comprehensive guide outlining protocols and procedures for disaster management. This guide likely includes information on response strategies, coordination mechanisms, resource allocation, and communication plans during emergencies.

Competitor analysis

I spent some time on competitor analysis before designing HelpBuddy, as we didn't want to reinvent the wheel. While I saw some basic functionality in a few apps, they were all completely error-free. I also discovered that several apps exist to create alerts in times of disasters, but none of them entirely catered to the requirements of those who may be in need. Our goal with HelpBuddy was to develop a platform that would provide all the necessary services and resources to individuals in times of crisis, ensuring they receive the specific assistance they require.

Competitor analysis image
Disaster Management

Disaster Management app by National Disaster Management Authority of India
It’s a seven-year-old app with no latest updates available for this one. Complex UI and missing intuitive and Interactive elements Accessibility issues on content and navigation Missing information related to Disaster Management. Not available or known for public

review images

User persona

sreeshma profile image
Sreeshma Manoj

Age: 31

Occupation: Software Engineer

Location: Perambra, Kerala

Priorities: I wanted to share my location and my needs with the rescue team without creating a general alert option. Scarcity of Hygiene products where the primary problem. The teams kept bringing food items, but we were missing medicines and hygiene products. Also, I had a newborn baby, and nobody brought food for him.

I was the victim of 2018’s flood in Kerala, I experienced the struggle

Pain points: Complicated apps, no recommendation or information or notification regarding the expected weather condition. No option is available to create an alert specifically for a requirement.


profile image bipin
Bipin Domy

Age: 39

Occupation: Head Of Design Fyers

Location: Bangalore, Kerala

Priorities: We need to locate the victim quickly. Sometimes we have to notify the other team members for help. Since most of the volunteers are from the local area, they need first aid and CPR knowledge. Sometimes it's challenging to find whether the food items are expired. We need to know the blood group of the people out there because sometimes it will help us in need.

I was part of the volunteers management team

Painpoints: We need a common channel for notifications. Fake stories flood through social media during a disaster situation. Proper netwroking among the volunteers to reduce the time and resourse wastage No proper informtion regarding the volunteership

Insights

    Priorities:
  • To make sure the family and friends are safe
  • Get Food, water, Dress, and Hygiene products
  • Access to vehicle
  • Get / Provide help as soon as possible
  • Share location
  • Share information
  • Get rid of fake stories from social media
  • Weather Alert
  • Check whether the food and other things delivering are expired or not
  • Support with Medicine and Oxygen
  • Option to see all the recovery dashboard
  • Option to create a request for someone and quick access to the data library
  • Open channel communication
    Frustrations:
  • Complicated apps, no recommendation or information regarding the expected weather condition
  • Lack of knowledge in giving first aid and CPR
  • No weather alert
  • Too many fake stories are spreading across the social media
  • No location-based alert
  • No empathy for the victims
  • Wait time is too much sometimes, and people usually get tired of it.
  • Difficult t see the victim's location
  • The knowledge-building platform is missing; no option to save offline videos.

User Roles

    Help seeker
  • Create account
  • Login to App
  • Generate requests
  • Add required information
  • Send the request
  • Track the requests
  • Get the requested help
  • Logout
    Volunteers
  • Create account
  • Login to App
  • Receive requests
  • View required information
  • Accept the request
  • Provide the requested help
  • Logout
    Admin
  • Login to dashboard
  • See all the analytics report
  • Manage volunteers
  • Create or manage requests
  • Send notifications across the apps
  • Logout

Sample User story:

As a help seeker, I want to share the location with the people so that I can get the help
As a Volunteer, I want to see the requests so that I can provide help on time
As an Admin, I want to see all the requests so that I can make sure everyone is getting help

User Flow

userflow

Prototype

Low fidelity wireframes

I sketched my rough ideas into low fidelity wireframes to visualize how they would be arranged as I create the user interface (UI).

Help Seeker
wireframe-1
wireframe-2
wireframe image
wireframe image
wireframe image
wireframe image
wireframe image
wireframe image
wireframe image
wireframe image
wireframe image
Volunteer (Login and signup screens are same)
wireframe image
wireframe image
wireframe image
wireframe image
wireframe image
Admin dashboard
wireframe image

Visual design

I sketched my rough ideas to flesh out and better visualize how they would look as I create the user interface (UI).

Visual design image
Visual design image
Visual design image
Visual design image
Visual design image
Visual design image
Visual design image
Visual design image
Visual design image
Visual design image
Visual design image
Visual design image
Visual design image
Visual design image
Visual design image

Dashboard view (Admin screen)

Visual design image

Volunteer flow

Visual design image
Visual design image
Visual design image
Visual design image
Visual design image
Visual design image
Visual design image
Visual design image
Visual design image

Logo Story

logo story

Style Guide

style guide

Project learnings

Keep it simple: As a designer, we try to create out of the box designs, but we have to make sure the primary goal is to understand the user. Be in the shoes of the targetted users and create the designs accordingly.

Since this is an MVP I’ve to keep in mind that I have to cover all the necessary screens. Talking to the real and right people will help us to create designs that are usable for everyone. It will give more empathy to the platform as well.

People always want support, so in this assignment, I gave the message to the help seeker that he is not alone, we are there for them. This project also helps me to think from a human point of view.

Thank you