How are Badges, Awards, and Achievements Used to Gamify E-Learning? #280

Badges and Awards in E-Learning Courses #280: Challenge | Recap

Gaming elements, such as rewards, points, discovery, and competition, are excellent ways to engage and motivate learners. But the challenge for most course designers is finding practical ways to apply game mechanics without disrupting their existing course design models.

One way to begin adding gamification elements to e-learning courses is by starting small and working with existing projects. And that’s what this week’s challenge is all about!

E-Learning Challenge of the Week

This week, your challenge is to share an example that demonstrates how badges, awards, or achievements can be used in e-learning.

If you’re new to course authoring, focus on the technical basics of working with variables and showing custom bookmarking states. For those with more experience, try showing more real-world examples that demonstrate how awards and badges can be appropriately used in e-learning.

New Entries Only!

We’ve hosted several gamificationshowing progress, and personalization challenges which are similar to this week’s topic. To keep this week’s entries fresh, we’re asking that you only share new examples in 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 level up in this week’s challenge, check out the the creative ways your fellow challengers motivate learners and gain attention in e-learning:

Motivating and Gaining Attention in E-Learning #279

Motivating and Gaining Attention in E-Learning #279: 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.

177 Comments
David Field
David McEachan
Richard Mulcahy
T.J. Barber
Kristy Moede
Alex Jinca

Question for the ones who view this on mobile: is the content just smaller in the middle of the screen with pointless white space all around the 4 corners, instead of going right to the left and right edge of the screen, as it used to? Since the last updates during this year, the classic player started to display off center, and now I noticed as I initially published with modern player, it's not responsive, doesn't fill the whole screen, it just shrinks everything in the center with a lot of white space around it. This was designed with mobile in mind, a player size of 500x900... I had no idea it will end up not displaying with a decent re-scale on mobile. Perhaps I don't have the right settings on the mobile player? But what settings really, I just chose Modern Off and I haven't ticked a... Expand

Jodi Sansone
Alex Jinca

Hi Jodi, thanks for sending the screenshots. Sorry, I just sent you a message via Message me section, from you Articulate profile. It appears it displays center small for you as well. I've taken some screenshots, for anyone interested. Here is a screenshot from the same articulate file and lesson, I published about 3 weeks ago: https://bit.ly/2zauudM. As seen it fills the mobile screen left to right. Here is how it displays now (just as yours Jodi): https://bit.ly/35x5hGU. Content gets much smaller (which is not ideal at all when you are already creating it for mobile) and white all around it. Also for the ones that didn't notice a bad change in the classic player too...the push to the top and the wide black strip at the bottom, here are some screenshots, before on mobile with classic play... Expand

Chris Hodgson
Alex Jinca
Jonathan Hill
Tobias Noeske
Tobias Noeske
Math Notermans

i do think Storyline treats variables always as strings...so internally a Number will be converted to a string anyway... How to do that yourself ? So how to use strings for your input... and then convert them as Numbers..well thats easy... to convert any string to a Number Javascript has an standard function called parseInt() parseInt(input); this will return a Number... samples: =========================== var input = "12"; var myNum = parseInt(input); console.log(myNum); ===================== var input = "05"; var myNum = parseInt(input); console.log(myNum); =========================== Note: If the first character cannot be converted to a number, parseInt() returns NaN. So if using a space or non-numeric character you get NaN as return... so you have to che... Expand

Tobias Noeske
Narda Butler
Carrie Gauthier
Paul Rodger
Morgan Camp
T.J. Barber
Katie Bright
Sunet Sullivan