How to Create an Interactive Story Template for E-Learning

Posted: 24 Jun 2014 12:39 AM PDT

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.

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.

Trina Rimmer offers tips for teachers seeking ways to annoy, aggravate, and alienate meddlesome parents.
Montse Anderson shared an interactive character collage.
Jackie Van Nice share a photo collage story for freelancers.
Nick Russell shared an illustrated story based on a 4-step sales plan. Check out the source file.
Ruth McElhone reveals known secrets in this pint-sized tribute to Guinness beer.
Ashley Chiasson put together an infographic that features interactive charts.
Jeff Kortenbosch shared some extended family photos in this photo collage story.
Patrick Gurczynski shared an out-of-this-world character tribute to Halo.
Matthew Guyan mocked up a beer-coaster collage.
Melanie Dunmore shared a magical story in this animated tree collage.
Allison Nederveld offers a comic-style story for managers.
Gina Orozco shared an office-themed collage.
Sylvia Davis put together an engaging photo collage that features personal, professional, and travel-related insights.
Lance Treloar shared a corkboard-themed story.

Articulate Rapid E-Learning Blog - elearning community

Weekly Updates

Challenge Activity: Share Your Experience & Ideas. This is a pretty neat challenge. Answer some interview questions and David will pull them together into an interactive podcast.
E-Learning Jobs: Training, elearning, and instructional design jobs
Community Recap: E-learning tips & tricks

Community Blog Posts & Tutorials

Upcoming Events & Workshops

July 10: Toronto. E-Learning Heroes Community Event. Join your peers for some hands-on tips and tricks. Will be a good time. Sign up here before it fills up.
July 24 – 25: Little Rock, AR. Teaching with Technology Symposium 2014. I'm doing a few sessions: What is Interactive E-Learning, How to Build an Effective Community, and PowerPoint for E-Learning. Learn more here.
August 12-14: Madison, WI. 30th Annual Conference on Distance Learning & Education. PowerPoint workshop.

September 10 & 11: Denver, CO. E-Learning Heroes Roadshow. Hands-on activities that explore general course design as well as a boatload of Articulate tips and tricks. Sign up here before it sells out.
September 22 & 23: Minneapolis, MN. E-Learning Heroes Roadshow. Hands-on activities that explore general course design as well as a boatload of Articulate tips and tricks. Sign up here before it sells out.
October 21 & 22: Boston, MA. E-Learning Heroes Roadshow. Hands-on activities that explore general course design as well as a boatload of Articulate tips and tricks. Sign up here before it sells out.
October 7 & 8: Dallas (ASTD). Two rapid elearning workshops. Sign up here.

Day 1: PowerPoint for E-Learning
Day 2: Building Interactive E-Learning with Articulate Storyline.
October: Las Vegas (Devlearn).

Post written by Tom Kuhlmann

Download your free 46-page ebook: The Insider's Guide to Becoming a Rapid E-Learning Pro

The post How to Create an Interactive Story Template for E-Learning appeared first on The Rapid eLearning Blog.

--
Posted By tremeex to tremeex at 6/24/2014 07:14:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:14:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:14:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:14:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:14:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:14:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:14:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:14:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

--
Posted By tremeex to tremeex at 6/24/2014 07:15:00 AM

tremeex

Tuesday, June 24, 2014

How to Create an Interactive Story Template for E-Learning

How I Created the Interactive Story

How to Create Your Own Interactive Story

Take up the Challenge to Create an Interactive Story

Weekly Updates

Community Blog Posts & Tutorials

Upcoming Events & Workshops

No comments:

Blog Archive

About Me