Cysec Investigation Page
A cybersecurity web service that monitors companies' activities and notifies in case something goes wrong. This project reflects a specific scenario- an investigation page for compromised asset for a drone delivery company.
My Role
UX Research
Sketches
Wireframes
UI Design
Icons
Tools
Sketch
Illustrator
Photoshop
Axure
Collaborations
This project is independent project. As part of my research I interviewed Michael Armon, chairman of the Association of Autonomous Systems at the Engineers' Bureau and President of AUVSI Israel.
year
2020
Overview
Though still in its infancy, the drone delivery business is set to take off in the coming years. Spurred by everything from environmental concerns to the desire to avoid congested roads, companies are developing, testing, and beginning to implement a wide array of drone delivery systems. Wing (a subsidiary of Google parent company Alphabet), UPS, Zipline, Flytrex, and Amazon Prime Air are among the first commercial companies using drones for delivery. At this project, I chose not to reflect on a specific company after I realized they are all dealing with similar challenges. This project demonstrates a possible future scenario: Cysec is a cybersecurity company that helps drone deliveries companies by monitors their activities and notifies in case something goes wrong. When the system recognizes an anomaly, it sends an alert by mail. The person who receives this alert can get into ‘Cysec’ investigation page and get to the root of the problem.
The user
In this specific scenario, our user is Jeff, the IT manager of a drone delivery company. Jeff received an alert email- ‘asset compromised,’ now his job is to understand the root of the problem- When? Where? Why?
Pain Points
Drone Delivery Restrictions:
Must fly below 400ft
Package weight- Below 5 pounds (90% of retailers packages)
Guided by GPS
Flyes up to15 miles (per direction)
Drone Delivery Main Challenges:
Weather
Air traffic control
Dropping the package
Regulation (Law trails innovation)
Data Access Vulnerability
“19% of potential (end) users are anxious about drones damaging packages during delivery, or getting stolen or hacked”.
— Cluch Survey, Jan 2020
The Goal
Visual Research & Inspirations
Drone dashboards, cyber security systems, analytics visuals, tracking apps, timeline view - these are only part of the sources I was looking for, trying to find a suitable solution for the assignment.
I found that almost all the programs I use daily, even when I watched TV, read the news, or send WhatsApp- uses some suitable components- And that's where I found my solutions.
Before diving into design, I planned my screens. I was trying to figure out what will be the most valuable information for Jeff. Draw with a paper and pencil many sketches-helps me to understand better which direction I’m going.
I decided to begin with the ‘overview’ screen- which demonstrates the drone most relevant data, to helpJeff get a better understanding of what happened, where the drone stopped, and why.
As for the rest of the screens - each screen uses different data that was collected by the drone IMU system or by other autonomous systems around it. In accordance, each of them enables a more in-depth investigation from a different perspective.
UI Design
Drone Tracker
Drone marker moves according to the marker on the timeline (in this case- only backwards)
* Future thoughts- How to represent Back and forth on the same rout?
Blue Marker Represent the company Drones. Other colors represent other companies. (In case of two drones from the same company, they will color the same).
Hover state on a drone marker- Tooltip contains:
ID
Altitude
G Speed
Status
(Considered option to recolor in case it is flying too close, or other dangers may appear).
Drone IMU Data
Red-colored data represents an anomaly value and may indicate a problem. (Laterally scroll behavior).
Compromised Assets By District Graph
A year back similar cases, (assuming these cases solved) might get Jeff closer to a solution. The graph also represents a normality line- which means if there is an anomaly- There’s probably a problem.
Hover State On A Graph Matrix
Other matrix on the graph get transparent
Tooltip contains a specific information
Month colored white
(Considered ‘view more’ button, to see more details ot the problem, maybe a past related alert).
compromised Types
A year back of compromised types may also help Jeff get to the root of the problem. A Blue line represents one standard deviation upwards.
Alert Notification
Option to view more than one notification
Option to share the information (List of names/emails will open once press the ‘share’ button).
(In this case- There is a regional issue with the GPS reception.
Sidebar Menu
As shown in ‘wireframes planning,’ the next phase of this page would get a dipper in the investigation.
The default ‘Overview’ screen contains what I believe the most relevant issues for this specific problem.
Still, we have a lot of data that can still be used by Jeff get to the root of the problem.
(for Example: The drone cannot be found because it lost its GPS signal. Jeff can get inside ‘camera’ on the menu- and see what the drone last documented with its camera- The video/images can help Jeff find the lost drone).
Feedback Component
At the End of the investigation process, a pop up asking for a simple
helpful/not helpful feedback in order to be more accurate for the next alerts.
This use case is possible, but I am not sure all the collected data are worthwhile. I have made assumptions here that are not necessarily true, based on brief research, and there is much more to learn about the subject and to refine the solutions accordingly.