Securly Filter is a cloud-based online web filter for school IT admin to manage all students’ online activities at school.  

Filter_dashboard.png
Understand User.png
About this product
My Role
MyRole.png
The Problem

Why redesign dashboard

The dashboard was designed to provide a comprehensive presentation of monitoring activities for users. However, our backend data showed most of the users actually did not actively browser the dashboard as expected. Through the user interview, I learned that the reason was, to the users, the information displayed on the dashboard was not very helpful. For example, screening the flagged students and activities was one of the main duties of the school IT admins, but the dashboard didn't illustrate such information.

Old dashboard.png

Old design

Project Goal

The goal is to improve the information presenting accuracy and efficiency of the dashboard for offloading IT Admin’s operation burden. 

Mission.png

How to approach

1.Establish design principles

DesignPriciple.png

2 Efficient dashboard information

The value of the dashboard provides users with highlighted multi-factor accurate useful data from massive annoying information for helping them fast proceed. I summarized 2 types of data most valuable to users based on my analysis of user journey and 1-1 interview.

Roadmap.png

Prototype

DashboardPrototype.png
Header-prototype.png
SketchWireframe.png

3 Build design system for consistency

PrimaryColors.png
ChartColors.png
Font.png
Components.png

Final Design

Dashboard.png