Custom Software that Supports Hunting and Gathering

This case study represents work that was done under NDA and as such, all graphics have been recreated to remove anything notable to the client.

The client has celebrated success as one of the largest local exchange telephone companies in the U.S. providing high-speed internet, phone and TV entertainment services to both residential and commercial subscribers. Currently, staff were required to jump between a suite of tools, leading to frustration, inefficiency, and missed context.

While the overall project had a much broader scope, the portion I led focused on creating an experience that allowed technicians to investigate and troubleshoot outages. The goal was to design a clear, interactive interface that made it easier to trace network issues—starting from regional infrastructure down to individual subscriber modems.

I designed a dual-view interface that allowed technicians to navigate the network using either a map or a table—depending on their preferred workflow. Both views were kept in sync and supported breadcrumb navigation, real-time status indicators, and quick access to related devices. This flexible interface allowed technicians to work how they think, whether scanning for patterns or zeroing in on specific issues, without switching between separate tools.

background

understanding network hierarchy

At its core, this project focused on making the invisible visible—mapping the full hierarchy of the network so technicians could move confidently from the big picture to the smallest connection.
Chart explaining five components of internet infrastructure—CLLI, CMTS, MAC Domain, Fiber Node, and Modem—across four columns: 'Item', 'What is it?', 'Impact', and 'Think of it as…'. The chart uses a tree metaphor to describe each component’s scale. CLLI is a forest, CMTS is a tree, MAC Domain is a branch, Fiber Node is a twig, and Modem is a leaf.

importance of getting it right

Within a single CLLI, there can be more than 10,000 interconnected devices — any one of which could be the root of a customer service issue.

Showing the complexity of a CLLI with only 151 devices.
A visual representation of the homepage with various photos of magazine ads
scrollable

discovery phase

Finding shared goals between the organization and its users, revealed the sweet spot where both priorities align.
Venn diagram illustrating the relationship between Business Goals, Technician Goals, and Shared Goals

what was learned

User research revealed two primary technician mindsets:
  1. Hunters-those who start at the top of the network and drill down
  2. Gatherers-those who begin at the device level and work outward.

Technicians Need to Start from Different Entry Points

"Some users start at the top of the network and drill down, others start with a specific modem and work outward."

Desire for Hierarchical, Visual Exploration

“Users want to view the entire hierarchy — from region to modem — with the ability to zoom in and out depending on their focus.”

Mapping as a Mental Model

“Think in terms of geography” and need to see “devices and outages on a map” to diagnose effectively."

Workflow Fluidity

“Users don’t follow one linear path — they jump around based on symptoms, tools, and system behavior.”

Personas and Role-Based Differences

Field Techs prefer map-based, mobile-friendly UI.
Customer Service techs are more data-driven and want to zoom out for systemic patterns.
AspectHunterGatherer
Mental ModelTop-downBottom-up
Starting PointBegins at the system levelBegins at the problem point
GoalFind and isolate systemic or regional issuesDiagnose specific device-level or local issues
Navigation StyleDrills down through the network hierarchyExpands outward from a single point
Preferred ToolsMaps, visual hierarchies, aggregated viewsTables, search bars, detailed device diagnostics
Common RolesNetwork operations, planning, supervisorsField techs, customer support
Value in InterfaceNeeds to see system health and relationshipsNeeds to quickly isolate and resolve single device problems
Example Use Case“What’s going on in CLLI STTLWA12 today?”“Why is customer Smith’s modem offline?”
Hunter vs Gatherer

how to design for hunters and gatherers

Hunters
For hunters, the experience needed to highlight issues at the highest level and allow the user to drill down through each layer, ultimately reaching the specific device or source of the problem.
Gatherers
For gatherers, the experience needed to highlight issues at the highest level and allow the user to expand outward, moving across each level in their entirety to understand the full scope of affected devices.

hunter's path

As the hunter navigates, their focus becomes more targeted and specific to a single problem
A dashed line box representing the CMTS as seen by the hunter
CLLI
A dashed line box representing the CMTS as seen by the hunter
CMTS
A dashed line box representing the MAC Domain as seen by the hunter
MAC Domain
A dashed line box representing the Fiber Node as seen by the hunter
Fiber Node
A dashed line box representing the Modem as seen by the hunter
Modem

gatherer's path

As the navigates moves, they gain a wider view of the network and its health.
A dashed line box representing the CLLI as seen by the gatherer
CLLI
A dashed line box representing the CMTS as seen by the gatherer
CMTS
A dashed line box representing the MAC Domain as seen by the gatherer
MAC Domain
A dashed line box representing the Fiber Node as seen by the gatherer
Fiber Node
A dashed line box representing the Modem as seen by the gatherer
Modem

the hunter's path

