Submission

Medium

Redesign This Natural Disaster Alert System

Want to see the full challenge and give it a shot?

Start Your Free Trial
👍
👍
0
🔥
🔥
2
♥️
♥️
3
💃
💃
1
😀
😀
1

Natural Disaster Alert System Redesign

Alert selection copy

When the user wants to create an alert, they are first asked what type of alert they would like to choose. They are color-coded to differentiate between a test alert and a live alert. Red was chosen as the color for the live alert to indicate severity and importance.

Alert creation

When the user is chooses what type of alert to create, the header color corresponds to the alert button (in this case red) and is labeled so the user always sees which alert they are creating every step of the way. The test alert header is colored blue.

Alert double check

When confirming the alert message, a reminder in red states "...this is a live alert for actual emergencies only."

Alert countdown

After the user presses "Send Alert", a countdown starting at 5 seconds begins. At this moment the user can quickly cancel the alert. This gives the user one last chance to realize and correct any mistakes.

Alert sent confirmation

After the live alert goes live, the user is presented with a screen showing the date, time, and message that was just sent out. There is an option at the bottom to retract the alert in case it was sent out in error. This gives the user the immediate ability to retract their message in case of a mistake.

Retraction

The retraction dialog box shows the message that will be retracted and a default retraction message. If the user wants to customize the message, they can tap edit to change it.

Alert creation copy 2

The test alert creation process follows the same steps as the live alert, however the user must type "This is only a test" in their alert message to be able to proceed. This will prevent users from sending out live alert type messages when creating a test message.

Daryl Escobal

View Portfolio

Comments

Log in to leave feedback, show some love, or ask a question.