Articulate Challenge – An Interaction to Teach Comparisons

I found this Articulate Storyline challenge online this week, and I thought it looked like fun.  As I started playing with it, I decided I would use these size comparisons as a language learning activity to compare superlatives.  I made this drag-and-drop interaction where users place comparison words on the correct plane.  I’d love any feedback!  Comment or email me.

Start Screen:

I wanted to find a font that looked “airplaney”.  Lo and behold, Air Americana.  I love finding awesome fonts!!  This is definitely a font to use sparingly.  I like it, but it would be awful to try and read a paragraph of this.  Even the smaller text in the instructions box is not as easy to read as I’d like.  Overall, though, I think it works for this piece.
Articulate Planes Start Screen

During the Activity:

Articulate Planes During Screen

A couple things worth mentioning here.  If you drop something correctly, it stays and turns green.  If you drop something incorrectly, it just goes back to its spot instead of turning red or something like that.  Either way would be fine.  The return option was the default, although, if I was doing a large drag-and-drop, I would make it stay in place and change color to avoid a lot of back and forth with the mouse.  It’s just a little detail to avoid frustrating users.

A Snag…:

In the picture above, “Thinnest” is on the pink airplane.  In the picture below, “Shortest” has covered it.  I tried making the hotspots different sizes so they were not completely overlapped, but when I user-tested it, it wasn’t a smooth interaction.  Learning a new language is hard enough without having clunky learning activities to worry about!  I’m still not sure how to get around this.  It would be nice to find a “drop location” feature or something so I could specify where I wanted the piece to fall within the hotspot.  Possibly a tall order.

Articulate Planes Snag Screen

Completed Activity:

Here is the completed activity.  I thought it would be a good idea to leave a reminder of the comparison words beneath the corresponding category (eg length) to help with remembering.  I used soft edges to give the faded appearance.  They are on the base layer, while all of the hotspots and dragging pieces are on a second layer.

Articulate Planes Completed Screen

That’s it!  Hopefully you like it.  My next Articulate post will be a larger module about inheritance, where I had lots of fun with radio buttons.  See you later!

Comments

Post a Comment

Popular posts from this blog

Emojis & Standardization

Image
Have you ever been surveyed about service you received at a restaurant or shop?  Has anyone ever filled out a survey about you?  Are you the type of person who gives a 3 if you are content with service but not overwhelmed with joy?  Those people are "3-Givers".  Or are you the type who gives a 5 if you are content?  Ah, "5-Givers".  Bless them for their score-inflating generosity... 😀 If you are being surveyed, you probably just assume you are answering the same way everyone else does.  However, if you are on the receiving end of those results, you have a vested interest in things being answered uniformly, especially if those results are taken into consideration when promotions and raises come around! This week I asked a couple of my coworkers how they answer surveys and found out that one is a 3-Giver and one is a 5-Giver.  They are both intelligent, and I was actually a little surprised by their answers.  I would have thought the o...
Read more

Gamification @ Work

Image
I've got gamification on my mind right now.  I am currently in a manufacturing environment at work, where games are often something that most people don't think they have time for.  I disagree!  There is always room for a bit of fun! Intro First of all, what is gamification?  Gamification is the application of game elements or mechanics to a real-life situation to encourage results ( Webster's def , Wikipedia's def ).  The biggest takeaway from that definition is that you are trying to make something happen.  If you are just making a game out of something that happens anyway, why have a scoreboard? Gamification is all over the place, so it's easy to find examples from which you can lift your own ideas.  Here are a few you may have tried/seen/copied: Khan Academy - Here you can get a badge for watching a certain number of videos Codewars - Sort of ninja-themed.  Coders earn "kyu" (experience points) to boost their "honor" as they comp...
Read more