
Viral Emergency!
Escape Room

A story-driven escape room that fulfills basic compliance training on personal protective equipment for healthcare workers.
​
Audience: Healthcare Workers
​
Responsibilities: Instructional Design, eLearning Design, and Analysis
​
Tools: Articulate Storyline, Microsoft PowerPoint, Adobe Photoshop, ClickUp, LucidChart, and Audacity
Overview
Compliance training is completed on a yearly basis in healthcare and has a bad reputation for being repetitive and boring. I converted a normal compliance training on PPE into a story-driven and interactive escape room experience.
After interviewing several individuals working in the healthcare field about the quality and usefulness of their yearly compliance training, I received feedback that the pieces of training were often boring and disliked by most of the staff. The interviews also revealed that many employees let the training run and do not interact with it. This is a major cause for concern because the training is not actually being utilized, it is just being completed and ignored.​
Process
My main focus for this project was on common videogame and escape room features. I researched ideas such as using a heads-up display (HUD) and different puzzles common to escape rooms.
​
I began with a needs analysis with two different SMEs to ensure that the training met the needs of yearly compliance training about PPE and followed industry standards.
​
From there an outline of the story was created followed by a narrative storyboard about how the story would progress throughout the escape room. This was changed several times to be more realistic and fit the idea of using the required PPE. A flowchart was created using Lucidchart to ensure the proper flow of the game and the story. This was then reviewed to ensure needs were being met.
​
Microsoft PowerPoint was used to create an initial storyboard that consisted of placeholders for the aesthetics and focused on the general layout of the rooms and the intended interactions. After feedback was collected, a final storyboard and visual mockups were designed.
​
A functional prototype was created using Articulate Storyline 360 after feedback iterations were made and beta testing commenced with several groups of testers with different areas of expertise. Iterations were made and the final product was developed and released.
​
​
Visual Mockups
Lucidchart was used to create a flowchart and Microsoft PowerPoint was used to create both the initial and final storyboards. Adobe Photoshop was used to make mockup designs and illustrations.
.png)
.png)
Development
.png)
The three phases (alpha, beta, & final) of development were all conducted using Articulate Storyline 360. The design consisted of a title page that included a choice to either take the classic lesson or the escape room, giving the learner a choice in how they completed the course. The story was presented in several slides using a comic book style design. This was followed by the actual escape room activity and a final quiz.
​
The slide to create was the HUD which was created as a master slide so it would appear on all of the game slides. The HUD included a countdown timer, tracking of lives, hints, notes, and badges which were in the form of the items found throughout the escape room.
​
​
.png)
A countdown timer was needed to add a sense of urgency to the escape room. Articulate Storyline does not have this as a native feature so one needed to be created. To do this I used a shape with three different animations, two were set at one second and the third at half of a second. A variable was created to track time on a four-digit timer. This variable would reduce the second number by one when the animation on the shape is completed. The others would change based upon the previous variables, this created a working clock that would countdown from ten minutes.
Final Testing
Final testing was conducted by a number of healthcare workers and instructional designers using multiple devices such as cell phones and tablets, also multiple internet browsers were tested for bugs. During this process, it was discovered that if the learner left a slide with the menu open, then the menu became unresponsive for the rest of the course. The only way to fix this was by returning to the previous slide and closing the menu. To fix this I created a trigger that closed the menu when the timeline started on each slide. This reset the status of the menu to its default of being closed as the beginning of each slide and eliminate the responsiveness problem.
