
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.


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.

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