• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Jackie Van Nice

E-Learning Goodness by Jackie Van Nice

  • Home
  • About
  • Blog
  • Portfolio
    • Articulate’s ELH Challenges
    • Sales Mobility Software
    • Product Sales
    • Sexual Harassment
    • Code of Conduct
  • Freebies
    • Free Storyline Templates
    • Free PowerPoint Templates
    • Free Images
    • Freelancing Tips
    • Free Resources to Help Get Started in eLearning
  • Work With Me
  • Contact

Context

At Last! A Drinking Game I Can Win

February 27, 2014 By Jackie Van Nice 10 Comments

At Last! A Drinking Game I Can Win

Select Image to Launch Demo

For this week’s Articulate E-Learning Heroes Challenge, David Anderson dared us to create a simple game. (Oh, it’s on.) I created an Oktoberfest Quest game, wherein our hero drinks his way across Germany in order to reach the hallowed beer tents of Oktoberfest in Munich. Somebody had to do it.

A Triumvirate of Inspiration

Timing: David put out the challenge only hours after I’d participated in the weekly #lrnchat discussion on Twitter. Everyone was terribly serious as they discussed how to work collaboratively in groups – until someone brought up beer as a motivational tool. Well, THAT got them dancing in the Twittery aisles, and the whole evening changed. I don’t drink much, but I made a large mental note of what got them engaged: The mere mention of beer.

Topic: As they say, go with what you know. After collecting entirely too many degrees in German, teaching German, and studying, working, and living in Germany – I thought to myself: “maaaaaybe something German…?”

Potential Game Features: I wanted to focus on designing a game board and some sort of progress meter. Since a map of Germany seemed like a natural game board, and a giant Maßkrug slowly filling with beer seemed like an outstanding progress meter, I decided to try those.

Maßkrug

Maßkrug

Design

Since my primary elements, the map of Germany and the Maßkrug, were better suited to a portrait orientation, I flipped the standard Storyline layout so they could inhabit the full screen.

Once I decided to use the game to teach German dining customs, I put a wooden background underneath the map to evoke the feel of a restaurant table, and the checkered tablecloth behind the Maßkrug for the same reason.

I also knew that sound effects would be critical, especially for filling the Maßkrug. I got lucky and found some evocative ones.

Progress

There are two measures of progress: linear progress on the map, and liquidy beer progress in the Maßkrug.

Linear Progress

Linear Progress

Linear Progress: I thought a little Krug at each completed stop on the map would be a good tracker, and moving by train would make it feel like you’re making game progress, and also evoke the sense of traveling through Germany.

At each stop I used a zoom region to zoom in tightly on the city, and then an immediate “Box Out” transition on the following question slide so that, together, it would feel a bit like you’re zooming from the macro map to the micro restaurant where our protagonist needs some help. 

Beer Progress: Every time you answer a question correctly, the Maßkrug fills up a little more. By also using it to briefly recap the teaching point, it doubles as a bit of learning reinforcement.
And speaking of learning stuff, I chose to make it an all-or-nothing game. You’re required to answer each question correctly in order to go forward. One wrong answer and you’re back in Dresden waiting for the train.

Beer Progress

Beer Progress

I credit Michael Allen with this torture. I saw a banking example of his where you decide whether or not to approve a series of checks for payment. One wrong decision, and you’re back to check one. It ticks you off just enough that you get determined to beat the stupid thing, and while you’re at it, you learn the principles being taught.

The Big Finish

I won’t spoil it for you, but it’s kind of awesome.

Play It

My Oktoberfest Quest game is here, but you should also check out the other creative, amazing, and beautiful game ideas posted by others in the comments section of David’s original post here.

Update! Free Template Now Available

Since creating this, I’ve designed a free Storyline template of this game and done some videos to help you customize your own. All the scoop you need is right here!

Filed Under: E-Learning Tagged With: Articulate Storyline, Audio, Characters, Community, Context, E-Learning Design, ELHChallenge, Free Download, Games, German, Instructional Design, Languages, Motivation, Show Your Work

What if I Just Dreamed I Made a Great Template?

February 12, 2014 By Jackie Van Nice 2 Comments

