This project immerses the user in an engaging, branching scenario-based interaction. Playing the role of Director of Center Operations, the user will navigate a tricky situation with a student at risk of Early Withdrawal. This project is an extension/variation of the Featured Project, using the same framework and hypothetical client.
Building on the Featured Project, the audience, business problem, and solution carry over from that project. In summary, this learning experience trains the user, a Director of Center Operations at an Intensive English Program center, to build rapport and engage effectively with a student who is considering terminating their enrollment early.
Building the Branching Scenario
For this simulated interaction, it was necessary to build a branching scenario in which the user actually experiences the positive and negative consequences of their choices. I charted this scenario using Miro.
This flowchart shows all of the possible flows. The color coding was used to indicated the ideal path (green), neutral choices (yellow), and negative choices (red). Straight lines indicate forward progression, while the curved lines indicate scenarios where the learner can revisit an earlier portion of the interaction.
Developing the Written Storyboard
Once the branching paths were finalized, I created a written storyboard for each interaction. Each storyboard indicates the scene to be used in Vyond, the characters present, any dialogue/voiceover, and any additional graphics appearing on screen.
Each storyboard also lists all buttons to be included and where they will take the learner next. The slide names & numbers match the flowchart, allowing the two documents to be used together easily.
Vyond and Storyline Development
I developed each interaction as a separate video within Vyond. Because this is a demonstration project for a hypothetical client, I used the text-to-speech function within Vyond, so the voice work sounds quite robotic. For a real client, voice talent would be utilized to improve the production quality.
The Vyond videos were imported into Storyline, where buttons and other interactive elements were added. You can expriene the Storyline project by clicking the button below.
This software simulation teachers the learner how to complete a specific task within the audio editing software Reaper. Namely, the learner will be able to set up and use the virtual instrument Cthulhu, which is a MIDI composing tool. This process also teaches the user how to print MIDI notes from Cthulhu to a separate track in Reaper.
This project was developed in Articulate Storyline.
This project comprises three distinct sections:
Watch. In this section, the learner watches the process from start to finish with an audio narration.
Try. In this section, the learner is guided through the process. They complete each step of the process by clicking in the appropriate area, but can access explicit hints at any tie.
Test. This section is similar to the previous section, but with the explicit hints removed. The user still has access to a broad overview of the process to help them remember the general sequence. In this section, the learner has the option to exit back out to the main menu to review either of the two previous sections if they are stuck. Completion of the Test section indicates mastery of the process.
The learner is free to navigate through learning experience according to their own abilities. A novice will benefit from all three sections, while an advanced user may opt to simply demonstrate proficiency in the process.
The sections are carefully designed to lead the user from explicit support to independence. The learner will also go through the process up to three times (or more, if extra repetitions are needed), enhancing transfer.
I utilized the following technical skills in this project.
Scriptwriting and storyboarding. Using my own knowledge of the Reaper software, I wrote the script and simulated a written storyboard in Microsoft Word.
Screen capture and audio narration. I captured the screencast using Articulate Storyline's internal screencast function. I recorded, editing, and processed the voiceover narration in Reaper. Additional editing and processing was done for the project SFX, such as the menu select sounds.
eLearning development. This project was developed in Articulate Storyline and uses a fully-customized layout. The main menu, which is designed to support learner choice, was built from scratch, as were the feedback screens used in the Try and Test phase. The buttons and hint layers were custom designed as well, creating a unique and cohesive visual experience.
Visual and graphic design. The visual theme for the project in Storyline was based on the default visual theme in Reaper, creating a cohesive and consistent feel between the simulation and the menu spaces of the project. The menu banner is a sourced image (Envato) that I recolored in Adobe Photoshop to match the color scheme. The software mockup for the main menu was completed in Illustrator, and the visual definitions were exported as GIFs from Microsoft PowerPoint.
This is a project I developed in Articulate Storyline to demonstrate my ability with Storyline interactive functionality.
All visual design and Storyline programming were done by me from scratch. The project was not designed as a true learning solution, and the content should be considered a placeholder.
Interactions within the project include:
Open navigation with a custom menu including unvisited/visited markers
A locked final section that can only be accessed when all other sections have been completed
Tabbed interactions for self-paced reading
Assessment types include drag-and-drop, hotspot-searching, and multiple choice, all with customized feedback
To demonstrate my ability to adapt learning content as needed, I re-created my featured project, Identifying and Engaging Students at Risk of Early Withdrawal, in Articulate Rise.
Due to the differing capabilities of these two authoring tools, many layouts and interactions could not be duplicated identically.
Therefore, while the core content and much of the copy from the original project was preserved, many interactions were rebuilt or heavily modified to make the most out of Rise's interactive capabilities.
The types of interactions used in this Rise project include:
Dynamic simulations to concretize the effects of user choices
Multiple choice and matching questions for quick comprehension checks
Drag-and-drop sorting activities as reinforcement tools
Tabbed interactions to interactionalize content delivery
Which character from the ABC drama LOST are you? Take this quiz to find out!
This is a fun and simple project build in Articulate Storyline that matches the user with a character from LOST based on their answers to a handful of "What Would You Do" style questions.
This project demonstrates how variables and conditions can be used to deliver the user to a particular conclusion based upon their choices earlier in the experience.
This microlearning experience teaches users about common objects that can be seen in the night sky. I used the following skills in the production of this project:
Flipcard animations in Storyline. Storyline does not have a pre-built flipcard function, so I built this interaction from scratch. Tapping each icon triggers a flipcard animation and displays an overlay describing the the object. The user must interact with all three cards before advancing to the assessment, but they can be explored in any order.
Custom audio. The background music is a stock cinematic track which I edited to seamlessly remove the more dramatic portions, rendering a calmer version of the track, appropriate for the subject matter. I wanted musical sound cues that would fit comfortably with the track, so I designed a variety of audio cues in Reaper using a processed piano virtual instrument. By matching the cues to the key of the background track, I was able to produce cues that compliment the music.
Hotspot assessments. To test the learner's understanding of the content, a hotspot assessment is used. The user must identify the correct object on a photo of a night sky. Visual aids are set to appear after a specified amount of time, helping the user get through any challenging portions of the assessment.