Identifying and Engaging Students at Risk of Early Withdrawal
A scenario-based eLearning experience solving a business problem for a hypothetical company, IEP Schools. Directors of Center Operations are given a three-step process for reducing Early Withdrawals, and then must navigate student interactions to achieve a successful outcome.
You can experience the full project, or continue reading to see the detailed project write-up.
Subject Matter Expert (SME)
Branding & Visual Design
Instructional Design
Problem identification
Action mapping, outlining, and storyboarding
Modality selection & objective/outcome description
eLearning Development
Articulate Storyline: eLearning Development
Adobe XD: Prototyping
Adobe Illustrator: Graphic design
Miro: Action mapping, outlining
MS Word: Written storyboard
This demo project was developed by a hypothetical company, IEP Schools, which I conceived of as a chain school operating English language centers throughout the US. I designed a this hypothetical company to be similar to the organization for which I worked most recently, allowing me to serve as the SME and content writer in addition to conducting the full instructional design process, including eLearning development in Articulate Storyline.
The initial design phase began by identifying a business problem: Student Early Withdrawals, or EWs, which occur when a student enrolls for a given amount of time — say, 16 weeks of study — but leaves early, cancelling some portion of their initial booking.
With this problem selected, I developed an action map using the online platform Miro (see left), where I identified several actions Directors of Center Operations (DCOs) could take to reduce the number of annual EWs.
For each action, I listed one or more forms of practice which would help DCOs bridge this performance gap. I determined that eLearning would be an appropriate modality for a subset of these actions and, from there, I selected closely related actions that would dovetail together in a single eLearning module.
These actions were highlighted on the action map and, where appropriate, appended with what information would be needed in the module.
In its final form, the action map contained a key performance index, selected actions needed to reach this KPI, task-supporting practice activities, and critical information chunks.
Finally, I created a three-phase process to tie all selected competency outcomes: IRE, for Identify, Rapport, and Engage.
With the IRE framework established, I created a sticky note outline in Miro. The outline itself was built in two phases.
First, I brainstormed the key interactions that would be needed in the eLearning module. To do this I created a space for the two selected competency outcomes and the populated them with notes for each interaction to be built in Storyline. This ensured that all planned outcomes would be directly supported by a practice interaction within the eLearning module.
Next, I structured the module, also using digital sticky notes. Here, a bolded note represented each slide in the module, with slide content listed to the right. I checked off the critical interactions developed in the first step as they were added to the outline to ensure that all interactions were accounted for.
I used color-coding to distinguish between types of slides. I also included a note for each slide regarding which slide template from the prototype would be used to help the hypothetical client visualize the layout of the module while reviewing the outline.
The final written storyboard was completed in Microsoft Word. The written storyboard contains all copy from the project, including written feedback and simulation dialogue.
Because IEP Schools is a hypothetical company, I created a brand kit to establish a consistent look and feel for the eLearning module. I selected a color scheme, and created a simple logo in Adobe Illustrator. I also used Illustrator to modify the sourced character graphics to create a range of emotions for each character.
In Adobe XD, I assembled these graphics — as well as the typeface standards, button concepts, and assorted supplemental graphics — into a sample branding kit (see top left).
I also assembled several layout templates for the hypothetical client to review. I used these templates to experiment with different layouts and element combinations. This was a dynamic process in which I also iterated the outline as new layouts prompted new ideas for interaction types.
These layout prototypes were later built in Articulate Storyline during full development.
I developed the eLearning module in Articulate Storyline.
A learning coach was included to gain attention and create a personal connection between the learner and the course content. The learning coach provides both visual and written feedback, with a responsive "mood" and individualized feedback based on learner choices throughout.
The objectives of the module are delivered in a conversational tone and follow the three-phase process (IRE) that is reiterated throughout the modules. At multiple points, users are asked to brainstorm via free writing before specific content is delivered, stimulating prior recall and connecting the content to the user's real life experience. Nearly all content is presented through interactions, keeping the learner engaged and allowing the module to provide learner guidance throughout, as explicit feedback is given for each correct or incorrect choice.
The user is guided through multiple simulations, allowing them to perform the target competency is a risk-free environment. Feedback is provided for each choice is the simulation both in the form of a simulated outcome (e.g., the student is unhappy with your action) and through learning coach feedback.
See below for a sample of screenshots from the project, or click the button to experience the full project.