JM

Network Testing Dashboard

Web app that gives enterprise teams a real-time view of active network tests across projects.


Brief

Large enterprise labs often run multiple network tests at the same time, sometimes across different teams and devices. Before this dashboard, engineers had to look through separate tools or check in with teammates just to understand what was running and where attention was needed.

We designed a real-time view that brings all active tests into a single place. Engineers and managers can quickly see which tests are progressing normally, which need attention, and how projects are moving overall—without disrupting others or digging through multiple interfaces.

Jobs to Be Done

Job Performer

Network test engineer (primary); lab manager (secondary).

  • Monitor active tests across projects without disrupting teammates
  • Detect tests that require attention based on clear status signals
  • Compare progress across runs at a glance to decide next actions

User Group

Enterprise labs often run many tests concurrently across teams and devices. Engineers and managers need cross-project situational awareness without jumping between tools or pinging teammates. Some teams prefer to focus on their own work in progress, so users can favorite projects to narrow the view while the dashboard reflects the lab’s full instance.

Main Job

Assess the status of active network tests across projects to determine where attention is needed.

Top 3 Desired Outcomes

  • Minimize the time it takes to see which tests are running and their current state.
  • Minimize the likelihood that changes in test activity go unnoticed.
  • Minimize the effort it takes to focus on the relevant subset of projects for one’s role or team.

Impact

  • 📡 Real-time rollups reduce status check-ins across teams.
  • 🧭 Consistent indicators surface abnormal tests at a glance.
  • ⭐ Favorites help each user maintain a focused view without losing the big picture.

Design Concepts

Started by exploring layouts that combined live status, alerts, and comparisons in a way that was clear without overwhelming the user. These sketches evolved into wireframes and a prototype that helped validate the overall structure and interaction patterns before visual design work began.

Design sketches
Early layout, micro-interaction explorations.
Wireframes
Deeper explorations on layout and micro-interactons.

Visual designs

Final dashboard views created by collaborating with the UX team's visual designer. My role was to art direct as the wireframes were interpreted using our design system. New components were added based on this new faeture.

Design sketches
Final dashboard views