JupiterOne Graph

Project

JupiterOne Graph

As part of my initiation at JupiterOne, I carried out a comprehensive User Experience Audit of the product. The goal was to identify pain points and opportunity areas to improve the product experience.

Interestingly, I discovered that the Graph, one of the core features of the product, was riddled with usability problems, inconsistencies, navigation issues and an overwhelming interface.

‍

How does the Graph help users?

The graph excels at visualizing relationships between devices and software entities of an organization. Additionally, the Graph provides a clear view of the attack surface in the organization, vulnerabilities, risks and blast radius, among other use cases.

‍

Problems areas
  • A confusing interface that overwhelms users, with too many options available at all times, often using confusing affordances.
  • Too much noise: the cognitive load is high at all times, labels overlap nodes, there is no visual hierarchy, assets that look too similar...
  • Navigation in the graph is difficult and expanding groups changes layouts completely, so users lose all reference and get disoriented.
  • Default graph layouts lack context or hierarchy, which removes meaning from the visuals. For example, a expanding burst is not as good as a tree structure to communicate hierarchy.

‍

Website
Layouts are now clearer and more intuitive

The redesigned layout selector describes layouts and allows users to switch visuals quickly

Node labels and other updates

The new node labels solve readability problems and the secondary text provides better context. The most important assets to the business are now crowned with a diamond.

Colors for hundreds of asset types

With over 200 asset types, the monotone icon + color combination was not enough. So I color coded broad asset categories to make them easier to identify at a glance

Less interface and more content for dashboards

The new node graph widgets feature less UI by default, only displaying the UI when users focus on the tile

Node stacks are easier to spot

Asset groups (assets with a similar type) are now easier to spot and easier to expand when selected

Less UI controls, same functionality

I removed unnecessary features from the toolbar, tucked away those that are used less.

Detailed Graph embeds offer better context

When selecting assets, users want to see relevant context and graphs that explain all relevant relationships