Design Update: Compliance App 2.0

By

The team at JupiterOne was well underway building version 2.0 of our Compliance App when I joined the company this summer. The primary motivation for the work on 2.0 was to refine its performance and scalability as the company continued to grow. Revisiting the Compliance App allowed the team the opportunity to look more closely at its usability and aesthetics. Upon review, three main design objectives stood out:

  1. Improve the clarity of navigation and wayfinding
  2. Create more consistency in the interaction patterns provided to enable action
  3. Standardize common UI patterns and refine the foundations of our visual aesthetic

Let's walk through a few examples of how these objectives surfaced in the updated designs, which will be released soon.

App Navigation & Wayfinding

To improve wayfinding, the app navigation panel has been simplified. Instead of doing double duty managing the user's collection of Frameworks, it now serves solely as the main navigation for the Compliance environment . The Framework management functionality has been promoted to its own dedicated page and nav group alongside other top level items such as Controls and Risks.

Both the app navigation panel and the page header are visually distinguished using color to separate the content into more scannable sections.

UX Update - 01


Original Interface

UX Update - 02

Updated Design

Action Consistency & Interactions

To help create a consistent anchor for taking action from anywhere within the app, we consolidated the main available actions of any page into a single, minimal bar attached to the page header. To limit collision with our action status colors (where green means  'good' in most instances), the primary color theme is updated to use J1 indigo rather than green. Because of this change, when something requires the user's attention it will be more apparent.

UX Update - 03

Original Interface

UX Update - 04


Updated Design

Standardizing Common UI Patterns & Refining Visuals

One example of standardization focuses on modal dialogs. While there are different uses of a modal dialog, in the Compliance app we want to align on patterns that will help maintain the user's sense of place while navigating up and down the layers of their Frameworks. Rather than continuing to display the Framework Requirement as a full-screen modal, we transitioned it to display in the main view area of the app, allowing the standard navigation and breadcrumbs to continue to set the context for the active Requirement.

The main body area of each page is updated to a flat white background, increasing the contrast of text in the UI and improving the app's overall legibility and accessibility.

apps.us.jupiterone.io_landing


Original Interface

UX Update - 06 (1)


Updated Design

Next Steps

Compliance App 2.0 will launch soon. (Sign up for the J1 newsletter below to receive updates.) The intent of these updates is to bring more clarity and consistency into JupiterOne's Compliance App. The product design team is excited to continue building on this foundation to deliver more seamless workflows for our users going forward.

Patrick Morgan
Patrick Morgan

Patrick is a technologist focused on using design to solve real-world problems. He is a creative guy who rarely goes a day without making something. In his career he has worked on projects from the highest level brand strategy down to lowest level technical implementation. His focus is to deliver seamless, customer focused experiences that elegantly solve real problems.

To hear more from Patrick, get our newsletter. No spam, just the good stuff once or twice a month. Sign up below.

Keep Reading

What’s new in JupiterOne: Reducing time to value with the new Query Builder (Part 2)
February 6, 2023
Blog
What’s new in JupiterOne: Reducing time to value with the new Query Builder (Part 2)

The new JupiterOne Query Builder streamlines your querying experience by eliminating errors, simplifying query builds, and reducing time to value.

The top 10 questions that every engineering leader should be able to answer
February 2, 2023
Blog
The top 10 questions that every engineering leader should be able to answer

We polled some of our engineering leaders to see what it takes to succeed. In part two, we see if their answers align with the CISOs we talked to.

Identify compromised versions of Github using JupiterOne
January 31, 2023
Blog
Identify compromised versions of GitHub apps using JupiterOne

As a preventative measure, Github will be deprecating the Mac and Windows signing certificates used to sign Desktop app versions 3.0.2-3.1.2 and Atom versions 1.63.0-

15 Mar 2022
Blog
One line headline, one line headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud eiut.

15 Mar 2022
Blog
One line headline, one line headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud eiut.

15 Mar 2022
Blog
One line headline, one line headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud eiut.