Select Image to Launch Demo

Select Image to Launch Demo

That darned David Anderson and his e-learning challenges. Why am I hooked on these? This week, as a good citizen of the world, he put forth the challenge to build an e-learning template themed for the 2014 Winter Olympics in Sochi. Since sports-related design is waaaaaaay outside of my comfort zone, it was irresistible. I grabbed my design skis and headed for the nearest Black Diamond drawing board. Here are the 5 template slides he wanted:

The Cover Slide

Title

I knew I could slap in a lot of images from the official site, but I wanted it to be inspired by them rather than looking like a dead-on copy. So I took the official logo, seen below, and made my own cover slide based on that – finding a similar font and replacing the Olympic rings with a logo placeholder.

Title Slide

Title Slide

2014 Olympics Logo

2014 Olympics Logo

Background

I then found a nice, frigid landscape for the background and ended up using that throughout the template.

Sound Effects

I knew that having the design elements come schussing in to skiing sounds would be an obvious choice, but I did it anyway. For some reason I really wanted the cry of an unseen, anguished skier at the end of this slide. I put it in to entertain myself, not knowing whether I’d find a reason to keep it, and moved on.

What to Design Next?

My inclination was to design the objectives slide next, but I wanted to present them in context and at a point of need. Unless I care about why I’m going somewhere in a course, I’m not inspired to design it – much less subject learners to it. I thought Tom Kuhlman did a great job of illustrating the idea in this post about making objectives interesting. His demo of the emergency-preparedness kit objectives being presented in an involving way was along the lines of what I wanted. So I knew the scenario had to come next.

Scenario Slide

Since I had already established that our as-yet-unseen protagonist had been skiing in a generic frozen landscape and that something alarming had happened, I decided he was lost and had skied his way to the games by accident, and that he had no idea where he was.

So he needed to figure out where he was and what was going on. I gave him the option of asking a guy with a gun (who could be a biathlon participant – or not), or visiting some random computer kiosk nearby.

Scenario Slide

Scenario Slide

Scenario Decision

Scenario Decision

So the scenario establishes the context (I’m lost on a frozen mountain), which gives him the motivation to take action. Once we get him to the “Need Help?” button on the kiosk screen, he’s on his way.

Objectives Slide

NOW I was ready for the objectives. I used the title font and Olympic ring colors and had each objective come schussing in over the mountainous background.

Hovering over each one reveals its general content, and clicking takes you there. I like to express objectives as questions, since they’re more involving, so that was the general scheme.

Objectives Slide

Objectives Slide

Figuring our protagonist might like a map and the general lay of the land, I had the “where is…” section point to some Olympic park venue content for him.

Interaction Slide

In the interest of keeping this simple, I used an interactive map that starts with an overview of the area. You can choose to see more detail for a particular section, and from that detail you have the option of pulling up a PDF to see the extreme detail and lots more information.

Interaction Slide

Interaction Slide

Of course you could also present interactive content here using video, games, tabs, links, or whatever you’d like.

I used variables so that the button that allows you to continue doesn’t show up until both map sections have been visited. Because I could.

Quiz Slide

Which brings us to the big payoff. What have we learned on this mountain today? It occurred to me that my “correct” answer could explain how this guy ended up here – and offer him some medical help as his reward – so that’s what I did. Who doesn’t like a story with a happy ending?

Select Image to Launch Demo

Select Image to Launch Demo

Have a Look!

If you’d like to see this baby in action, it’s right here. 

Filed Under: E-Learning Tagged With: Audio, Characters, Community, Context, ELHChallenge, Emotional Engagement, Show Your Work, Templates

Dragging & Dropping Your Seat Mate

February 5, 2014 By Jackie Van Nice 8 Comments

Select Image to Launch Demo

Select Image to Launch Demo

I enjoy a good drag-and-drop interaction, clients love them, and they do perk things up – but I only occasionally use them. So when Articulate’s David Anderson published this week’s E-Learning Challenge to create a custom non-quiz drag-and-drop interaction, it inspired me to try one for fun. I don’t know if my example is exactly what David had in mind (I tried!), but it’s what I was inspired to create.

The Idea

