• 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

Community

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

Please Don’t Let Me Be Martha Stewart

February 17, 2014 By Jackie Van Nice 8 Comments

Select Image to Launch Demo

Select Image to Launch Demo

With one eye on project deadlines and flights this week, I trained the other on goofing off with Articulate’s E-Learning Heroes challenge to bring the Inc.com What Kind of Leader Are You? infographic to life by interpreting it as a branching scenario.

The Original Infographic

The Original Infographic

Approach

Since this is a personality assessment that briefly flirts with a teaching moment, I chose not to set up full-blown scenarios with characters to put each decision point in context. It would be fun; but it would also seem kind of silly to spend all that time illustrating such abstract concepts when the only world that matters here is the user’s internal one.

I decided the cleanest and most expeditious way to bring some life and abbreviated context to this interaction was through good use of color, text, animation, and simple images.

Color

Since the world is flat these days, I snagged some flat design colors from one of Damon Nofar’s SlideShare presentations.

I like to relaaaaaaax by...Where are you most likely to interact with employees?Backwards DirectionForwards DirectionText & Animation

I suppose Damon decided he could inspire me with text, too, which must be why he posted this presentation. (And I now see he posted another one about using typography a few hours ago where he lays out a number of principles I used in my piece – but I hadn’t seen that one.)

In the end, Swiss921 BT made me happy, so that’s my title font. I threw in some Helvetica in honor of Damon’s devotion to it; though I’m more of a Calibri fan. (So there’s some of that, too.)

I decided that pulling key words and making them stand out would be the easiest way to let the user quickly scan the decision point.

I also messed with the keywords so they’re more expressive – whether changing the word itself (using lots of extra “a”s in “relax”), changing the type layout (so “interact’s” letters get all inter-mingly), and so on. I also used animation. My favorite is when the word “direction” comes in backwards, then quickly realizes its mistake and comes in forwards. But that’s just me.

Simple Images

I originally envisioned hand-drawn white line drawings to soften and balance the strong font I’d chosen, and gave Microsoft clipart a quick search.

I started by looking for a mountain image to illustrate the idea of a challenge. When I found one in Microsoft Clipart Style #1306, and took a quick look to see if the rest of the style could work, I had my images.

I wanted to take out, or at least adjust, the colors, but given time constraints I just made a few alterations to specific images (like the clouds that float across the sky at the beginning) and left it at that.

Devices and Navigation

One Possible Result

One Possible Result

This piece seemed to want to be a little app, so I had the iPad in mind as I designed it. Works just fine.

I kept navigation simple, since it’s really just a one-way path.

Audio

I would love to put in audio (sound effects, etc.), but no time. Maybe I’ll add some later.

See the Result!

You can see this guy (and find out what kind of leader you are) right here!

Filed Under: E-Learning Tagged With: Community, E-Learning Design, ELHChallenge, Emotional Engagement, Typography

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

  • « Go to Previous Page
  • Go to page 1
  • Interim pages omitted …
  • Go to page 12
  • Go to page 13
  • Go to page 14

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