Subject: Shoro RoyStatus: acceptingLast observed: New York
Incident 0006 · VMware · 2021

Federated network insights

Building a modular dashboard framework for global network visibility

Role
Lead UX Consultant
Team
Client PM, engineering lead, design system team, QA
Timeline
6 months
Owned
0-to-1 dashboard UX and data visualization
Constraints
Legacy patterns, a rigid component system, a release every 6 months.
Measured effect
One dashboard instead of a login per instance.
The Federation dashboard in vRealize Network Insight
instances federated
regions unified
Summary of findings

When VMware built network federation, teams had no fast way to see what was happening across their environments. I designed a dashboard that rolls health and alert signals into one view, with drill-downs into any instance for real troubleshooting.

Scenario

Let's do some roleplay. You're a network admin at a company with offices in twelve countries. You're responsible for the health and security of everything* running across your organization's virtual infrastructure. Just business as usual.

So you log into an instance of VMware's network insight tool. You check the environments. You check the alerts. You check the flows. You move on.

You log into the next instance. Check the environments. Check the alerts. Check the flows.

You log into the next instance. Check the environments. Check the alerts. Check the flows.

You log into the next instance…

vRealize Network Insight Cloud - AEnvironments - Instance AFlows - Instance AProblems - Instance AvRealize Network Insight Cloud - BEnvironments - Instance BFlows - Instance BProblems - Instance BvRealize Network Insight Cloud - CEnvironments - Instance CFlows - Instance CProblems - Instance CvRealize Network Insight Cloud - DEnvironments - Instance DFlows - Instance DProblems - Instance DLog in
cloud.vmware.com

How many tabs do you need? Fifty instances across twelve countries. Each monitors several environments: vCenters, NSX deployments, AWS accounts, Azure subscriptions, physical devices and more. Each environment runs hundreds of nodes and hosts, all raising alerts, warnings and critical problems. Data flows number in the thousands. Open problems reach the hundreds of thousands.

*Everything is doing a lot of heavy lifting. You're trying to reconstruct a globe from fragments, one tab at a time. You log into the next instance. Just business as usual.

The assignment. VMware's vRealize Network Insight (vRNI) monitored and troubleshot virtual network infrastructure. Within a single instance, it worked well. But enterprises run dozens or hundreds of instances, and vRNI had no way to connect them. In 2021, VMware decided to build Federation, which links those instances into one combined view of an enterprise's network.

Isolated instances linked into one federation with a single combined view
Graphic is from the PRD. I didn't make this, don't shoot the messenger.

The design challenge.

Even with federation, how do you show it to someone? An admin opens one dashboard holding fifty instances across twelve countries. Where are they? What are they looking at? What do they do first?

This was a wayfinding problem. The data was enormous and structured differently across instances. Without clear orientation cues, a unified dashboard is just fifty tabs collapsed into one screen.

One dashboard to rule them all.

Aggregated health, alerts, and flows across hundreds of environments, thousands of applications, and every instance in an organization's network.

Attached · detailsWhat do you notice first?6 steps
Attached · detailsWhat do you notice first?6 steps
The federated dashboard, every module in view
OverviewThe dashboard follows an admin's triage, top to bottom: four modules, in the order the questions come up on a bad morning.
Step 1 of 60006.05[A]
0006.05[A]
Attached · mechanismEnvironments matrix
Attached · mechanismEnvironments matrix

A new pattern I designed for this dashboard.

The environments matrix with four annotated regions01 · Sliced by environmentYou see which kind of environment is hurting before you see which instance.02 · Worst firstWithin each environment tab, the instance with the most problems is the top row.03 · Object by objectEach column is a kind of object in the instance, VMs, hosts and the rest, each with its own health.04 · Delegate from hereA cluster of AWS problems on one instance tells the admin whose AWS admin to call.
Each pin holds a note. Point at one, or tap it.0006.05[B]
0006.05[B]
Attached · mechanismEdge cases4 tabs
Attached · mechanismEdge cases4 tabs

The same panels, when the data doesn't cooperate.

The environments panel with a short list
Short listA short environment list.
Tab 1 of 40006.05[C]
0006.05[C]

Designing the chaos.

The data feeding this dashboard is messy by nature. Environments structure their data differently, licensing tiers change what's visible, and feature flags change which widgets appear. Some visualizations were too expensive to compute at this scale.

Accessibility was non-negotiable from the start, and at this density the design system's defaults stopped reading. I left the system in three places.

Attached · decisionMatrix palette
Attached · decisionMatrix palette
The matrix palette beside the standard colors, afterThe matrix palette beside the standard colors, before

TakenA matrix palette tuned so each severity level is distinguishable at a glance.

RejectedThe standard design system colors.

WhyOn a matrix this large they shout, and the whole panel reads as an emergency.
0006.06[D]
Attached · decisionFlow badges
Attached · decisionFlow badges
The flow alert badges, afterThe flow alert badges, before

TakenYellow alert badges on flows.

RejectedRed.

