02.
Enterprise UX · Clinical systems

Designing for
zero-delay decisions

Rethinking intra-operative anesthesia charting as a real-time system, where the act of recording is part of the act of care.

Enterprise UX Clinical systems Real-time timeline Safety-critical HL7 FHIR Anesthesia charting
Intra-operative flowsheet on the anesthesia workstation
Intra-operative flowsheet, the primary product surface
Role
Lead Designer
Timeline
3 months
Team
Sole designer · 1 PM · 4 engineers
Surface
On-prem web + desktop · live device integration
Context

The chart is a live decision aid and a medico-legal document at once.

A perioperative anesthesia charting system for a global medical-device manufacturer, spanning pre-op assessment, intra-operative monitoring, and post-op reporting. It integrates with hospital infrastructure and live monitoring devices to support real-time vitals, medication and fluid management, and clinical documentation.

It's a safety-critical, regulated system. I focused on the intra-operative phase, where the stakes and the interaction pressure are both at their highest.

Problem · A systems mismatch

Three insights reframed this from a UI cleanup into a primitive problem.

01

Documentation isn't a task that follows the action. It is the action.

The product assumed clinicians act, then record. But under anesthesia, recording a drug is part of administering it safely. Treating documentation as a downstream step put it in direct competition with the patient for the clinician's attention, a competition the patient should always win.

02

The cost isn't slowness. It's the divergence between event and record.

When logging is interruptive, clinicians defer it, and deferred logging becomes reconstruction from memory. Timings blur, sequence drifts. For a document that drives handover and stands up in medico-legal review, the failure mode isn't "slow," it's "inaccurate in ways no one notices until it matters."

03

The interface modeled the wrong primitive.

The system's primitive was the form, a bounded unit you open, complete, and close. But clinical reality is a continuous, time-ordered stream of interdependent events. Every other problem descended from this one mismatch. So the redesign wasn't "improve the forms." It was "change the primitive."

Approach · The core insight

A clinician's mental model is temporal, not spatial.

They don't think "which screen holds the drug field." They think "at 10:42 I gave 50mg, the BP dropped, I responded." The legacy IA forced them to translate a time-based reality into a screen-based structure, and that translation tax was paid in the most cognitively loaded moments of the day. So I set the goal as making the interface model match the mental model: time-first, not screen-first.

Who I designed for

Primary

Mid-procedure clinician

Anesthesiologist or nurse anesthetist. Hands often gloved or occupied; attention split across patient, monitors, and surgical field. Interaction windows are seconds, frequently one-handed. Closer to a cockpit than a desk.

Secondary

Handover & post-op

The same clinician, now reading rather than writing, needing to reconstruct the case quickly and trust it.

Tertiary

Audit & medico-legal

Reviewers who need completeness and defensible accuracy above all.

The dominant constraint, seconds of split, possibly one-handed attention, is what made conventional "good UI" instincts wrong here.

Jobs to be done

Record

When I administer something mid-procedure, I need to record it in one or two glances, so the record stays true without costing me the moment.

Preserve

When the situation changes rapidly, I need true timing and sequence preserved automatically, so the chart reflects reality, not my later memory of it.

Reason

When I hand over or get audited, I need to read the case as a sequence of decisions, so I can reason about what happened, not reassemble it.

Information architecture

From parallel forms to a single time-anchored stream.

This is the load-bearing decision. Every event type resolves to one primitive, a timestamped entry on a shared timeline, and the reconciliation the user used to do in their head is now done by the structure.

After · Timeline

One continuous, time-ordered stream

10:38Induction
10:4250mg drug
10:43BP drop
10:45Response

Time becomes the explicit organizing axis. Everything in the UI follows from this one move.

Key design decisions

Four load-bearing choices, all driven by the same constraint.

01

Inline, not modal

A modal hides the patient's live state to capture one event, backwards for this context. Inline entry keeps logging in the same visual frame as the running data.

02

Time as the automatic anchor

When is the most error-prone field in deferred logging, so I removed it as manual input. Entries auto-timestamp in true sequence; the clinician never reconstructs it.

03

Context-aware defaults

The interaction shifts from construction, deciding every field, to confirmation: verify a smart prediction. Fewer decisions on the critical path, without hiding control.

04

Prevention over correction

Constraints live in the input itself, dosage bounds and validation, with undo favored over confirm. The fast path and the safe path become the same path.

Solution · A real-time clinical timeline

