Security View
View security policies and attacks in your
network in real-time.
Dashboard Visualization
This is an operational view of security rules applied to Virtual Machines that are sending traffic between them and belong to groups that are running specific applications connected to the exterior world/internet and privately.
Problem-Solution Statement
Display virtual network traffic in real-time and security alerts from unidentified IPs in general and granular levels views. This view needs to offer a panoramic view of the current traffic situation and allow the user to dig into the layer to identify attacks on their networks.
Patent: Inventor Application
Virtual Network Management Application - Number: 5/292,064
Breaking down the process
Understanding Requirements
Artifacts Study
Inspired by graphics that access complex systems defined by a larger number of interconnected elements taking the shape of a network
From sketching to User Interface
Whiteboarding and team alignment
Challenges
Scalable and Interactive display of
changing data sizes in one graphic
UX Solution
Successful communications are color-coded grey and white, representing low and high traffic, while traffic from unclassified IPs is color-coded red to represent an attack on the network.
The first layer shows the aggregation of current traffic between groups, which can be expanded for detailed views, eg. which specific endpoints (IPs) were responsible for that traffic flow.
The side panel displays a filtered view of flow logs and a line graph depicting traffic over time, in intervals of hours, minutes, seconds, or milliseconds. This allows the end-user to quickly view information relevant to the network’s security.
Dashboard Functionalities
Onboarding
From empty state to data powered up.
Filtering
Multiple options to drill down traffic data.
Active Flows Setting
Ability to change and visualize short and lived flows timed from 1 to 180 minutes.
Outcomes
Understands users and their needs
The data offered was vast and changing, it was important to offer in a glance the information the users needed immediately.
Design with scale in mind
Build a solution that can scale along with SDN technology and provide solutions to front-end.
Explore other ways of displaying data
Try and find analogies that bring more meaningful meanings for the user as humans, visually interesting, and explore different ways of expressing and encoding the data… variation of color, shape, movement, proximity, and relationships, etc.