• 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

Blog

Here’s an Easy Way to Make Money…

January 21, 2015 By Jackie Van Nice 9 Comments

Click Image to See Larger

This week’s challenge is to come up with a creative invoice design.

I’m pretty sure David wanted us to create graphs of awesomeness to remind clients of why they should be excited to pay us (a genius idea!) but in the interest of time I went graph-less.

The Design

In real life I currently use a very vanilla invoice. To create one that’s a better reflection of my work I started with the general look and feel of my website, then added some color.

My first drafts were graphically bolder in both shapes and colors, but I kind of like this tamed-down-yet-colorful version. I also played with adding my logo and some other images, but just didn’t like them. I preferred the cleaner look you see here.

There were a lot of comments about and interest in my paper doll slider interaction today (featured on Articulate’s E-Learning Examples page), so I went with that and themed my invoice accordingly.

This is a mock-up I did in PowerPoint because it’s so easy to quickly play with shapes, color, and text there – but I may build it in InDesign next. At that point I’ll also add in a tiny bit more text to capture the practical details.

So What’s the Easy Way to Make Money?

Just remember to invoice your clients! It’s easy to get so caught up in the work that minor details like actually charging them can slip through the cracks. Make yourself a kicky little invoice and bill ’em!

Filed Under: Working for Yourself Tagged With: Community, ELHChallenge, Freelancing, Professional Development, Show Your Work, Visual Design

A Template Unification Plan (+ Free Template!)

January 15, 2015 By Jackie Van Nice 4 Comments

Select Image to Launch Demo

Select Image to Launch Demo

This week’s challenge is to take three disparate templates and create one peaceful template whose elements can coexist in harmony. An ambitious goal, but I was up for it.

The Existing Templates

I chose three Storyline 1 templates from the Downloads section of the ELH site: Nicole’s Click-and-Reveal template,  Tom’s Storyline Tabbed Notebook, and Tom’s Storyline Decision-Making Interaction. Why these?

  1. I could see them working well together as a main menu, detailed content holder, and a quiz.
  2. Their color schemes were roughly similar.
  3. Their (flat) image styles were similar.
  4. I knew that if I used them as I intended, I could stay true to their functionality.

The Before & After

Before: Nicole's Template

Before: Nicole’s Template

After: My Main Menu

After: My Main Menu

Here are captures of the original templates next to my made-over and unified template. How did I get them to peacefully coexist?

A Unified Course

As mentioned, one acts as a main menu, one as a content holder, and one as a quiz. Together they comprise the elements of a basic course.

Before: Tom's Submenu

Before: Tom’s Submenu

After: My Submenu

After: My Submenu

A Unified Theme

I began at the end with Tom’s shipping quiz. I then worked backwards to think of a general way to present info about shipping documents, then backwards to consider what kind of company would be training their people on shipping docs, then backwards to think of how they might start out the training.

Unified Fonts, Colors, and Images

I chose two of the existing fonts (Rockwell and Trebuchet), a simple color palette using a few of the existing colors, and stuck with the existing flat image style throughout. It helped that I made them all the same story size, too.

Before: Tom's Decision-Making Activity

Before: Tom’s Decision-Making Activity

After: My Quiz

After: My Quiz

See it! Download it! Try it Out!

Want to see some carefully-brokered template peace? See the demo here!

And download the free template here!

Filed Under: E-Learning Tagged With: Articulate Storyline, Community, E-Learning Design, ELHChallenge, Free Download, Instructional Design, Show Your Work, Templates

Where Infographics Meet Interactivity

January 10, 2015 By Jackie Van Nice 2 Comments

Select Image to Launch Demo

Select Image to Launch Demo

This Articulate challenge is to take an existing infographic and make it interactive.

The Infographic

I chose this one because of its simplicity and because I could picture how to make the Venn-diagrammatic intersections of each choice (Fast, Cheap, Great, and Free) interactive.

It also seemed relevant since we’re always discussing image quality and sourcing.

See the Similarity?

See the Similarity?

 3-D Chess, Anyone?

This infographic looks pretty easy to recreate, right? Well, not only were the colors and transparencies of the circles and intersections a challenge to imitate, but because of the interactivity I needed to have multiple images layered on top of one another in Storyline. It felt like I was building a 3-D chess board where the layers of color and transparency had to be kept in a delicate yet precarious balance. Quite the brain-bustery brain buster.

Engineering It

The Original

The Original

After the intro slide, everything is on one slide. There’s just one layer for “Try Again”, which means the rest of the interaction is completely controlled by states and conditional variables. Though not as thoroughly brain-busting as the visuals were, it was a good challenge.

I was really happy with my “Try Again” design, by the way. I loved that I got it to blend so nicely into the existing design, it gave me the chance to add some colors that helped balance the existing scheme, and I like the functionality of it.

