A Tour Of Articulate Storyline Demos

One of the best ways to understand a new authoring tool is to see examples of how it’s being used. Then, with a little explanation of what’s going on under the hood, you can understand its potential.


The Storyline Demo Overview

The first place we’ll stop on our tour of Articulate demos is the publisher’s site. There you’ll find a showcase of examples that demonstrate varied interaction types, the use of variables, triggers, slide layers, states and more. The little explanation that goes along with each demonstration presents the features and functionality of each example.

eLearning Examples

You can see these same demos at David Anderson’s site, eLearning Examples. While you’re there, take a detour to check out other great eLearning and interaction examples that he’s curated. You’re bound to get some good ideas.

 Storytelling and Animation

Our road trip is pulling over for a storytelling session. Here you can learn about instructional design and Storyline in a set of brief stories created in the authoring tool itself by Bruce Graham. In this adventure of Story Lion, you’ll experience Storyline’s animation capbilities while learning about the video features.

Multiple Videos on One Screen

While we’re here, check out Storyline’s multiple video windows in this short piece also by Bruce Graham.

Cupcakes Drag and Drop

Don’t you love checking out the local food on your road trips? This little bite by Montse Anderson demonstrates the drag and drop capabilities of Storyline. It helps foodies identify cupcake types by their sprinkles. Just drag the cupcake name to it’s image. Then go burn off some calories.

Roll-over Power

Another example by Montse demonstrates the power of roll-overs. In this interaction, users guess who recorded the voice over of various commercials. It looks complex and takes advantage of the multiple video windows we saw previously. The original was created by the L.A. Times and this version was made for educational purposes only.

Branching and Embedded Questions

We’ve got a few more stops so let’s keep moving. This short piece by Phil Mayor helps healthcare workers identify a patient’s level of distress. Although you may find the navigation a little hard to follow, this example demonstrates branching, embedded questions, rollovers and zoom-ins.

Interactive Timeline

In this second piece by Phil Mayor, he used Storyline to create an interactive timeline. Timelines are great for quickly running through key events, history or any type of progression, including some types of procedures. See this article for more on using timelines for learning.

Storyline as an Application

Being an eLearning person, you probably want a certificate to prove you were on the tour. Steve Flowers, author of one of the first Storyline how-to books, has you covered. He used Storyline to create a certificate generator. If you become a member of the eLearning Heroes Forum (super quick registration) you can download the story file and certificate add-in files.

It’s the end of the line. I hope you enjoyed the road trip as much as I did. And I’d personally like to thank all the people who are pushing the envelope with Storyline. You are encouraging and inspiring us to create more effective eLearning.

Related Posts Plugin for WordPress, Blogger...


  1. Erik CB Olsen, PhD says

    Connie – look forward to viewing these when I get to my laptop! Cannot seem to view them on my Android…how many customers are doing the sane and potentially missing your (apparently) cool demos!? Do I need to download something!?

  2. Connie Malamed says

    Hi Erik,
    Although I have my site set up for viewing on a mobile device, I don’t know why these demos don’t show on an Android. Certainly the window size is too large, but I’d think you’d be able to see a part of it. I’m stumped.


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>