Here’s a Simple Way to Convert Your Course to an Interactive Story

Posted: 18 Mar 2014 12:30 AM PDT

Articulate Rapid E-Learning Blog - create interactive stories with simple pictures and comic-book like panels

The other day I was doing a search for business meeting images and ran into this collage image. It kind of looks like a comic book layout. I played around with some ways to use this image in an elearning course.

Articulate Rapid E-Learning Blog - create an interactive story with this collage image

Here's a quick demo of the image converted into an interactive slide. I just added some place holder content since the images are not contextual. But in your case, you'd create a collage where the images work together to tell a story.

Click here to view the interactive story demo.

Tips & Tricks for Creating an Interactive Story

Here are a few ideas on how you could approach this type of interaction:

Create a story. Many courses tend to be heavy on the information and light on relevant context. Rework your content and frame it like a mini story or scenario. In this case, it's not about a long branched interaction. It's more like a quick scenario where the course content is framed in a relevant context. People love stories so why not build a story around your information? Plus, the comic-book style layout is kind of popular.
Get rid of bullet points. A lot of elearning is linear and the screens are loaded with bullet points. Get rid of those bullet points! Why not use a panel for each bullet point? I'd use the large panel to represent the essential point of the slide. And the smaller panels would represent the bullet points or supporting information.
Feel free to take your own photos. You don't need to be a pro to create your own stock photos. Besides many of the smart phones have those cool filters that convert your images and give them a pro feel. So outline a story and then storyboard the photos you'd need to support that story.
Create a few panel layouts so that you can rotate through your screens and make them visually a bit different. This post on comic book layouts will help come up with some ideas.

This is a simple technique but and an easy way to convert bullet point slides into something a bit more visually engaging. And with a little effort you can frame the information into something more story-like and interactive. It's a step away from a content dump and a step into meaningful content.

What do you think? Would this work with any of your elearning courses?

Articulate Rapid E-Learning Blog - active elearning community

Weekly Updates

Challenge Activity: Interactive Screenshots for Online Training
E-Learning Jobs: This week's training, elearning, and instructional design jobs found online
Community Recap: Down & Dirty E-Learning Tips & Tricks

Community Blog Posts & Tutorials

Upcoming Events & Workshops

March 19: Sydney (iDESIGNX): I'm excited to attend my first conference in Australia. Looking forward to meeting many of the blog readers there. I'll also be in town for two days of workshops. Sign up before it sells out.
April 9 & 10: Indianapolis (ASTD). Limited seats for this one.

Day 1: Introduction to Articulate Storyline

Day 2: Advanced Interactive Challenges Using Articulate Storyline
May 20 & 21: Fargo, ND (ASTD). Details coming.

Day 1: PowerPoint for E-Learning

Day 2: Build Interactive E-Learning with Articulate Storyline
June 11 & 12: Lincoln (ASTD). Details: PowerPoint's No Longer a Slideshow Freak & Getting Started with Articulate Studio '13. Sign up for one or both days here.
October: Dallas (ASTD). Details coming.
More to follow.