Try it Out!

Select Image to Launch Demo

Select Image to Launch Demo

Find out what kind of graphics you get where fast, cheap, great, and/or free intersect!

Filed Under: E-Learning Tagged With: Articulate Storyline, Community, E-Learning Design, ELHChallenge, Show Your Work, Visual Design

Drag and Drop Activities: Not Just for Cowboys Anymore

January 9, 2015 By Jackie Van Nice 10 Comments

Select Image to Launch Demo

Select Image to Launch Demo

This Articulate challenge is to come up with some creative ways to use drag-and-drop interactions. Designing them to present information and provide opportunities for practice broadens their usefulness and makes them more involving than a standard drag-and-drop quiz does.

The Topic

I had already been working on a course that included choosing proper safety gear for construction workers. In this demo I came up with the cowboy option for contrast – but you could use this approach for any two (or more) job functions that require different gear.

Hints Rather Than Answers

Select Image to Launch David Anderson's Demo

Select Image to Launch David Anderson’s Demo

Using David Anderson’s lovely table setting example for inspiration, I provided learner-controlled hints in addition to the ability to check your final answer and get feedback. You can also easily start over and try again. It’s another one of those activities that’s just sort of fun to play with.

Give it a Try!

Someone needs to outfit this guy. You should give it a try!

Select Image to Launch Demo

Select Image to Launch Demo

Filed Under: E-Learning Tagged With: Articulate Storyline, Characters, Community, Drag & Drop, E-Learning Design, ELHChallenge, Games, Instructional Design, Show Your Work

Make it a Game: Climb Heroes Mountain!

December 31, 2014 By Jackie Van Nice 17 Comments

Select Image to Launch Demo

Select Image to Launch Demo

When people are new to the Articulate E-Learning Heroes community I like to point out a few things on the site to help them get going. Even if you know something exists – the weekly challenges, for example – you might not know how to find it.

Make a Game of It!

I thought it’d be fun to create a game that gets newbies to explore the site and points out some of the best tools around to help them succeed in their jobs. I’m entering it into David Anderson’s gaming challenge where I already have one cold, foamy, refreshing entry – but can you ever have enough games?

Some Nifty Features

Here are some elements I used that you could include in any game or interaction to make it more fun, effective, and appealing.

  • Images That Looks Just Like the Site's

    Images That Looks Just Like the Site’s

    A fully-realized and consistent theme: Since the topic is the ELH site, I tapped into its visual style and themes to create my own. I used the mountain on the ELH Discussions page and the happy campers in front of it to establish my camping and mountain-climbing theme. I also created pictogram images that mimic the look and feel of the site’s own images.

  • A game goal: The goal is to climb Heroes Mountain by taking on a series of challenges. Each challenge involves navigating the ELH site to find something of value.
  • Real-World Challenges & Motivation

    Real-World Challenges & Motivation

    Real-world motivation: Aligning your learner’s motivation with the game’s goals makes it involving from the start. My game character is new to e-learning and needs help in her job, just like lots of newcomers. What better motivation to learn about the helpful features of ELH?

  • Real-world decision making: In the game, you search for things on the site just like you would in real life. The only difference is feedback. If you’re headed in the right direction, feedback is delayed until you arrive at your goal. If you’re headed in the wrong direction, you learn more about the site and get a prompt to remind you of your goal.
  • Game Progress: Badges!

    Game Progress: Badges!

    Game Progress: Some Mountain Climbing

    Game Progress: Some Mountain Climbing

    Giving rewards and showing progress: After you meet each challenge, you earn a themed badge and your virtual stand-in climbs a little higher up the mountain. Seeing a goal and your progress towards it is always good motivation to keep going.

  • A satisfying result: Not only is there a “win” at the top of Heroes Mountain, but the game’s character also wins since meeting the challenges on the ELH site helped her become more successful in her job.

Ready to Make Your Own?

If you’d like to make your own game (and find lots of inspiring examples!) check out these game-specific ELH challenges: Create a Simple E-Learning Game, Steal This E-Learning Template, and E-Learning Games for Kids. Plus you can find lots of free templates to get started on the ELH site!

Happy new year – and happy climbing! You can make your way up Heroes Mountain right here.

Filed Under: E-Learning, Front Slider Tagged With: Articulate Storyline, Characters, Community, E-Learning Design, ELHChallenge, Emotional Engagement, Games, Instructional Design, Professional Development, Show Your Work, Visual Design

  • « Go to Previous Page
  • Go to page 1
  • Interim pages omitted …
  • Go to page 10
  • Go to page 11
  • Go to page 12
  • Go to page 13
  • Go to page 14
  • Interim pages omitted …
  • Go to page 25
  • Go to Next Page »

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