Storytelling with Animated Text, Images, Sound, and Video in E-Learning #158

Video Presentations and Storytelling #158: Challenge | Recap

One of the things I enjoy most about the weekly challenges is seeing the different ways course designers present content.

Looking through the thousands of examples users have shared over the past four years, I noticed that most of the public examples don't look like the typical examples I see behind the scenes when users share their source files with us.

And that makes sense because the challenges and Guru contests are an opportunity for course designers to build something different than what they build in their day jobs.

But that doesn't mean there's anything wrong with the typical e-learning courses where text, bullets, and graphics are synced with audio narration. The trick is finding new variations on that familiar model. And that's what this week's challenge is all about!

Syncing Video with Animated Bullets, Text, and Graphics

Here are some good examples of animated text and video synced with audio narration. Because the videos don’t include audio, they work as animated pictures that reinforce what the learner is hearing in the audio narration.

Example 1 | Example 2 | Example 3 | Dan Sweigert

Syncing Text, Graphics, and Images with Audio Narration

Here’s an example slide from a series of courses I worked on 10+ years ago. I rebuilt the slide in Storyline 360 to ensure non-Flash users could view the example.

The example features animated text, graphics, and photos synced with the audio narration. The on-screen text is minimal and relies on supporting visuals to complement the audio narration.

Click image to view the example | David Anderson

Challenge of the Week

This week, your challenge is to share an example of syncing text, graphics, audio narration, and video in e-learning.

You can share any combination of animated elements with audio narration.

NOTE: Your entry can be anything from a rough concept to a polished example. The challenges are open to everyone, regardless of experience or skill level. If you need technical or creative help with your project, please ask in our forums and reference the challenge number you’re working on.

Resources

Tutorials

• Storyline 360: Syncing Motion Path Animations
• Storyline 360: Syncing Animations with Audio

Examples and challenges

• Audio Slideshow Storytelling for E-Learning #130
• Screencast Challenge: Working with the Timeline and Cue Points
• Screencast Challenge Recap: How to Use the Timeline and Cue Points in Articulate Storyline 2

General articles

• Coherence Principle: Less Material For Better Learning
• Contiguity Principle: Keep Graphics & Related Text Together
• Redundancy Principle: Should You Duplicate Narrated Text On-Screen?
• Use Storyline’s Cue Points to Trigger Animations

Last Week’s Challenge:

Before you synchronize with this week’s challenge, check out the amazing video quiz examples your fellow community members shared over the past week:

Interactive Video Quizzes in E-Learning #157: Challenge | Recap

Wishing you an animated week, E-Learning Heroes!

New to the E-Learning Challenges?

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

NOTE: Please don’t use Google Drive or Dropbox to host your projects. Both companies have announced that they’re no longer going to support HTML projects.

You can use our Dropbox file request link to send me your zipped output: https://www.dropbox.com/request/jrqHXAxWwbts234Y4xak. Please include your first and last name and challenge number in the file name: DavidAnderson_122.zip