Product design · Design Engineering · Data Governance

Designing a Governance Dashboard

Turning complex governance data into actionable insights.

RoleSenior Product Designer / Experience Engineer
ProductPrecisely Data Governance
FocusProduct · Interaction · Data Visualisation · Prototyping
StatusIn Product Delivery
Complete working designUnderstand → Diagnose → Prioritise → Act
01 · Context

Make governance easier to understand and act on.

Governance teams work with a large amount of information about their data, but that information is distributed across different signals, dimensions and levels of detail.

The challenge was to bring those signals together in a dashboard that helps users understand governance health, investigate gaps and determine where attention is needed.

Designed for Data Stewards

A dashboard built around the decisions they need to make.

The primary user is the Data Steward, responsible for maintaining the quality, context and governance of data within their domain.

They need to move between four levels of decision-making:

01

Understand

How healthy is governance overall?

02

Diagnose

Where are the biggest gaps, and what is driving them?

03

Prioritise

Which issues and assets deserve attention first?

04

Act

Where should I investigate, and what can I do next?

Design question

How might we turn governance signals into a clear path from understanding a problem to deciding what to do next?

02 · Exploration

Finding the right balance of information.

I explored different ways of arranging and displaying the information as the dashboard grew in scope.

These were design explorations, not delivery phases. Each iteration added or rearranged content while refining the visual hierarchy.

01

High level design

Governance dashboard HLD

The high-level direction established the overall composition and relationships between the major content areas.

02

Iteration 1 - Connected governance metrics

Governance dashboard Iteration 1

Governance Score, Ownership Coverage and Policy Coverage were explored as selectable cards. Selecting a metric updated the By Domain bars and 7-day trend.

03

Iteration 2 - Clearer metric roles

Governance dashboard Iteration 2

The next exploration moved to individual cards rather than clickable cards. The 7-day trend was reserved for Governance Score.

04

Iteration 3 - More governance context

Governance dashboard Iteration 3

More content was introduced, while the By Domain chart was explored with a Select control to change the governance dimension being analysed.

Detailed Design

Bring governance, assets and usage together.

The detailed design gave greater emphasis to the Top Assets card and added Top Domains by Visits, shifting the focus toward the assets and domains most relevant to investigation.

Governance dashboard detailed design
01

Understand - How are we doing?

The Asset Governance Score gives an immediate view of overall governance health, with a trend that provides context over time.

02

Diagnose - What is driving the score?

Ownership, Classification and Policy break the overall signal into the dimensions where coverage needs attention.

03

Prioritise - What matters to me?

My Assets shifts the experience from organisation-level governance to the assets relevant to the individual user. Resolve top 3 issues to reach 84.6% (+5.8%).

04

Act - Where should I investigate?

Top Assets by Visits, Top Domains by Visits, Recently Viewed and governance analysis provide context for investigation.

The experience
Understand → Diagnose → Prioritise → Act

The experience moves from an overall governance view to focused investigation of the assets and issues that need attention.

03 · Interactions

Making the dashboard more than a collection of cards.

The detailed design was also explored as a working interaction model, using progressive disclosure to reveal more context when the user needs it.

01

Explore governance health

Start with the overall governance signal, then reveal supporting context.

02

Diagnose governance gaps

Move from the overall score to the dimensions behind it.

03

Prioritise what matters

Connect governance data with the assets and issues that require attention.

04 · Working Prototype

I didn't stop at static screens.

I translated the detailed design into a complete working prototype using GitHub Copilot.

I worked within a real GitHub workflow, using a repository, branches and pull requests to build and iterate on the experience.

01

Design

Translate the interaction model into a detailed interface.

02

Code

Use GitHub Copilot to turn the design into a working experience.

03

Interact

Evaluate hierarchy, behaviour and progressive disclosure in a realistic environment.

04

Refine

Use what the working experience revealed to refine the design.

The prototype represents the complete experience, rather than separate prototypes for each exploration.

05 · From Design to Product

From the working prototype to incremental product delivery.

The working prototype represents the complete experience I designed. The product is being delivered incrementally, with the current implementation establishing the core governance experience and subsequent phases extending it toward the full vision.

01

Design exploration

HLD → Iterations → Detailed Design

02

Working prototype

Complete interactive experience representing the full design direction.

03

Product delivery

Current implementation → subsequent delivery phases.

Current implementation

The core governance model is already taking shape in product.

The current implementation carries forward the core model established through the design: Governance Score, Ownership, Classification, Policy, Coverage Gaps, My Assets, Usage and adoption, and domain-level analysis.

The implementation has evolved in its layout and presentation while maintaining the underlying direction established through the design work.

Current implemented Governance dashboard
06 · Collaboration

Designing within a broader product system.

The Governance dashboard was developed alongside related dashboard experiences, including Catalog and Quality.

I collaborated with other designers to align interaction patterns, information hierarchy and shared design-system components across the broader product.

01

Shared patterns

Align interaction patterns across related dashboard experiences.

02

Information hierarchy

Keep related product surfaces consistent in how they organise complex information.

03

Design system

Reuse shared components and conventions to create a connected product experience.

07 · Intelligent Governance

Evolving from visibility to intelligence.

The dashboard establishes a foundation that can progressively move from showing governance information to helping users decide what to do with it.

The experience is being delivered incrementally across three stages.

01

Make governance visible

Governance Score, Ownership, Classification, Policy, Coverage Gaps, domain and asset-type analysis, My Assets, and usage and adoption.

Visibility
02

Make governance actionable

Prioritised issues, recommendations and suggested actions help users understand what deserves attention.

Action
03

Make governance intelligent

Predictions, contextual recommendations, AI-assisted workflows and intelligent governance guidance extend the experience.

Intelligence
The progression
Visibility → Action → Intelligence

The working prototype demonstrates how the experience can evolve along this trajectory while the product is delivered incrementally.

08 · Outcome

From governance data to decision-making.

The dashboard evolved from a collection of governance metrics into an experience structured around the Data Steward's decision-making journey.

The resulting experience provides a foundation for progressively evolving governance from visibility, to action, to intelligence.

01

Understand

See governance health at a glance.

02

Diagnose

Understand the dimensions and gaps behind it.

03

Prioritise

Identify the issues and assets that deserve attention.

04

Act

Move from insight toward investigation.

What changed

A governance dashboard designed around the decisions behind the data.

The experience connects governance health, coverage, assets and usage in a single journey from understanding to investigation.

Reflection

Design the decision path, not just the dashboard.

The most important design move was connecting multiple governance signals into a sequence that reflects how a Data Steward works: understand the state, diagnose the gap, prioritise attention and investigate what matters.