STORM SOURCE2019-03-28T10:27:48-04:00

Project Description

Storm Source

Overview

When emergency response systems are down, citizens turn to large social media sites for help. Due to large platforms used for disaster communication not being designed for such a task, we found that many rescue pleas went unheard as older posts were retweeted/shared and brought to the forefront, regardless of whether that individual had already been rescued.

Solution

Providing citizens with additional organization and structure than what is found in current platforms used for weather disaster communication (i.e. Facebook, Twitter), and assisting them with communication methods that are necessary before, during, and after a severe weather event occurs.

My Role

  • UX Research, Interviewing, Data Analysis
  • Information Architecture Design
  • UX/UI Design, Prototyping

Duration

6 Weeks

Tools Used

  • Sketch
  • Balsamiq
  • Figma

The Challenge

Create a community-driven communication platform influenced by the climate and environment.

1. Context

Who

We targeted individuals who have experienced or will experience severe weather phenomena such as Hurricanes, Tornadoes, Earthquakes, etc. As a starting point, we focused on the citizens of California.

What

The main function of this platform is to provide additional organization and structure than what is currently found in methods of communication currently utilized for severe weather events, such as hashtags on Twitter or trending topics on Facebook (#HurricaneHarvey). We focused on improving communication methods before, during, and after a severe weather event occurs.

When

This application can be used via mobile device when severe weather events take place. We create a mobile application due to the flexibility of use, and the expansive list of potential users that currently have smart phones in order to make this app available to as many citizens as possible.

Why

When emergency response systems are down, citizens turn to large social media sites for help. Due to large platforms used for disaster communication not being designed for such a task, we found that many rescue pleas went unheard as older posts were retweeted/shared and brought to the forefront, regardless of whether that individual had already been rescued. Additionally, rescuers were forced to sift through massive amounts of posts on these platforms in order to identify those who needed rescued.

Project Workflow

2. UX Design and Strategies

Below are examples of our low-fidelity prototype that was created using Balsamiq.

Signup pages and sync contact pages

Creating an Account

Users are able to set up their profile while creating an account. They will also be able to sync contacts from their phone’s contact list.

Add resources screens, utilizing Contacts and Nearby options for low-fidelity prototype

Adding Rescuers

Our Adding Rescuers screens enable users to quickly search through their contacts to add acquaintances or family and friends as rescuers who they can trust during a disaster or in an environmental emergency for help. They could also look for public services through police officials or firemen to seek help.

Screens for the Weather Bug AI Chat showing interactions and communication

Interacting with AI Chat

Our AI Chat begins by introducing itself to users and providing quick hot-buttons that direct the user to specific answers to commonly asked questions, such as “How to Prepare for a Tornado”, etc. The user can also ask questions directly to the AI Chat, and the AI Chat will reply to the user’s question with recommendations or additional buttons that direct the user to separate pages, if necessary, to best answer their question. The user can then read the suggested resource and complete the task, or continue asking the AI Chat questions, if they would like additional information.

Community pages showing adding comments, asking questions, and browsing

Interacting with the Community

Our Community page allows users to search for keywords related to a particular topic, and will be given a selected amount of discussions or conversations that include that keyword, similar to Quora. The user can then select discussions to expand them, and they also ask their own questions or start their own discussions about the weather events in question.

Sending Rescue Requests

Our overhead virtual map provides a heat-colored overlay that depicts which areas of the user’s location are safest, as well as which are most severe, similar to what is typically seen on a weather overlay on News and Weather stations. This provides the user with quick insight into where the safest areas to take shelter would be. The icons present on the Map screen show neighbors, nearby individuals, including police/fire officials, individuals who also utilize the application, or individuals who are on the user’s rescue list. The user will then be notified if the request has been accepted.

Application Workflow

3. Prototype

View More

2019-11-06T01:05:21-05:00

UI DESIGNS

A collection of UI Design concepts. This collection will be filled with more UI Designs on a weekly basis.

2019-03-28T10:38:10-04:00

CARE+

Healthcare maintenance application for the sick, elderly, and their caregivers