Blog Post

E-Learning Challenges
3 MIN READ

How Can Designers Use Interactive Videos in E-Learning? #414

DavidAnderson's avatar
2 years ago

Interactive Video in E-Learning #414: Challenge | Recap

Using videos in e-learning is an excellent way to grab learners' attention and develop engaging and relevant e-learning content.

Incorporating interactive elements such as cue points, hotspots, buttons, and markers into videos allows you to elevate typical e-learning quizzes or scenarios into more engaging interactions for learners. And that's what this week's challenge is all about! Here are a few examples to give you an idea of what’s possible.

Video Interview with Branching Quiz Questions

This is one of my favorites. Amar first shared this example in the video interview challenge. I really like how this project alternates between presentation and quizzing modes.

View the interactive video quiz

Video as Answer Choices

I like how Nick uses looping video clips as answer choices in the video quiz example. This approach is great for moving from static, text, and image quizzes to video-based assessments. 

View the video choices example

Video Interviews

Here's an older video interview I recorded with my daughter. I used an iPhone 5 to capture the audio and video and some background paper from Savage. The original idea was to make the pink paper fill the entire background, but my kid moved around so much that I had to cover part of the background.

View the video interview example

Videos to Show Progress in Quizzes

Here’s a different take on using video in quizzes. In this example, Jonathan uses background video to show learner progress. Answer the question correctly, and you’ll see an upward-moving video taking you to the next floor. Conversely, answer the question incorrectly, and the video shows you moving down to the bottom, where you can try again. Brilliant.

View the video background quiz example

Challenge of the Week

This week, your challenge is to share examples that show how interactive video can be used in e-learning. You can reshare a previous example or build something new this week.

Related Challenges

We’ve hosted several interactive video challenges over the years. Below you’ll find some recent challenges and recaps to help you get started.

Resources

Share Your E-Learning Work

  • Comments: Use the comments section below to link your published example and blog post.
  • Forums: Start a new thread and share a link to your published example.
  • Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure.

Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness.

Last Week’s Challenge:

Before you interact with this week’s challenge, check out the enlightening ways course designers use lightbox slides to provide performance support to learners:

Using Lightbox Slides in E-Learning #413: Challenge | Recap

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.

Learn more about the challenges in this Q&A post and why and how to participate in this helpful article

Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:  https://bit.ly/ElearningChallengeForm.

Published 2 years ago
Version 1.0
    • CourtneyMRobert's avatar
      CourtneyMRobert
      Community Member
      Awesome example, Jessica! I really like how you have the picture showing the correct positioning on the left for reference when the learner is interacting with the dial and slider on the right.
    • YigahLhamo's avatar
      YigahLhamo
      Community Member
      This was so helpful Jessica! Great job! What program did you use to animate this?
    • Ron_Katz's avatar
      Ron_Katz
      Community Member
      Great video and I love the little interactions.
    • ThierryEMMANUEL's avatar
      ThierryEMMANUEL
      Community Member
      I like the reverse video in case of a wrong answer to return to the dive boat, Ange. It's so frustrating! when you know the wonders that await you below the surface.
    • TracyCarroll's avatar
      TracyCarroll
      Community Member
      I love the concept and the beautiful, relaxing underwater video backgrounds. The water sounds add a nice touch!
  • TracyCarroll's avatar
    TracyCarroll
    Community Member
    This is the first time I’ve used a Rise Micro-learning template. I really like this alternative! All of the video images were generated by AI—either Microsoft Designer or Adobe Firefly. I was playing around with both of them when I created this example.

    View the video, Murder on Angel’s Flight, then answer 3 questions: https://tracycarroll.net/homicide-investigation_4.15.23/content/index.html#/

    This blog entry is part 3 in a series of AI exploration posts: https://tracycarroll.net/chatgpt-as-sme-part-3/
    • ThierryEMMANUEL's avatar
      ThierryEMMANUEL
      Community Member
      Great-great-great video presentation, Tracy. In the manner of a Dick Tracy Caroll investigation, no?
    • JodiSansone's avatar
      JodiSansone
      Community Member
      Great example. I love those old trolley-cable cars. I liked the noir feel!
      • TracyCarroll's avatar
        TracyCarroll
        Community Member
        Thanks, Jodi! I like the film noir concept, too. At first I did this in black and white, but I felt like it was too noir, so I added some color back in. Angels Flight is the world’s shortest railway & is a tourist attraction in Downtown L.A.

        Microsoft Designer clearly knew about the attraction, while Adobe Firefly didn't have a clue about what I was trying to describe. :)
    • jessicasusila's avatar
      jessicasusila
      Community Member
      This is great, Tracy! I like how you use the Rise-microlearning and the course's look and feel. Very engaging.
  • Hello!

    Waaaay back during Challenge #237 ('Interactive Maps') I used Storyline's 'Carmen' character to create my own spin on the classic Carmen Sandiego games.

    For this week's challenge I've given that design an interactive video upgrade!

    Demo: https://bit.ly/elhc414
    Download: https://bit.ly/elhc414dl

    This maybe also qualifies for the Lightbox, Brutalist and Knuffle Bunny challenges?
    • Jonathan_Hill's avatar
      Jonathan_Hill
      Super Hero
      Thanks all. I've updated my original post with a download link, so you can see how I overcame the lag on the cue points with a freeze frame.

      Any questions, drop me a line.
    • TracyCarroll's avatar
      TracyCarroll
      Community Member
      I think I missed this the first time around--I'm glad you brought it back! This was a fun game, and I was shocked at how many questions I got right, considering I'm not exactly a constant world traveler.
    • jessicasusila's avatar
      jessicasusila
      Community Member
      I love it, Jonathan! Great video, and I love the integration between the questions & map.
      I agree with you on the cue points issue; I'm also experiencing this. They stop at different times from what was originally designated in the story file. Especially on mobile devices, it's way off. Thank you for sharing your solution to the problem.