E-Learning Challenges: Using Text Variables to Capture and Display Learner’s Name #222

Each week, E-Learning Heroes post a new e-learning challenge for developers to complete. The idea is to try something new, find inspiration or showcase your skills. Visit the Articulate Community webpage to find out more about the different challenges. 

I’ve been meaning to participate in an e-learning challenge for a REALLY long time and finally got round to it. Challenge number #222 is my first attempt and this post outlines how I created it.


I recently started using the cloud-based animation software Vyond. I decided that I wanted to try combining Vyond with Articulate as part of my challenge. I also decided that the first challenge I would attempt would be #222 and the description is below:

Using variables to capture a learner’s name is one of the most common ways to build more personalized and dynamic e-learning. It’s also one of the easiest ways to begin working with variables and variable references in e-learning. And that’s what this week’s challenge is all about!


I really enjoy using variables in my designs; creating different scenarios and routes. I decided to create a demo and found inspiration whilst watching a travel program on TV. I decided that my challenge would be based on the 7 Wonders of the World with a gamification feel.

As this challenge was for fun (and for myself!) I didn’t storyboard the initial design, as I had an idea in my head for the look and feel. I decided I wanted to create an e-learning demo to teach 10-year-olds’ about the 7 wonders of the (modern) world. To meet the criteria of the challenge, I wanted to include the following interactions (all using variables).

  • Learner to choose a character
  • Capture the characters name (the main point of the challenge!)
  • Include a question
  • Then give the learner a choic

The idea is that the learner would travel around the world and visit the 7 wonders. The learner would pick a character, name the character then choose a country to visit. The learner would essentially be designing their “passport” and then have an interaction with airport staff when checking-in. Once the learner had chosen a name for their character, it would be stored in a variable and referenced throughout the course.


Using Vyond: I created the images and videos using the contemporary character set. I was extremely proud of the design of my “passport” – the software didn’t include a prop for this so had to create one myself.

Passport I created using different shapes in Vyond.

Using Articulate 360: I created 1 introduction slide, embedded the introduction mp4 and included a start button. I then designed a “pick a character” scene followed by a scenario of 4 slides (and included the use of a few layers). I designed the first scenario, then duplicated the 4 slides and changed the character from a girl to a boy. I used 4 variables in this project:

  • boy_name: A variable to save the name of your character if you chose the boy (text variable).
  • girl_name: A variable to save the name of your character if you chose the girl (text variable).
  • country_number: A variable to store the number of countries visited. Oh! And depending on what number you enter, there are 4 different responses (number variable).
  • character_choice: A variable to save which character you chose at the start (true/false boolean variable).

Technically, I only really needed to include 1 variable for the name input, however I like to create separate variables for each scenario for consistency (and you never know where you might use it later on..). After the learner has entered a name, I then declared the variable in the interaction with the airport staff.

Articulate Storyline 360: Declaring a variable.

I also used triggers to move the learner to different scenes depending on which variables were equal to true. For example, when you select the boy character, the variable changes from false to true. If the boy variable is true, you see the boy in the last scene. If the girl scenario is true, you see the girl in the last scene.


I really enjoyed creating this mini demo for the e-learning challenge. I concentrated more on design rather than the learning content. I really wanted to experiment with Storyline, variable, scenarios and Vyond and I’m happy with how this little project turned out.

Skills Demonstrated
  • Articulate Storyline 360, Variables and Scenarios
  • Vyond, creating props and animations
  • Design
Tools Used
  • Articulate Storyline 360
  • Vyond

You can access the final version of this learning course here. Please note, in order for this to display as intended, you should use Google Chrome. 

2 thoughts on “E-Learning Challenges: Using Text Variables to Capture and Display Learner’s Name #222

  1. Dianne Hope says:

    Very creative Amy – well done! I really like your use of Vyond and how you incorporated this in Storyline.

    I had to think for a minute which software Vyond was – it used to be called GoAnimate. I have a funny story about a fellow freelancer who was speaking to a client who asked her if she used “goanna mate” – we’re in Australia, so this may explain her interpretation of the correct name of the software! She took a while to work out what this client was on about – I’m wondering if this kind of confusion contributed to the name change at all?!

    Anyway, I hope you can find time to enter more of the ELH Challenges.

    • agadmin2018 says:

      Haha love that story, I’ll be sure to ask Vyond about the name change next time I see them at a meetup 🙂 Thanks for your comment!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.