top of page

Aseptic Technique: Interactive WBT & Performance Support

Compliance-Based Clinical Training | Interactive Design + Job Aid

Redesigned compliance-based clinical training into an interactive, accessible learning experience supported by real-time performance tools.

Intro Slide Screenshot

Course introduction establishing the distinction between medical and surgical asepsis through structured visual hierarchy.

Job Aid Screenshot 

Companion job aid translating digital learning into real-world clinical performance support.

Overview

 

This web-based training module introduces foundational aseptic technique concepts for clinical and healthcare environments. The course was originally developed to support certification preparation and procedural understanding for healthcare professionals.

The Problem

 

The original training contained dense on-screen text and limited interaction. While technically accurate, it did not fully support:

  • Conceptual clarity between medical asepsis and surgical asepsis

  • Behavioral reinforcement of contamination prevention practices

  • Learner engagement through active participation

  • Visual hierarchy to support cognitive processing

The challenge was to preserve regulatory accuracy while enhancing instructional effectiveness.

Design Approach

 

The redesign emphasized clarity, interaction, and structured learning flow.

Key Design Strategies

 

1. Reduced On-Screen Text
Condensed dense content into layered interactions and progressive
disclosure to improve readability.

 

2. Interactive Exploration
Used click-to-reveal and scenario-based interactions to reinforce distinctions between clean and sterile technique.

 

3. Visual Hierarchy Improvements
Refined layout structure, image selection, and spacing to guide attention intentionally.

 

4. Accessibility Enhancements (508 Considerations)

  • Improved color contrast

  • Added meaningful alternative text

  • Structured tab order and keyboard navigation

  • Streamlined audio to reduce redundancy

 

5. Performance Support Integration
Developed a companion job aid to reinforce contamination prevention behaviors in real-world application.

Instructional Design Decisions

  • Differentiated medical asepsis vs. surgical asepsis clearly through visual and textual contrast

  • Structured knowledge checks to reinforce key distinctions

  • Used consistent layout patterns to reduce cognitive load

  • Balanced compliance requirements with learner-centered design

Accessibility & Compliance Considerations

 

The updated module incorporated Section 508 alignment:

  • Keyboard navigation compatibility

  • Clear focus indicators

  • Alt text for all instructional visuals

  • Reduced redundant narration

Outcome

 

The redesign resulted in a 20% increase in successful certification completion.

Screenshot 2026-02-12 164007.png
Screenshot 2026-02-12 163931.png

Interaction Screenshot (Click-to-Reveal or Scenario)

Interactive exploration replacing static text to reinforce contamination prevention behaviors.

Interaction Screenshot (Click-to-Reveal or Scenario)

Interactive exploration replacing static text to reinforce contamination prevention behaviors.

Screenshot 2026-02-12 164040.png

Knowledge Check Screenshot

Scenario-based knowledge check designed to strengthen application of clean vs. sterile technique principles.

bottom of page