WhyWith thousands of flows, a few always need attention. Red badges would make the dashboard look permanently broken. Red, and the word 'problem', are kept for real problems.
0006.06[E]
Attached · decisionFederation icon
Attached · decisionFederation icon
The product navigation with the new federation icon, and with the globe it replaced, takenTakenThe product navigation with the new federation icon, and with the globe it replaced, rejectedRejected

TakenA new federation icon for the product navigation.

RejectedA globe.

WhyThe globe was already the environments icon on the same nav. Same conceptual territory, different meaning.
0006.06[F]
Attached · detailsAlternate views5 plates
Attached · detailsAlternate views5 plates

Both modules offer alternate views. Admins read the same data through different mental models, and the views are part of the accessibility layer: every one was built for screen readers, keyboard navigation and WCAG 2.1.

Environments, matrix view

  1. Plate 1 of 5

    Environments, matrix view

  2. Plate 2 of 5

    Environments, list view

  3. Plate 3 of 5

    Deployed instances, map view

  4. Plate 4 of 5

    Deployed instances, list view

  5. Plate 5 of 5

    Deployed instances, matrix view

Plate 1 of 50006.06[G]
0006.06[G]
Attached · mechanismLight theme
Attached · mechanismLight theme
The federated dashboard in the dark theme
0006.06[H]

Can you get where you need to go?

The dashboard is a map, not a destination. Every interaction leads the admin closer to the specific instance where they can act. Navigation follows a consistent pattern: see a problem, get detail in context, navigate to the source.

Attached · mechanismDeployed instances
Attached · mechanismDeployed instances

Every instance on one map. Click a cluster to zoom in, and a pin for its health.

Deployed Instances
ProblemsNo ProblemsCloud InstanceCurrent InstanceInstance Unreachable
0006.07[I]
Attached · mechanismA modular tooltip system7 tooltips
Attached · mechanismA modular tooltip system7 tooltips

I designed one tooltip for every module: the same structure and interaction, with content set by context. It discloses detail on hover, so the dashboard stays clean until the admin asks for more.

Alerts · 1 of 7
vRNI Palo Alto Critical Alerts
All:16
Problems:6
Intents:10
Open instance
  1. Title
  2. Productnameversion
  3. Section
  4. Bodycountscapacityranked liststatuschecks
  5. Divider
  6. Actionopen instance ↗view detailseach check ↗
  7. Carettopleftright

5 of 7 slots · body: counts · action: open instance ↗

Tooltip 1 of 70006.07[J]
0006.07[J]
Attached · detailsThe drill-down2 steps
Attached · detailsThe drill-down2 steps

Every blue link opens a modal with more detail. Every path ends at the right vRNI instance in a new tab, with a query pre-loaded so the admin lands where they need to be. Anything that leaves the dashboard carries a new-tab icon.

Federation - vRealize Network Insight
cloud.vmware.com

An admin hovers the 256 discovered applications. The tooltip ranks the instances that found them, and San Jose's row opens that instance.

It works from any module. A critical alert in the summary opens a modal listing instances by alert count, broken down by type: intents, problems, changes and analytics alerts. Any instance there opens the same way.

Step 1 of 20006.07[K]
0006.07[K]
Ownership

I led information architecture, interaction design, and visual design, from the PM's concept models through review and handoff.

I worked with the PM and engineering lead daily, with a design point of contact and the design director twice a week, and with IC engineers and QA during build.

Looking back

The product was mature: entrenched legacy patterns, a rigid component system and a release every six months. New patterns had to respect the learning curves existing users had already built.

I deviated most from the design system, the thing I was hired to respect. The matrix palette and the yellow badges were both arguments with its owners, and both came down to one point: consistency is a means to legibility, and at this scale the two pulled apart.

When every combination of licensing, feature flags and data structure is a valid state, the UI can't assume anything. It has to hold up in states nobody designed for. You never see one ideal screen. You design a system of defaults and hope the composition holds.

I couldn't test whether it held. The dashboard shipped once, and I was gone before the next release. Compute limits kept some of the visualizations I wanted most at the concept stage. I'd want telemetry on what admins clicked first, and I'd want it early.

Interview excerpts
Interview excerpt

Remarkable skills in designing complex enterprise products and creating elegant solutions that balance form and function perfectly.

Piyush Churad, Design Consultant. Piyush Churad, Worked together at Copods.
Field reports

Responses from customers using VMware's network visibility suite, the product the federated view shipped into.

We're seeing incredible visibility into our virtual infrastructure, something we didn't have before.

Marty Yurcheshen, Senior Systems Engineer, Alliant

We are making VMware vRealize Network Insight Cloud IHS Markit's standard tool for application, network and security visibility and troubleshooting.

Andrew Hrycaj, Principal Network Engineer, IHS Markit

vRealize Network Insight helped us learn more about our applications and how to move them.

Dale Ramsey, Director of Infrastructure, Employers

Establish contact

· approach with care
Status
Subject accepting new roles.
Last observed
New York.
Set in Syne Mono; the subject in Pirata One ·built in Next.jsFile maintained by subject.Last amended 2026-10-07© 2026