The Rapid Elearning Blog

gamified e-learning

The other day I got one of those marketing emails that I tend to delete without looking over. However, this one featured some ideas on gamification. And what got me most interested was looking at their examples. As we all know, gamification is a hot topic and it’s always neat to see how different groups build the gamified elements in their courses.

Ingenuiti put together a portfolio page with three different gamified examples. They use three micro games to teach and demonstrate some core gamification concepts.

I reviewed their modules and want to highlight a few production tips that not only work for gamified e-learning courses, but are just as useful in other contexts. For today’s post, I’ll focus on the first micro game.

Here’s a link to the video tutorial series.

Gamification Micro Game #1

gamified e-learning example

The first micro game focuses on three types of learning activities:

  • Simple Game: challenge the learners understanding in a common game format. It’s a great way to rehearse and recall information and do it in a fun way that is familiar to most people.
  • Explore Activity: have the learner explore the environment and collect information or rewards. I always consider exploration to be one of the core building blocks for interactive learning. Given the right context, exploration is a great way to engage and inspire critical thinking.
  • Simple Scenario: the learner observes an interaction, reflects on it, and then offers constructive input. Mimicking real-world type interactions is a good way to reinforce the learning experience. They do some clever things with the commenting, liking, and bookmarking.

There’s a lot going on in their modules. I isolated a few things that they did so that I can show some production tips and nuances of the software. Keep in mind, there’s always a few ways to do the same thing in software. So if you have different or even better ideas, feel free to share them in the comments.

Here are some videos that offer some real quick tutorials on how you can create similar effects and interactions in your own e-learning courses. I’m using Storyline because it’s easy to use, but you’re free to use the software of your choice, especially if you have plenty of time on your hands and not rushed to get things done. 🙂

E-Learning Tip #1: Gate Screens

gamification example gate screen

Many courses have starter pages with simple instructions. Also, it’s also a good idea to stop progress in the course when changing directions on types of interactivity or navigation. It helps set expectations and orients the user. I call those gate screens.

E-Learning Tip #2: Custom Markers with Animated Content Boxes

gamified e-learning example custom markers

In their demo, they used the marker feature but turned off the marker labels and had their own content appear. Also, after clicking the marker, the pulsing stops. When clicking the marker, the background fades and the content box animates in and out (upon leaving).

E-Learning Tip #3: Turn Audio On/Off

In a few places, they have running background audio which can be turned on or off. Normally, one oculd use the player volume control, but since the player isn’t present, custom controls need to be enabled.

E-Learning Tip #4: Simulated Posting of Chat Response

gamified e-learning example simulated conversation and text chat

I really like the way they build this mini scenario and the simulated chat. Have the user post a response to a chat. You notice that you can post and edit comments. As you do that, the other comments are disabled.

E-Learning Tip #6: Free Dragging Objects

gamified e-learning example free dragging interaction

This exploration activity let’s the user drag objects and move them. Normally, dragging objects are associated with drag and drop activities. However, these are free moving objects with no specific interaction to them. They just let the user move objects freely out of the way to see what’s underneath.

E-Learning Tip #7: Changing State of Selected Objects

gamified e-learning example selected states

When a correct choice is made, the object displays a star to indicate it’s been selected correctly. You’ll also notice that the side panel indicates which objects are selected and which remain.

E-Learning Tip #8: Play Again Option

gamified e-learning example retry interaction

Let the user quit or play the game again. This resets the interaction to the initial state.

These are a few of the cool things the Ingenuiti developers did in their module. Whether you’re building a gamified e-learning course or something else, these production tips should come in handy.


Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.

Comments are closed.