Skip to main content
Category

Scenario-Based E-Learning

Back to the Office

As a result of the COVID-19 pandemic, lifestyles have changed. Many former office workers now work remotely, from their homes. At this point, some organizations are demanding that workers return to the office. Check out the demo by clicking the image above!

Back to the Office is an Articulate Rise interaction based on this situation. I created this demo as a response to Articulate’s eLearning Heroes Challenge #371Using Labeled Graphics to Create Interactive Pictures in E-Learning.

I decided to use a comic book theme, and use labeled graphics to advance the scenario. Users click on the markers to reveal the graphics, which serve as speech bubbles for the characters.

I used several authoring tools to create this presentation:

  • Freepik
  • Adobe Illustrator
  • PowerPoint
  • Articulate Rise

I found the images I wanted to use by exploring pop art images on the Freepik site. I picked images that would be easy for me to manipulate using Adobe Illustrator and/or PowerPoint.

Vector mages downloaded from Freepik are easily edited in Illustrator. For each image I used, I removed the backgrounds by simply turning off the background layer in Illustrator, and exporting the image as a transparent png image.

Working with PowerPoint, I was able to compose new images by combining graphics, inserting new backgrounds, increasing color saturation and changing the expression on a character’s face by adding colored shapes strategically.

Holiday Office Party

The Holiday Office Party is another submission to Using Interactive Video Quizzes and Scenarios in E-Learning, Articulate’s E-Learning Challenge #258. Click the image below to view the comic book-themed gamified demo.

The boss is pretty strict! Can you meet her unwritten dress code standards and win prizes at the office holiday party?!

Authoring Tools: Camtasia, PowerPoint & Storyline 360.

Leadership Training Template

E-Learning Heroes Challenge #230 is: Course Starters: E-Learning Templates for Leadership Training. This week’s challenge from Articulate is to share a course starter template for leadership training.

Click the image below to view the Storyline version of my comic book style demo.

Creation Process

I started creating this demo by leveraging Paul Alders’ PowerPoint template, which you can download for free on the Articulate E-Learning Heroes website: https://community.articulate.com/download/powerpoint-comic-strip-template

Original template

My template

To make the template my own, I changed the colors on the slide master backgrounds, using PowerPoint’s picture tools. I like bolder colors for comic books, so I darkened and increased the color saturation and color contrast on most of the background images. (I thought it would be quicker and easier than it was, because I thought the backgrounds were shapes rather than images! So, I’m not sure I actually saved myself much time in this process!)

I replaced the existing fonts with some I already had on my computer (Bangers & Back Issues BB – both can be downloaded for free), and decided to go with photographic images, rather than cartoons, for the characters in the scenario. I altered the photographic characters by using PowerPoint’s artistic effects. Then, I included some office backgrounds, again altered by using PowerPoint’s artistic effects tools.

PowerPoint Versatility

I like creating in PowerPoint when I want to manipulate images extensively, using PowerPoint’s image-editing tools. It makes for a smoother workflow for me, rather than uploading images into Photoshop, editing them, then downloading them from Photoshop and uploading them to an eLearning application. When I’ve edited all the images in the PowerPoint to my satisfaction, I can upload the PowerPoint to Storyline, or use Articulate Presenter, to finish my eLearning course and add interactivity. Sometimes I export the PowerPoint to video, and use Camtasia’s video-editing tools and quiz capability, too.

Free PowerPoint Template Download!

Download my version of the comic book template here.

Authoring Tools

PowerPoint, Storyline 360

Anti-Bias Training

Widget World Presents: Interpersonal Skills Training is another submission to Articulate’s Creating Animated Characters in E-Learning Challenge #163.

Anti-Bias Training in the News

Workplace anti-bias trainings have proliferated in recent years, culminating with the Starbucks chain closing more than 8,000 company-owned stores in the United States on May 29, 2018 to conduct racial-bias training for all employees. Although Starbucks chose to focus almost exclusively on racial bias in their recent training, biased behavior in the workplace is not limited to racial bias.

