Top 10 Common E-Learning Interactions and Examples #307

Common E-Learning Interactions #307: Challenge | Recap

The easiest way to get started with e-learning is to learn how to build the most common interactions. These are the interactions you'll use most frequently in your e-learning courses. And that's what this week's challenge is all about!

Common E-Learning Interaction Challenges

Here are my top 10 common e-learning interactions and corresponding challenges. For this week’s challenge, you’re welcome to cross-post your new example in this challenge as well as the original challenge.

  1. Tabs Navigation (2018) #199: Challenge | Recap
  2. Accordions (2019) #227: Challenge | Recap
  3. Labeled Graphics (2020) #283: Challenge | Recap
  4. Drag-and-Drop (2018) #202: Challenge | Recap
  5. Flashcards #270: Challenge | Recap
  6. Timelines (2019) #246: Challenge | Recap
  7. Checklists and To-Do List #291: Challenge | Recap
  8. Notecards #149: Challenge | Recap
  9. Sorting Drag-and-Drop #178: Challenge | Recap
  10. Process and Step Graphics #238: Challenge | Recap

Challenge of the Week

This week, your challenge is to share one or more examples of a common e-learning interaction. 

New Entries Only!

To keep things fresh, we’re asking you share a new entry or rework a previous example for this week’s challenge.

Share Your E-Learning Work

  • Comments: Use the comments section below to share a link to your published example and blog post.
  • Forums: Start  your own 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 back to your posts so the great work you’re sharing gets even more exposure.
  • Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.

Last Week’s Challenge:

Before you build your favorite, common e-learning interaction, check out the creative ways course designers are using Storyline 360 activities can be used in Rise 360:

Using Storyline Blocks in Rise 360 #306

Using Storyline Blocks in Rise 360 #306: Challenge | Recap

Wishing you a great 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.


Richard Hill
Jodi Sansone
Kimberly Eng
Kimberly Eng

Thanks!! The background was made in Vyond and it's a looping video. The accordion interaction was done by having three layers, one for each tab. Movement was done through line motion paths. For the drag-and-drop, all of the clothing options are all hidden on the base layer. The items you can drag are on each of the layers with a target hotspot to drop it on. Triggers were added to make the clothing appear on the base layer (and hiding the rest of them) depending on which item you dragged and dropped. The tricky part was figuring out how to make an undo button since the clothing option disappears once you dragged and dropped it on the hotspot, plus I wanted to avoid completely undoing all of the options (i.e., the "restart course" trigger). This was done by setting triggers so... Expand

Eva Daniels
Samara Reyneke
Tracy Carroll