I immediately thought of airplane travel and that moment you’re in your seat watching others come down the aisle towards you as you think “Is that the person I’ll be spending the next 12 hours with, or maybe that one?” Which led me to a drag-and-drop interaction where you get to choose your seat companion based on that same lack of information, and then suffer (or enjoy) the consequences.

The interaction could easily be adapted to a real course – maybe as a predictive exercise. You could have learners choose people to perform a particular job based on whether or not they look like they have the right safety gear on, for example – then see what happens!

Your Choices

Your Choices

Building It

I built it in Storyline, but didn’t use its built-in drag-and-drop options. I just created custom triggers and used ancillary slides to show the results of each choice.

Interestingly, my biggest sticking point in construction was getting any of it to function properly as long as my drop target wasn’t visible. (You drop fellow passengers into the airplane seat next to you, but in order to isolate that drop area I used an invisible shape on top of the seat image.)

It was only after I had the vaguest recollection of seeing a video from Jeanette Brooks where she made her drop target invisible by making the fill color transparent, as opposed to choosing no fill color, that I got the thing to work. Silly me.

Select Image to Launch Demo

Select Image to Launch Demo

Enjoying the Consequences

I can’t help it. I just like this one – and you can see it right here! 

Filed Under: E-Learning Tagged With: Characters, Context, Drag & Drop, ELHChallenge, Emotional Engagement, Games, Motivation

No One Loves The “Next” Button Until It’s Gone

January 25, 2014 By Jackie Van Nice 2 Comments

Select Image to Launch Demo

Select Image to Launch Demo

I haven’t participated in many (OK – one) of the weekly design challenges that David Anderson puts out to the Articulate community, usually because of looming deadlines. But if so many other busy designers are doing it, what’s my deal? So this week, casting all current deadlines to the wind, I took up David’s gauntlet and spent my Friday night Storylining away.

This week’s Articulate challenge is based on his blog post about hiding the “next” button until the learner completes a challenge about what’s just been presented. (Or it can be used as a sort of pre-test to unlock the “next” button and allow the learner to skip ahead.)

From an instructional design perspective it would have to be used incredibly judiciously; though if sprinkled in a few key places in just the right course, it could be effective. But this challenge was about the technical aspects of building it, so that’s what I focused on.

My Example

I chose the HR Audit topic because it seemed appropriately dry. I’m picturing a nodding-off learner who’s about to get a disappearing-“next”-button wake-up call.

Basically, at the end of the slide I ask the learner a question about what they just saw. Then I ask them to enter a certain number they just saw. The “next” button is visible but disabled. If their answer is incorrect, they get a message asking them to try again, or to review the slide content. Once they get it right, the “next” button is enabled and they go on to their glorious reward in the final slide.

The Appropriately Dry Content

The Disabled Next Button

The Enabled Next Button

Your Glorious Reward

The Technical Side

David wanted a text-based entry field for the learner to complete in order to unlock the “next” button, so in Storyline that means adding a data entry field. I’d never had a reason to use them before, so I used a post on the E-Learning Heroes site from Jeanette Brooks that explained how to set them up. It would help to have some experience with variables, but it’s probably not necessary for the average intrepid Storyline user.

After that it was all about the layers and states and triggers. I won’t get into extreme detail, but on the main slide I added a trigger so that at the end of the timeline it would show a layer. At the end of the timeline I also animated out any potential answers on the slide so they weren’t visible.

On the layer I put the question, the data entry field, the “next” button (set to an initial state of “disabled”), a line of text feedback if the answer is incorrect (set to an initial state of “invisible”), and a “review” button so they could see the slide content again if the answer is incorrect (also set to an initial state of “invisible”.) Then I got all trigger-happy until it behaved properly.

Select Image to Launch Demo

Select Image to Launch Demo

See it Here!

Test your ability to withstand the pressure of HR Audit prep right here!

Filed Under: E-Learning Tagged With: Articulate Storyline, Context, E-Learning Design, ELHChallenge, Emotional Engagement, Instructional Design, Motivation, Show Your Work, Voiceover

It’s a Solution! It’s a Fest! It’s SolutionFest!

