Luna LXD
Home / Work / Aseptic Non-Touch Technique
Hospital network · placeholder

Aseptic Non-Touch Technique.

A procedure is a sequence of small, precise decisions — and one slip breaks the chain. This module teaches ANTT the way it's actually performed: step by step, hands on, with the cost of a breach made visible.

The brief

Teach the hands,
not just the theory.

Procedural compliance modules tend to describe a technique and then quiz the description. That tests recall, not capability. The client wanted clinicians to rehearse the actual sequence — identifying key parts and key sites, maintaining the aseptic field, and recognising the moment a technique is compromised.

So the module is built around doing: ordering the steps, acting on the field, and catching breaches before they happen — with feedback that pinpoints exactly where and why a step went wrong.

And because it's mandatory, hospital-wide training, it had to be rigorously accessible and quick to refresh.

20
Run time
L3
Build level
8
Guided steps
AA
WCAG 2.1 target
lunalxd.com.au/antt/practice
ANTT · Step 4 of 8
Maintain the aseptic field
Which of these are key parts?
Syringe tipPlungerHub
Select all →
Interaction
Guided practice
The shape

Do the steps,
catch the breach.

Format
Guided procedural walkthrough, then unguided practice
Practice
Drag-to-sequence, key-part identification and breach-spotting hotspots
Feedback
Step-level and error-aware — names the specific slip, not just “incorrect”
Accessibility
Keyboard-operable drag alternatives, screen-reader labels, reduced-motion safe

Project details

  • Client · Hospital network (placeholder)
  • Role · LXD & Storyline build
  • Run time · ~20 minutes
  • Build level · L3 · Procedural
  • Audience · Clinical & procedural staff
  • Output · SCORM package

Tools

  • Articulate Storyline
  • Affinity Designer
  • Figma
  • Clipchamp

Skills

  • Procedural interaction design
  • Clinical content authoring
  • Error-aware feedback design
  • Accessible drag & hotspot patterns
  • SCORM packaging
Inside the build

Selected screens.

On-brand mockups — illustrative of the build style, not client screenshots.

My response to the briefApproach

How it came together.

The module teaches in two passes. First, a guided walkthrough demonstrates the technique with each step explained in context. Then the supports fall away and the learner performs the sequence themselves — identifying key parts, ordering steps and maintaining the field — so the assessment is the practice, not a quiz bolted on afterwards.

Throughout, the consequence of a slip is made visible: a broken aseptic field is shown and explained, so the “why” behind each rule is felt rather than memorised.

Storyline handled the drag-to-sequence and hotspot interactions, with variables tracking which step failed so feedback could be specific — “the plunger was contaminated at step four”, not a generic “try again”. Custom illustration kept the clinical detail precise where stock imagery would have been vague or wrong.

Motion was used sparingly and functionally: a subtle highlight on the active key part, a clean transition between steps, nothing that competed with the procedure itself.

Drag-and-drop is the classic accessibility failure point. Every sequencing and hotspot interaction needed a fully keyboard-operable alternative and clear screen-reader labelling — without watering down the hands-on feel that made the module work for everyone else.

The second challenge was precision: procedural content is unforgiving, so every illustration and every feedback line was checked against the technique to make sure the module taught the correct thing, exactly.

Start a project

Got a procedure that has to be right?