mbg@portfolio:~/context-aware · case study 02 · read 6 min
Quiet search --:--:--
$ cd case_02/context-aware
// interfaces that adapt to who's looking, what the machine is doing, and what you need

Context-aware enterprise UX.

This didn't come from a PdM roadmap. It came from listening. Sitting with users, watching them manage server hardware remotely, seeing them squint at tables and reconstruct the machine in their heads. iDRAC is the 1:1 interface to the hardware. We redesigned it to match: Dynamically-populated SVG renderings of the actual hardware, with context-aware overlays on top. Seeing at a glance that your 1U has drives in slots 1-7 and 11-13, which drives are in a RAID together after a rebuild, and which one is the hot spare. The guesswork, gone. Shipped in iDRAC. The patents came after.

Role
Inventor & UX engineer
Concept through shipped product
Timeline
2016 → Present
Across PowerEdge 14G — 17G
Surface
iDRAC
Integrated Dell Remote Access Controller
Patents
3+ disclosures
Device Imagery · Capacity Overlay · Bay Capability
iDRAC11 3D Devices PoC — Capacity View on a PowerEdge R770, with per-bay capacity bars and a hovered Disk 9 detail showing 92% used.
FIG. 00 iDRAC11 3D Devices PoC. The pattern, extended into 3D. Currently in socialization with PdM and Eng. Not yet shipped.
01 The Problem context

Hundreds of components. Text-heavy tables. A disconnect between the UI and the machine in front of you.

iDRAC and every comparable product represented sub-component state as tables. Drives, bays, sensors, RAID groups, virtual disks, hot spares, capacity, thermal, firmware. Hundreds of rows per server. Operators had to parse them, hold the chassis in their head, and cross-reference one against the other. The most expensive version of this was capacity planning, and in passthrough mode operators often had to leave iDRAC entirely for a third-party UI to see drive fullness.

Problem overview - current system management restricts visibility to text-heavy tables
FIG. 01Text-heavy tables of virtual disks, RAID groups, and physical disks. Plausibly complete, practically unusable at scale.
Problem statement - capacity planning requires understanding free or remaining storage at drive, slot, and volume level
FIG. 02Capacity planning specifically. Users couldn't tell which drive in which slot was approaching fullness without leaving the tool.
02 The Insight concept

Render the hardware itself.

Stop translating the machine into a table. Render it. Every Dell chassis has a known physical topology and every deployed system has a known configuration, which makes a chassis drawable. This started in 2019 as a PowerPoint sketch. The shipped pattern came later: Device Imagery, a pre-authored SVG library of every chassis Dell ships, paired with a discovery layer that populates it from real-time system state. Once the base layer existed, the interesting question was what to draw on top of it.

Device Imagery concept - iDRAC storage view with front, rear, and mid chassis SVG renderings and hover detail showing Hard Drive 2:17 status
FIG. 03 PowerPoint sketch I made in 2019. The artifact that started the whole effort.
03 The Pattern Family 3 overlays · 1 base

One base render. Multiple context overlays.

Device Imagery was the substrate. The real UX work was in the overlay system, a family of context-aware layers that render on top of the same SVG, each surfacing a different dimension of state for a different operator task. Two are worth walking through, each covered by its own filing in the patent family.

O.01 Capacity-View Overlay.

Answers what the tables couldn't: where, physically, is capacity being used? Colors every drive slot by fill state, scoped to what the operator has selected (all drives, a RAID group, or remaining space after selected VDs). Passthrough mode is handled natively, no third-party UI required.

Flow chart for capacity-view overlay system with shipped UI screenshots showing All Drives, RAID Group, and Virtual Disk capacity views
FIG. 04Capacity-view overlay. Decision flow on the left, shipped behaviors on the right.

O.02 Bay Capability Overlay.

Answers a different question, one that got more important as CXL entered the portfolio: what is each bay capable of, and how do I upgrade? Hover a bay to see slot count, bus, media-type support, CPU affinity, backplane version, CXL capability. If a bay can upgrade to CXL, the action surfaces inline. If it can't, the overlay says so plainly.

Bay Capability overlay flow chart showing CXL detection and upgrade path with shipped UI screenshots
FIG. 05Bay Capability overlay. CXL-capable bays surface upgrade inline, non-CXL bays say so plainly.
A note on provenance

Device Imagery, the capacity-view overlay, and the bay-capability overlay are each covered by separate filings. The pattern family is part of the 33 filed / 23 granted body of work from serving on the Enterprise HW Patent Committee. Specific claims and filings available on request.

04 Outcome shipped

Shipped in iDRAC. Now the default pattern.

Device Imagery and its overlay family shipped in iDRAC as Bay View. The SVG library and discovery layer now get reused across chassis SKUs. Operators don't describe this as "adaptive" or "context-aware." They describe it as "I can see the server." A context-aware UI that announces its context-awareness has failed.

05 What's Coming Next PoC · 3 overlays
Shipped iDRAC dashboard with Device Imagery integration as Bay View
FIG. 06The shipped 2D pattern in iDRAC, today. Bay View integrated into the dashboard.

Three more overlays in PoC.

Same base render, different operator tasks. The iDRAC11 3D Devices PoC carries the overlay pattern forward into a new visual format. Currently in socialization with PdM and Eng.

iDRAC11 3D Devices PoC Health + Component View showing per-bay status with hovered Disk 9 detail
FIG. 07Health + Component View. Per-bay status with hover detail for any disk or component.
iDRAC11 3D Devices PoC RAID View showing Virtual Disk 0 RAID 5, Virtual Disk 1 RAID 1 Degraded, and Hot Spare disks color-coded
FIG. 08RAID View. Color-codes physical disks by virtual disk membership. Hot spares shown explicitly.
iDRAC11 3D Devices PoC Heatmap View showing top-down thermal map with Fahrenheit gradient legend from 60 to 175
FIG. 09Heatmap View. Top-down thermal map with calibrated °F gradient, anchored on actual probe data.
→ NEXT_CASE

Systems Management Portfolio · iDRAC, OME, and four generations of PowerEdge.

Continue → 03/systems-mgmt