Five design vectors, one north star: keep attention on the patient.

Each vector balances severe technical and clinical constraints against the same goal: the clinician's eyes stay on the patient, not the chart.

I
Ambient overview

OR Command Center

A high-density board tracking every active OR suite. Color carries meaning, not decoration: red / yellow / green is reserved exclusively for case-delay and patient-safety thresholds, so the channel that signals risk never competes with cosmetic color.

On track Attention Safety threshold
OR Command Center, multi-suite status board
OR Command Center, multi-suite status board
II
The core engine

The Fluid Flowsheet Timeline

A high-performance timeline with infinite pan / zoom to the minute. Vitals sample dynamically to stay legible at any zoom while preserving full raw mathematical integrity underneath: a clean trend on the surface, the true data intact below.

Flowsheet timeline, dynamic vitals sampling across zoom levels
Flowsheet timeline, dynamic vitals sampling across zoom levels
III
Non-modal entry

Context-aware side-sheets

Adding a med or event opens a non-modal side-sheet; the flowsheet shifts slightly but stays fully visible. The clinician logs without ever losing sight of the patient's live status.

Side-sheet, inline medication entry beside live data
Side-sheet, inline entry beside live data
IV
Compliance guardrails

Gated handoff & compliance

A hard programmatic checklist verifies mandatory regulatory data, consents and time-outs, before a digital signature is enabled. Compliance moves from something you remember to something the system enforces.

Gated handoff, checklist-enforced sign-off
Gated handoff, checklist-enforced sign-off
V
Phase 3 · Assistive

AI-assisted documentation sidebar

An opt-in, non-deterministic sidebar that reads structured timeline parameters to draft real-time narrative progress notes. Assistive by design: it accelerates the clinician's writing; it never authors or signs the record.

AI sidebar, drafts narrative case summary from the timeline
AI sidebar, drafts narrative notes from the timeline
Tradeoffs

Where I chose deliberately, and why.

Structured density
vs
Whitespace
Information-per-glance beats visual calm. I bought clarity back through hierarchy and contrast, not emptiness.
Completeness
vs
Speed
I lowered the cost of required inputs rather than removing safety-relevant fields to look faster.
Predictability
vs
Adaptivity
Content adapts to context, but layout and locations stay stable: smart, never surprising.
Accountability
vs
Automation
AI assists and drafts; the human stays the author.
Explorations

The same temporal model, carried beyond the chart.

Once the timeline primitive held inside the operating room, the harder test was whether it scaled to the surfaces around it, pre-operative readiness and floor-wide coordination. Two of those explorations.

01

Pre-surgery sign-off, as a shared readiness state

A single surgeon-and-anesthesia view that resolves every pre-operative task into one signed, time-stamped readiness state, so the team enters time-out knowing exactly what is, and isn't, cleared.

Perioperative readiness, pre-surgery sign-off, surgeon and anesthesia shared view
Perioperative readiness · surgeon & anesthesia shared sign-off
02

Floor-level command, anchored to the same timeline

Scaling the model from one case to a whole surgical floor: live OR case flow, assessment readiness and patient risk surfaced against the day's timeline, with safety ahead of schedule.

Perioperative Operations Command, live surgical floor overview with OR case flow, assessment readiness and patient risk
Surgical floor overview · live case flow & assessment readiness
Impact · 6-month clinical pilot

Grounded in workflow ergonomics, measured in enterprise outcomes.

0%
Faster charting. Median documentation time per case dropped from 1,140s to 540s, beating the initial target baseline.
Before1,140s
After540s
0%
Record completeness. Compliance hardening eliminated retrospective billing queries and mitigated legal exposure from un-charting.
<0s
Device-to-screen latency. Local-first caching and standardizing on HL7 FHIR cut sync latency under 1.2 seconds.
0
Faster OR turnover. Reduced charting overhead unlocked additional revenue per surgical suite per day.
Reflection

Most enterprise software optimizes for the user who has time, and quietly fails the user who doesn't.

When the context collapses to seconds of divided attention, the usual virtues (whitespace, minimalism, completeness) can become liabilities. The right design is the one that disappears into the flow of action rather than asking the user to attend to it.

The deeper move wasn't visual. It was changing the system's primitive, from form to moment, and letting the entire interface follow from matching the tool to how people think under pressure.

Signature idea
From documentation systems
to decision timelines.
Next case study
MAIA, contextual intelligence