Table of Contents

eLearning Interactions: Puzzles!

training puzzle

Last week, we began looking at some of the limitations of eLearning interactions, and how to work within those constraints. Your comments and feedback indicated that this is a topic of interest to many of you. Over the coming weeks, we will continue to discuss effective ways to design eLearning interactions on the Thursday posts to this blog.

The interaction we are looking at today is one that has varied applications, of which we will explore a few. Today we will look at some applications for a drag and drop interaction resembling a jigsaw puzzle to present and arrange information. My favorite application for this style of interaction is when we are presenting various pieces of information that are more meaningful when connected. That may be specific features that combine a create a benefit or when there are steps in a process that combine to an outcome. Any objective that combines various elements can be considered for this interaction.

When I design this interaction, I like to use the placement of each puzzle piece as an opportunity for feedback and more information about that piece of the puzzle. When the learner correctly or incorrectly drags a piece onto the puzzle board, the feedback is displayed or read to give them more information about the piece and why it was correctly or incorrectly placed.

Below is a generic wireframe of this type of interaction that can be passed to a developer to bring to life. As you can see, there are pieces that contain relevant information for the interaction, and a few distractors. In this wireframe, you see a simple square layout, mostly because my graphic design skills are lacking, and PowerPoint only has so many shapes to work with. To make this more visually appealing, you may want to design the puzzle in a shape that is relevant to the course or the objective this interaction is serving.

PuzzleWireframe

Can you think of more applications for this style of eLearning interaction? Have you used this style of interaction in your training? Let’s talk about that and other thoughts you may have in the comments below.

 


Would you like more help with your eLearning design and development? Drop us a line, we’d love to talk in more detail about how our creative, learner-centered approach can breathe life into your next training!

Articles Similar to eLearning Interactions: Puzzles!

elearning developer qa checklist
Elearning
Lindsay Garcia

Elearning QA Checklist

Elearning developers should provide the first, and maybe the most thorough, quality assurance (QA) of an elearning module. Our team uses an elearning QA checklist

better learner certificates
Elearning
Hannah Radant

Better Learner Certificates in Articulate Storyline

Learner certificates often appear at the end of a course to verify and recognize the achievement of a learner. Articulate Storyline has made it very easy to do this by adding a print slide trigger.
Today’s blog post outlines the steps to elevating this print feature to a lightbox slide. It includes how to build it and a downloadable file as well!

adding audio in articulate rise
Elearning
Erin Clarke

5 Ways to Add Audio in Articulate Rise

What is one way to make Articulate Rise more engaging? Audio! Our team took on the challenge of exploring the options, benefits, and limitations in adding audio in Rise.

elearning easter eggs
Elearning
Brian Washburn

Fun with Elearning Design: Hiding Easter Eggs

Planting an Easter Egg (or a dozen Easter Eggs) in your elearning project is next level engagement. Today’s blog post offers a variety of ways you can drop an unexpected, surprise element into your next project.

Kate Udalova on microlearning and AI
Elearning
Brian Washburn

Using 7Taps with AI for Microlearning

AI is all the rage these days. 7Taps has figured out a way to embed AI into their microlearning platform to make your experience even quicker. It looks like this is the future of AI in learning tools. 7Taps co-founder Kate Udalova shares her insights.

Subscribe to Get Updates from Endurance Learning

Brian Washburn, Author

Brian Washburn
CEO & Chief Ideas Guy

Enter your information below and we’ll send you the latest updates from our blog. Thanks for following!

Find Your L&D Career Path

Explore the range of careers to understand what role might be a good fit for your L&D career.

Enter your email below and we’ll send you the PDF of the What’s Possible in L&D Worksheet.

What's possible in L&D

Let's Talk Training!

Brian Washburn

Brian Washburn
CEO & Chief Ideas Guy

Enter your information below and we’ll get back to you soon.

Download the Feedback Lesson Plan

Enter your email below and we’ll send you the lesson plan as a PDF.

feedback lesson plan
MS Word Job Aid Template

Download the Microsoft Word Job Aid Template

Enter your email below and we’ll send you the Word version of this template.

Download the Free Lesson Plan Template!

Enter your email below and we’ll send you a Word document that you can start using today!

free lesson plan template
training materials checklist

Download the Training Materials Checklist

Enter your email below and we’ll send you the PDF of the Training Materials Checklist.

Subscribe to Endurance Learning for updates

Get regular updates from the Endurance Learning team.