RedBag Admin Dashboard

USER EXPERIENCE AND VISUAL INTERFACE DESIGN

We improved the admin dashboard for an improved user experience for admins.

COMPANY OVERVIEW
RedBag Technologies is an emergency kit coupled with an online app communication tool designed to be used in times of critical emergencies.

THE TEAM
1 UX Designer, 6 Developers, 1 Product Owner

RedBag Admin Dashboard

How did we have impact?

THE ROLE WE PLAYED IN THIS PROJECT
Icon - Product Strategy

Developing product strategy and simple user research with stakeholders

Icon - User Experience

Creating, developing, and presenting new user experience ideas

Icon - Interface Design

Designing interface, creating prototype, and doing usability testing

What was the problem?

WE ARE PROBLEM SOLVERS

Stakeholders noticed that different actions and data on the admin dashboard were confusing to users.

RedBag saw a need to make the actions and data more clear through redesigning the dashboard and actions flows.
1
It wasn’t clear what the safety status was for each classroom.
2
It wasn’t clear which classrooms were in need of emergency help.
3

It was hard to differentiate sending communications to rooms versus the entire building.

RedBag - Old Dashboard

Proposed solutions to the problem

PRODUCT STRATEGY

Schools admins can quickly view how many classrooms are marked as safe and can easily communicate with their staff.

Having the classroom statuses organized and filterable makes it easier to see which classrooms are in crisis and to be able to prioritize communicate with them.

Icon - Column

Different columns for each status

Visually separate classrooms by columns.

Icon - Color

Colored labels for each status

Colors and the ability to filter by color made it easier to visualize who is safe and who is not.

Redbag - Wireframe - Admin-dashboard,-room-statuses

Experience Design

WIREFRAMED SOLUTIONS
First, we mapped out the experience of classroom statuses and how to see which are safe and which ones need help.
Redbag - Wireframe - Admin-dashboard,-room-statuses
Next, we mapped out the details and settings for the emergency chats and different communications options available to rooms and the entire building.
RedbBag - Wireframe - Admin-Dashboard,-Broadcast-Flow-1_v1
RedbBag - Wireframe - Admin-Dashboard,-Broadcast-Flow-2_v1

Proposed solutions to the problem

PRODUCT STRATEGY
RedBag-AdminDashboard2_Statuses

Greg, School Principal, uses the dashboard to keep track of how many classrooms have been marked as safe and which classroom are in need of help.

RedBag Admin Dashboard - Messaging & Updates

Andrea, Vice Principal, sends broadcasts to the entire building to give updates on the emergency situation. She sends private messages to the classrooms who are in need of help.

How did it improve?

PROTOTYPE
School security and administration can more easily keep track of classroom safety status and send important communications to classrooms and the entire building.

Having it more clearly laid out to see the different classroom safety statuses and see the principal communication options and who needs emergency help allows prioritization of sending help where it’s needed most.

BEFORE
RedbagInAction_dashboard-BEFORE
AFTER
RedBag - Admin Dashboard

How did it do?

The mobile app design proved to be a useful user experience.

The redesign led to a very successful practice drill with the largest school district in Denver, Colorado, which created a lot of buzz and interest for other school districts.

RESULTS
After Cherry Creek School District emergency practice drill using RedBag
{

This RedBag process is phenomenal and blows my mind. What an incredibly thoughtful and strategic process to help guide people in a potentially horrific situation. As a teacher, I feel so much more secure and supported in helping keep my students safe.

LEANN, SCHOOL TEACHER
{

This RedBag process is phenomenal and blows my mind. What an incredibly thoughtful and strategic process to help guide people in a potentially horrific situation. As a teacher, I feel so much more secure and supported in helping keep my students safe.

LEANN, SCHOOL TEACHER

What did we learn?

We learned positive things and saw great results.

POSITIVE TAKEAWAYS

Icon - Simplified
Users like templates to help simplify communications.
Icon_PT_Data

Being able to visualize important data is essential and critical for decision-making in emergencies

Icon - Clear

Visualizing who needs help is critical for prioritizing efforts and not wasting time

RESULTS

Icon - Search
Easier for admins to collect and comprehend the data needed to see how their classrooms are doing during an emergency
Icon - Communicate
The communication options were much more intuitive and the process was a lot quicker to do in time of emergency.
Icon - Clear

Ability to visualize where to prioritize help for those in need of critical help.

Icon - Success

A very successful practice drill with the largest school district in Denver, Colorado.