From Chaos to Consistency: A Cohesive Design System That Enables Superior Data Analytics

Company: Splunk
Role: Director of Product Design, Unified Experiences, and Design Systems

Previous Next

Goal

Flattening the customer learning curve by delivering clear product coherence so users can spend more time solving their problems than learning how to use individual products.

Illustration of how a comprehensive design system drives portfolio UI coherence.
After years of siloed product UI development, bringing cohesive order to a solution-driven portfolio of products was not a “nice to have”; it was a market necessity and something customers not only expected but demanded.

Opportunity

Upgrade and coalesce the entire product portfolio under a single robust but flexible design system to:

Screenshots of the many different UI conventions that existed in the Splunk product portfolio.
While the overall design quality in Splunk products was generally high, there was a marked lack of alignment in how the UIs were designed, which caused friction for users as they engaged with multi-product portfolio solutions.

Screenshots of the many different product navigation UIs that existed in the Splunk product portfolio.
One of the most persistent end-user pain points was the lack of a coherent navigation structure that made seamlessly moving between products to achieve desired outcomes difficult, if not outright impossible.

Solution

The mistake many design systems efforts make, which often leads to failure, is to focus on compliance instead of coherence. Different products may be related within the context of selling and delivering customer-focused portfolio solutions. Still, it is necessary to respect individual product requirements, limitations, and use cases that prioritize consistency over orthodoxy. This is how I approached this problem with my design system team, getting them to work with each individual product team to not only understand where they sat in relation to the overall design vision we were seeking to deliver but also to internalize their specific needs and requirements as partners not merely as consumers of our output.

Examples of components in the final Splunk UI design system.
Solving the problem of UI component inconsistency is the easy part. Delivering a robust and comprehensive design library for designers and developers to reference is table stakes with any functional design system.

Diagram illustrating how products iterated to an aligned UI outcome.
A significant challenge that needed to be solved was accounting for the migration paths of different products with varying use cases and workflows without being overly restrictive and prescriptive.

Outcomes

Published a regularly updated design system component status matrix.
To build trust with product teams and deliver the specific components they required when needed, we published a live status matrix of all design system components so development could be conducted transparently and within a robust feedback loop.

Internal design system update and usage metric screens.
Reinforcing our accountability to product teams, we published regular updates regarding design system development status and live metric dashboards demonstrating adoption and usage success across the entire product portfolio.

Accomplishments

What I learned