Such workplace training programs often focus on getting people to own up to their implicit biases. Unfortunately, there is little evidence that getting people to acknowledge their implicit biases alters their behavior in the workplace. In fact, a meta-analysis of 494 anti-bias studies (with 80,356 participants) found no evidence that getting people to come to terms with their implicit biases alters behavior. (A Meta-Analysis of Procedures to Change Implicit Measures)

What’s the Goal?

The goal of workplace training should be to see some measurable, desirable change in employees’ behavior on the job. One approach that can be effective in producing behavior change is scenario-based training that aligns with the behaviors learners are expected master once the training is complete.

During the scenario-based training, learners are plunged into situations where they are allowed to practice skills and develop relevant behavior strategies. In this way, they can safely learn from their mistakes and acquire beneficial experience.

Interpersonal Skills Training Demo

In the short animated example demo, the learner must make a decision about how to react to a workplace interaction. The learner experiences consequences, and has the opportunity to correct any mistakes made.

Animation & Video Editing Tools

The animated video scenario in the demo was created with the Plotagon animation application, then edited with Camtasia video editing software, and imported into Articulate Storyline 360 to add learner feedback.

Glasgow Coma Scale

The Glasgow Coma Scale

This week’s Articulate E-Learning Heroes challenge is to share an example of an interactive video quiz.

Click the image above to see the short demo. I created the video scenario in GoAnimate, used Camtasia and PowerPoint to do some editing, and imported the video into Storyline 360 to add the quiz questions.

Authoring Tools: GoAnimate, Storyline 360, Camtasia, PowerPoint 16

Updated 6/3/18

Storyline Blocks in Rise

Articulate E-Learning Heroes Challenge #193 asks the question: How Are You Using Storyline Blocks in Rise?

Click the image below to view the demo.

Responsive Courses

Rise is one of the apps in the Articulate 360 suite of eLearning applications. It allows eLearning developers to quickly create responsive courses that look great when viewed on desktops, laptops, tablets, or phones. The best part is, as an eLearning designer you don’t have to make layout adjustments manually; the program does that for you automatically.

The course on a desktop computer:

The course on mobile devices:

Why include Storyline blocks in a Rise course?

The Storyline block feature in Rise allows course designers to include custom multimedia interactions. In this case, I created animated video scenarios using Plotagon animation, and edited the videos with Camtasia. I used Storyline to include quiz questions superimposed on top of the videos at the end of each scenario.

Creating Animated Scenarios Using Plotagon

Plotagon is a fun and easy-to-use application for creating animated videos. In the application, you are limited to two characters who can participate in a dialogue for any given scene. I get around this by creating separate scenes set in the same location, with new characters and camera angles. Then, I edit the separate scenes in Camtasia, and voilà! I can have as many characters as I like interact with one another. In the bar scene in this demo, I had 5 characters interact in one scene.

Authoring tools for this presentation: Storyline 360, Articulate Rise, Plotagon for creating animated videos, Camtasia for video editing

Articulate Challenge #125: Gamify Your E-Learning with Scratch-Off Cards

erase replace

 

My entry for Articulate’s #ELHChallenge 125 is a gamified demo called ERASE & REPLACE.

safari land

 

I created this demo using Plotagon animation, and edited the result in Camtasia. I imported the video into Storyline 2, to incorporate the interactions. Learners identify misspelled words, erase them, and type in the correct spelling. The feedback is immediate, and utilizes the learner’s name, if they have typed it in on the opening screen.

VIEW DEMO

 

 

Authoring Tools:  Plotagon, Camtasia, Storyline 2.

Articulate Challenge #122: Showing Dos & Don’ts in E-Learning

dos donts

 

My entry for Articulate’s #ELHChallenge 122 is a scenario-based demo called E-Learning Design Do’s & Don’ts.

omg

“Where did I go wrong?”

In this demo, I used Plotagon animation again, and edited the result in Camtasia. I imported the video into Storyline 2, and added a drag & drop interaction. Learners identify E-Learning Do’s & Don’ts in order to help Alicia, who has created an “awful” e-learning module.

client reaction

Client Reaction

VIEW DEMO
 

 

Authoring Tools:  Plotagon, Camtasia, Storyline 2.