Project Link
Tools
- Adobe Illustrator
- After effects
Deliverable
- Designs
- Video Walkthrough
Narrative
Description
As a solution to the VAST Challenge 2020 Mini-Challenge 3, our team presents you ConstellationBuilder, a high-level situation-awareness and team assembly interface for cyber events. ConstellationBuilder aims to identify a range of different cyber-attack events as early as possible, determine their characteristics, and quickly assemble a team of white hat members with complementary skills to respond to each event. Specifically, the system clusters massive past reports and distills events based on their similarity of reports, then adopts collaborative filtering recommendations to suggest the most relevant events. After exploring the connection between historical events and team members who resolved the issues, our system recommends the most suitable team/constellation to handle each event. We call a team “constellation” because they shine like stars on solving cyber problems.
Design
Final Product: Constellation Builder
System Components
ConstellationBuilder is comprised of three core displays: report view, an event view, and a team constellation view (Fig. 2). All the views are visually linked by highlighting instances of the same object in one view.
Video walk-through of the system
Machine learning Implementation
The system flows below illustrate how ConstellationBuilder incorporates machine learning into the system and shows what uncertainties exist in both the data and the algorithms. For related reports, events, and experts, the uncertainties can be reflected in the similarity calculation. Therefore, our system recommends a list of reports, events, or experts ranking by similarity scores. Analysts can review the results and choose the most appropriate ones based on their knowledge.
Visual Design
My Role
Leading this project
As the Project Lead and Design Team Lead, I was involved to some degree in all activities throughout the project process, but there were certain elements that I took the lead on.
- → Defined the design and collaborative process and assigned project tasks
- → Conducted three rounds of literature review
- → Served as the intermediary between the research and design team
- → Conducted unstructured interviews with two cybersecurity experts
- → Led all virtual brainstorming and critique sessions
- → Defined the product flow and overall UX for the final solution
- → Unified the final visual design to be consistent with the design systems
- → Created the prototype and video walkthrough