Hunters ignore the dropdown and choose to follow a path by selecting a flagged device, tracing the issue down to its root.
Table view showing two fiber nodes within network hierarchy CLLI_01 > CMTS-02a > CMTS-02b. A dropdown labeled 'Current Level' is set to Fiber Node. The table columns are Device, MAC Domain, CMTS, CLLI, and Root. Row one shows Fiber Node-02a with red warning icons next to MAC Domain-02b, CMTS-02a, and CLLI-02. Row two shows Fiber Node-02b with no warnings. The Root column lists the full path hierarchy for each node.
scrollable

the gatherer's path

Gatherers use the dropdown to move across the network—navigating agnostically, without focusing on any specific device.
Table view showing two fiber nodes within network hierarchy CLLI_01 > CMTS-02a > CMTS-02b. A dropdown labeled 'Current Level' is set to Fiber Node. The table columns are Device, MAC Domain, CMTS, CLLI, and Root. Row one shows Fiber Node-02a with red warning icons next to MAC Domain-02b, CMTS-02a, and CLLI-02. Row two shows Fiber Node-02b with no warnings. The Root column lists the full path hierarchy for each node.
scrollable (horizontal and vertical)
"Mobile app interface showing a heatmap over a map of North Queen Anne in Seattle. The map highlights varying signal strength or service levels with color gradients from green to red. A large circular icon labeled '05' with a red 'no access' symbol appears in the center, indicating a service issue. Nearby locations such as Shell gas stations, Canal Marina, Queen Anne Bowl Playfield, and Mount Pleasant Cemetery are visible. Interface buttons include a search icon, logo, targeting icon, and filter icon.
Mobile app interface displaying a network map with color-coded routes indicating connection health: green for healthy, yellow for degraded, and red for offline. Central node '03' is connected to several numbered nodes including '05A', '06', and '07'. Nodes '05A' and '06' are marked with red 'no access' icons, and node '01' has a yellow warning symbol. The top shows the selected network area 'CLLI-05'. Bottom navigation icons include a logo, targeting button, and filter settings.
"Mobile interface showing a zoomed-in network map for CLLI-05, filtered to CMTS-05A. Central node '05A' connects to multiple numbered nodes via color-coded lines: green (healthy), yellow (degraded), orange (poor), and red (offline). Nodes 01, 02, 04, 06, and 07 show a red 'no access' symbol. Nodes 03 and 08 display a yellow warning icon. Map landmarks like Magnolia Manor Park, Eco Green Marine, and Lindsay's Violin Studio are visible. Bottom navigation icons include logo, targeting, and filter settings.
"Mobile interface displaying a detailed network map filtered to CLLI-05 > CMTS-05A > MAC-01. Central node '01' connects to multiple modem nodes (03, 05, 06, 08, 11, 12, 14, and 15). Red and orange dotted lines indicate service issues and degraded performance throughout the area. Nodes 03, 08, 12, and 15 have red 'no access' icons, while nodes 05, 06, 11, and 14 show yellow warning icons. Background shows street names such as NE 104th St, NE 102nd St, and 15th Ave NE. Interface buttons include search, logo, target locator, and filter settings.
Mobile interface showing a network topology map for Node-08 within CMTS-05A, MAC-01. Node 08 is at the bottom center and connects to 17 modems arranged in a vertical layout along NE 104th St. All modem nodes (01 through 17) are marked with red 'no access' icons, indicating a total outage. Red lines connect all modems, showing offline status throughout the segment. The bottom bar includes icons for logo, target location, and filter settings.
Mobile app interface displaying a 3D-rendered network map for Node-08 within CMTS-05A and MAC-01. Node 08 is at the bottom, connected to eight modem nodes (01 through 08) via red lines, all indicating offline status. Each modem has a red 'no access' icon. The layout shows modem locations aligned with buildings and streets, including NE 125th St and 12th Ave NE. Trees and structures are rendered in 3D. UI elements include search, logo, targeting, and filter buttons.
Mobile app interface displaying a table view of Fiber Nodes in Seattle, WA. Filters show the user is viewing CLLI_01 > CMTS_02 > MAC_02. The list displays data for 30 out of 103 Fiber Nodes, each showing node name, network health percentage, average SNR in dB, and average power in dBmV. Nodes with issues, such as Node_02 and Node_04, display red warning icons. Tabs at the top allow switching between Table View, Map View, and Graph View. Icons in the top right toggle between list and card layouts.
Mobile app interface in Table View displaying fiber nodes in Seattle, WA, filtered by CLLI_01 > CMTS_02 > MAC_02. Node_02 is expanded to show detailed metrics: Network Health at 68%, Average SNR at 19.5 dB, and Average Power at 1.4 dBmV. Additional details include CLLI (CLLI_01), CMTS (CMTS_06), MAC Domain (MAC_003), 102 modems connected, and 11 offline modems. A red warning icon indicates degraded performance. Node_01 and Node_03 are collapsed, showing summary stats only.