The Rapid Elearning Blog

In a previous post I showed an easy way to convert your linear course to an interactive story. The essence of it is to reframe your content so that the information is aligned to a relevant scenario and then find the images to represent key points in the scenario.

The images are the visual cues; and the learner clicks on an image as a means to get the information. From there you can make it as simple or complex as you like from basic information to elaborate scenario.

Here’s the demo I used in the post.

Articulate Rapid E-Learning - how to create an interactive story template & free PowerPoint template

Click here to view the demo.

How I Created the Interactive Story

I received a lot of questions on how I built the demo used in the blog post. So I created a series of tutorials that walk through the steps. I also cleaned out the PowerPoint file and created a template for you to use if you like.

You can view the tutorial below and download the free PowerPoint template here.

Click here to view the interactive story tutorial.

How to Create Your Own Interactive Story

You’re free to use the free PowerPoint template above if you want. However, the images may not work for you so you’ll need to acquire your own to use in the collage. In that case you can do one of two things.

  • Create your own photo collage. Select some photos and stich them together to create a collage. There are some products on the market that will create a collage for you based on a selection of photos. Or you can add them to a PowerPoint screen and make it look like a collage.
  • Create a collage frame and add your content inside the frame. This is more like a comic style layout. You create the framework and then add the images to it.

I prefer the frame structure because it’s easier and once you have the frame built you can use it on other projects.

Take up the Challenge to Create an Interactive Story

David did a follow up elearning challenge in the community to go with the original blog post. The challenge activity is a great way to practice building this type of interaction and get some ideas from others. Here are some examples created by your peers.

You’ll notice that while the post may have centered on the photo collage, the participants in the challenge came up with a number of useful treatments that go beyond the challenge. I’m sure there’s something you can glean from them.

Articulate Rapid E-Learning - examples of interactive story templates and elearning examples and samples


Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.

4 responses to “How to Create an Interactive Story Template for E-Learning”

June 25th, 2014

Is there a way you save and distribute powerpoints like this one so that the viewer opens it straight to slideshow mode?

I often experiment with hyper-linking in my slides, but when I share it, the user views it in normal mode and doesn’t understand the relationship between the slides.

Also, your tutorials are great and I have learned a lot from you.


@Gabriel: you can save the PPT file as a PowerPoint Show (.pps). When someone opens it it’ll open in the slide show mode and will work. A few drawbacks are that some organizations block .pps files because of potential virus/malware inside them. And it’s not optimal for delivery over a network.

July 22nd, 2014

wonderful points altogether, you simply won a new reader.
What may you suggest about your post that you just made a few days ago?

Leggi qui la traduzione in italiano autorizzata: