Storyline 2 Highlighting A Presentation Using "Rollover Visuals" With Audio (Source File Provided)

Dec 21, 2015

This Storyline 2 example includes a brief, yet dynamic overview of a presentation by including "rollover visuals" and audio of key points. In this case, noted educational leader and innovator Mitch Resnick provides salient points in his TED talk on coding for very young students; of note, he is the lead developer of "Scratch", an amazing open source software application that incorporates visual "Lego-like" programming strategies for children. You will find a link to his entire TED talk in the demo.

What is the purpose of this example? Within a few minutes, you can engage an audience immediately with key points reinforced with "rollover visuals" and accompanying audio. Once "enticed", the audience can seek out more information by exploring with the included link to view the entire online video. 

Less is more. Instead of an introduction, the brief content just... begins. These elements are incorporated in this example:

  • Visuals appear, in layers, when there is a "mouse rollover" of one of the images.
  • Each layer includes audio. The audio plays immediately.
  • When finished, the user can exit with options. One option is to view the online video.  

Compared to any other method for developing interactive content, Storyline 2 makes this easy to do. With "mouse rollovers" and some audio, you can create a dynamic and interactive overview of a presentation that "encourages interest"... for the user to want to find more information.

Educators and e-learning trainers can improve a learning and training experience by focusing on the value of what can be learned... by outlining key and important points. If a learner does not want to learn something new, or is not convinced of the value, more content will not help. So, please consider this as an example of "nudging" a learner to want to learn more "about something" because it is interesting, valuable, relevant, or potentially useful. 

This example can be modified with just a few images. In this case, the images were simply "captured" from the actual TED video. It's not hard to do that;  I use "Snagit".  The audio was edited with "Audacity", an open source audio editor. Storyline 2 does the rest.

In the included source file, you will find the use of layers, and triggers to play audio. You can adapt this simple instructional design for highlighting the key points of a presentation by including your own content. Examples like this can encourage attention, engagement, and interest.

You are welcome to modify the source file.

Special thanks go to Mitchel Resnick for permission to use excerpts from his TED talk. If you are interested in early coding skills for children, I highly recommend his recent book called The Official Scratch Jr. Book, co-authored with Marina Umashi Bers.  I think "Scratch" is revolutionizing the way we think about early education.


Storyline 2 Source File:


Mike Beutner
Faculty Webpage:

2 Replies
Christie Pollick

Hi, Mike -- What an excellent contribution here in the community; many thanks! Just to be sure as many members are able to benefit as possible, you may want to adjust the post title to include "FREE SAMPLE FILE" or something to that effect to differentiate that you are not asking question, but are offering tips and information. You would also be welcome to share over in our Building Better Courses forum, as well. :)

This discussion is closed. You can start a new discussion or contact Articulate Support.