February 7, 2013 By Jackie Van Nice 1 Comment

Select Image to See Sample

Select Image to See Sample

I’m excited to share one of my projects at the E-Learning Guild’s Learning Solutions Conference as part of SolutionFest next month. Here’s a summary of the problem, my solution, and the result – plus you can see the project I’ll be sharing.

The Problem

My client needed to train new employees on their sales mobility software and hardware. The existing online training was abysmal, featuring:

  • No audio and the whiz-bang pacing of a plow horse.
  • No images beyond software screen captures and bullet points.
  • No context or instruction to indicate why, when, or how the software should be used.
  • No user control, no flexibility for different levels of knowledge, no opportunities for learners to practice, and no opportunities to test.

The Solution

I strove to create upside-down world as compared to that training.

  • Context was my focus. If I could show learners when and how the software and hardware should be used, I’d be half way there. We show how the handheld integrates into the sales rep’s 24-hour day, so you see him (and his handheld) going home at night, sleeping, waking up, driving around, meeting his boss in the field, finding sales leads, calling on prospects, making sales, and more. In the introductory lessons, where a real-life sales rep would be taught by his or her manager, you see the sales rep being taught by his or her manager.
  • Design carried the rest of the load. I wanted navigation designed for user control, flexibility, and free practice – and visual design that was attractive, playful, and kept the learner focused on what was important. Both types of design were intended to keep learners engaged and motivated.
  • Tools I used included all programs in Articulate Studio ‘09 (Presenter was a client requirement), and PowerPoint 2010. The other client requirement was to design for delivery via LMS for learners on PCs, and, of course, to design and develop on a budget.

The Result

This course has just gone into full release, but the managers and trainers who have reviewed it have raved. (In a good way.) Many of them didn’t even realize that certain features existed on their Handhelds until they went through this course.

Their expectation is that employees will be far better prepared to work with their sales mobility handhelds by going through this training, and that going back to refresh their knowledge about a particular topic will also be easy to do.

Read More About How I Designed It

I’ve written up how and why I designed some of the key features of this course. Feel free to take a look right here!

A Sneak Peek

If you’d like to see what I’ll be sharing, you can see it right here!

Filed Under: E-Learning Tagged With: Articulate Studio, Context, E-Learning Design, Instructional Design, Sales Training, Show Your Work, Software Training, Technical Training

  • « Go to Previous Page
  • Go to page 1
  • Interim pages omitted …
  • Go to page 3
  • Go to page 4
  • Go to page 5

Primary Sidebar

Welcome!

I’m an award-winning instructional designer and proud Articulate Super Hero who creates e-learning for large organizations. I blog to explain my design process, share tips and tricks, and help others succeed. I hope you enjoy my refreshing gallery of e-learning goodness!

  • View jackietrains’s profile on Instagram
  • View jackievannice’s profile on LinkedIn

Tags

Articulate 360 Articulate Rise Articulate Storyline Articulate Studio Audio Avatars CCAF Characters Community Context Design Makeover Dials Drag & Drop E-Learning Design ELHChallenge Emotional Engagement Free Download Freelancing Games German Glossary Instructional Design Languages Makeover Menu Mobile Motivation Pantone Portfolio PowerPoint Professional Development Quick Reference Quizzes Sales Training Scenarios Show Your Work Software Training Storyline 360 Tables Technical Training Templates Typography Video Visual Design Voiceover

Top Posts & Pages

  • Portfolio
    Portfolio
  • Home
    Home
  • Sexual Harassment Training
    Sexual Harassment Training
  • Sales Mobility Software Training
    Sales Mobility Software Training
  • Navigating a Tasty Circular Menu
    Navigating a Tasty Circular Menu
  • Articulate's E-Learning Heroes Challenges
    Articulate's E-Learning Heroes Challenges
  • About
    About
  • Free Visual Storyboard Template
    Free Visual Storyboard Template
  • Free Storyline Templates
    Free Storyline Templates
  • How to Go Full-Screen & Lose the Player in Storyline
    How to Go Full-Screen & Lose the Player in Storyline

Copyright © 2025 Jackie Van Nice and E-Learning Goodness by Jackie Van Nice