Foundations

Touch & gestures

Consumer touch design assumes a person holding a device, looking at it, with clean bare hands, giving it their attention. A clinical surface is a cart being pushed, a wall display two metres away, a tablet operated through nitrile at arm's length, and a screen that gets leaned on.

Stable · v1.0 IEC 60601-1-8 IEC 62366-1 WCAG 2.2 AA SC 2.5.1 · 2.5.7 · 2.5.8
The rule

Every gesture has an equivalent single-pointer control that is visible without performing the gesture. A gesture may be a shortcut. It may never be the way a function is discovered, and it may never be the only way a function is reached.

And, separately: no gesture acknowledges, silences or dismisses an alarm.

Why gestures are treated as a hazard here

A gesture has three properties that are fine in a consumer application and are not fine on a medical device.

None of that argues against gestures as accelerators for people who use a device all day. It argues that a gesture cannot carry the primary path to anything, which is what SC 2.5.1 requires and what this page extends to alarms specifically.

Targets

ContextMinimum target Why
Baseline, any touch surface44 × 44 px SC 2.5.8 requires 24 px; this system requires 44 px because none of its contexts are the calm seated one that 24 px assumes.
Gloved operation56 × 56 px A gloved fingertip has a larger, less certain contact patch and worse proprioception. The user cannot feel the edge of the target.
Destructive or irreversible56 × 56 px, and separated At least 12 px of dead space from any neighbouring control, and never adjacent to the control a user reaches for most.
Wall-mounted or across-roomScaled by distance Governed by Scaling & density. A target is sized for the reach distance it is actually used at, not the one it was designed at.

Spacing matters more than size. Two 56 px targets touching each other are worse than two 44 px targets with a gap, because the failure mode of a large target is hitting its neighbour. Dead space is a control in its own right.

Permitted, and on what terms

GesturePermitted for Required equivalent
TapEverything. This is the primary input.—
Scroll / panMoving a viewport Visible scrollbar, and keyboard paging
Pinch to zoomZooming an image or a chart Visible zoom controls with stated magnification — the value must be readable as a number, not inferred from the picture
DragReordering, adjusting a boundary or a limit A typed or stepped input for the same value — SC 2.5.7. A dragged value is also never committed on release without confirmation.
Long pressRevealing a secondary menu A visible control that opens the same menu
SwipePaging between whole views Visible previous/next controls

Prohibited

Accidental input

Clinical screens are touched by things that are not trying to operate them. A palm resting while writing, a forearm leaning during a procedure, a cleaning wipe, a patient reaching past, a bedrail lowered against a cart-mounted display.

The surfaces this system targets

SurfaceWhat changes
Cart or bedside display Moving, bumped, viewed standing and off-axis, operated by whoever is nearest. Assume interruption between any two actions.
Wall or ceiling display Often not touched at all. Nothing may require touch to be understood; everything needed at a glance is legible at the room's longest sightline.
Tablet in gloves Larger targets, no precision, no fine drag, and frequently one-handed while the other hand is occupied or non-sterile.
Sterile field, indirect operation Operated by a colleague on instruction. Every control must be nameable out loud — which is another reason a gesture cannot be a primary path.
Personal phone Small, one-handed, in poor light, possibly by a patient or carer. Controls sit in thumb reach, and Lay-facing content governs the words.

Outcomes of use

What this contributes to, in the terms of Usability & context of use. These are attributes believed to contribute to an outcome; the outcome itself is settled by observing real use in a specified context, not by this page.

Do's and don'ts

Do

— a labelled 56 px control on the alarm itself.

Deliberate, targeted, nameable over the phone, and impossible to produce with a sleeve.

Don't

Swipe the alarm away.

The motion a cleaning cloth makes, applied to the one control that must record a person's deliberate decision.

Do

Pinch to zoom, with ×2.4 shown and zoom controls beside it.

The gesture is a shortcut over a visible control, and the magnification is a readable number rather than something inferred from the picture.

Don't

Pinch to zoom. No indicator, no controls.

Nothing on screen says zoom exists or what it is currently set to — so nothing says the image is not at native scale.

Do

Drag the limit to 92, then Confirm 92 bpm.

The drag proposes; a targeted press commits. The value is also typeable, per SC 2.5.7.

Don't

Drag the limit to 92. Applied on release.

A safety limit set by where a finger happened to leave the glass, on a cart that may have moved during the drag.

Do

Fires on release, over the target.

A touch that landed wrong can be dragged off and abandoned — SC 2.5.2, and free.

Don't

Fires on touch-down, for responsiveness.

Every brush, lean and bump is now a committed action, and there is no moment in which the user can change their mind.

Clinical safety notes

Risk controls carried by this foundation

Trace these in your risk file (ISO 14971) and usability engineering file (IEC 62366-1). Contact and cleaning assumptions belong in the same file as the cleaning instructions.

NotJustAnyMed.Tech Design System · Touch & gestures · v1.0 · draft for review
Reference applications named in this system are fictional; all patient data shown is fabricated.