Instructional Design Learning Activities


Click on the image above to view the demo.

The Challenge

This interactive demo was developed using Articulate Storyline.

I had originally started developing this in Prezi and had all sorts of complex things happening, but when the Articulate e-Learning Heroes weekly challenge #34 Instructional Design Learning Activities was posted, I took this opportunity to revisit this and, for now at least, have reverted to Storyline to create a submission for the weekly challenge.


My inspiration for this interaction was this Infographic by Nicole Legault.  Nicole’s blog post on how she created this Infographic can be found here.


The Design

I used PowerPoint to work with some of the images because I find the “remove background” feature invaluable for things like the chair images which were on a different background to the one I chose.  I also created the chalk board images in PowerPoint by grouping the board icon with the numbers created using a chalk board type font – Rayando, then saving these out as a picture before bringing them into the Storyline course as images.

One thing I have not tried before, but have appreciated in other examples I’ve looked at is adding sound effects to actions or objects in Articulate.  If there is no voice-over or background music, I think sound effects can really add to the overall effect of the course and in Storyline these can be easily added.  I found some great free sound effects site – FreeSFX and SoundBible.  I used animations to make the course a bit more engaging as it is quite short and basic – I try not to over-use animations as I find this can distract from the learning.

I built the course with just one slide, with layers for each of the 9 events, adding a trigger to “hide the layer” to return learners to the original slide so they can continue exploring each of the 9 events.  I also added a “visited” state to indicate which events they’d already looked at.

Two More Versions

I’ve done some work on this project in response to a request to use this as a course example in an LMS.  There are a few changes from the original, including the removal of the sound effects. You can view the demo by clicking on the image below.

And here’s a version with a quiz – suitable for testing in an LMS environment. Click on the image below to view the demo.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s