Instructional Design

Step Graphics to Success as an E-Learning Designer

May 30, 2014 By Jackie Van Nice 19 Comments

Select Image to Launch Demo

This week’s challenge was to create a step graphic to tell a story or explain a process. It came at the end of a week where I kept hearing concerns from e-learning designers who felt stuck due to lack of skills, experience, usable portfolio pieces, visibility in the field, and/or confidence. So when the challenge hit, that was my topic.

Step Graphic Main Screen

Design

I wanted it to be fresh, direct, and maybe a bit inspiring – so I chose the character, the approach, and the background based on that.

The layout bothered me for a full week. Still does, but I have to let it go. I tried countless ideas with different graphics, colors, fonts, animations, and audio. It started out with more depth (links to resources, etc.) but it was taking too long, so I stripped it down and kept it simple. My concern was keeping the user’s attention focused on an already-busy screen. It seems to work, based on the little bit of user testing I did, so I’m going with it.

The step navigation is simple. I chose buttons with a full set of states, including a clear selected state so it’s easy to see where you are.

Content

I added the intro screen to make it clear that you should probably be (a) an e-learning designer who (b) has these goals, if the content is going to apply to you.

After that, it’s what I do each week for the challenges combined with a little bit of advice based on personal experience.

The Result

Ready to give it a try? Take a look! And if you’re an e-learning designer who feels stuck or wants to learn more and improve your skills, you might want to give the challenges a try. They’ve worked for me!

Select Image to Launch Demo

Free to Good Home: Playful Game Template

May 27, 2014 By Jackie Van Nice 4 Comments

Select Image to Launch Original Game

Select Image to Launch Template Demo

. . . .

The Source File Dilemma

People seemed to really like this German drinking game I created for an Articulate challenge a while back. I got requests for the source file but didn’t want to violate license agreements by handing it out with assets intact, and also didn’t want to hand out a stripped file that wasn’t fully functional.

The Happy Result & Lots of Free Games

Last week, still getting requests for the file, I finally took time to rework it so it was clean, easy to customize, and something I could offer as a free download. I wanted to maintain a sense of style and all of the functionality while still leaving it wide open to customize, and I’m pretty happy with the result.

By complete serendipity, David Anderson featured 10 free Storyline e-learning game templates on the Articulate site this week and was able to include mine as one of them. There’s a good chance that any or all of these games will get your creative juices flowing, and you can get all of them right here!

2 Free Templates: Storyline & PowerPoint!

Here’s the download page for the Storyline template, and since people without Storyline wanted to use it, too – I created a PowerPoint version you can download, too!

Videos to Help You Customize

I made a couple of videos to show you a feature comparison and the customization points you’ll want to hit. You can see them here.

Screen Captures Compared

I also created side-by-side screen captures, seen below, to help you see the original next to the template. Click on any image to see it larger.

Introduction

Game Start

Game Board

Progress Meter

Challenge Question

Feedback When Correct

Feedback When Incorrect

The Joy of Success

Let Me Know!

If you have ideas for how you could use this template – or if you’ve already used it! – I hope you’ll let me know. I’d love to hear what you did or would like to do. You can leave a comment below. And have fun!

4 Free E-Learning Tools I Use

May 22, 2014 By Jackie Van Nice Leave a Comment

Note: The sands of time move on, as do the free tools I use. See the updated version of this post here!

This week’s Articulate challenge is to share the free e-learning tools we really use. These are my favorites.

1. Redbooth: Project Management

This makes my life so easy it has to be first. Redbooth from Google makes project management effortless, and it’s free up to 5 projects and 5 users. I use it to:

Work Across Platforms: I use it on PC, Mac, iPhone, and iPad. It syncs effortlessly and tasks are immediately on my calendar.
Manage From Anywhere: I assign tasks, get feedback from team members, write up project notes, and participate in team conversations wherever I am.
Easily Manage & Share Files: I store and track all pieces and parts of a project – including email, notes, and conversations – plus sync files automatically with Dropbox. Nothing gets lost.

A “Free” Thought: I started on the free version to test it, then went to the paid one. Get creative and you could stretch those 5 projects and 5 users a whole lot farther.

I Used Microsoft Clipart For This

2. Microsoft Clipart: Images

Crazy, right? Sounds like the ’50s or something. There are a million other places to get images. Why is Microsoft Clipart still my first stop?

License & Attribution Issues: I REALLY can’t stand checking every license on every image and deciding whether it’s worth using and if there should be an attribution, and if so where do I work it in?
Editable/Flexible Images: I start with an image and think of ways to use it so it doesn’t look like everyone else’s. People loved the images in this piece, and they’re from MS Clipart. With an open mind and creative eye you’ll be amazed at what you can do.
Click & Play in PowerPoint: Since it’s integrated into PowerPoint, my quick image editor of choice, I can speedily bring in a pile of images and play around to see what works. Even if I get my final images elsewhere, it’s a great playground.

3. Pinterest: Inspiration & Project Organization

I haven’t been using it long, but already rely on it for a couple of things:

Graphic Inspiration: When I see something that resonates with me, I pin it in my Graphic Inspiration board. That’s where I went to design my interactive resume.
Project Organization: Now that you can have lots of “secret” boards I tend to create one for each new client project and use it as a catch-all place for everything from graphic and technical ideas to instructional design approaches. It’s secret, so I can include company-specific links and info.

4. Dafont & Font Squirrel: Fonts

These free font sites are so quick and easy to use, they’re hard to resist. I use them for:

Typographic Inspiration: Even if I don’t end up using one of theirs, browsing gives me ideas.
New Font Fun: I’ll often use them in the weekly Articulate challenges. They’re great to try out and see what’s possible.

What’s in Your Course Design Toolkit?

Check Out Many More!

Those are my current go-tos you can get for free.

There are tons more you can use, and many are being shared in the comments section of this week’s challenge. I’ll be using ideas from there, and you may find some new freebies you love, too.

Show Your Work: E-Learning Messiness By Me

May 18, 2014 By Jackie Van Nice 2 Comments

I love when people show their work. The whole creative process is inexplicable and mesmerizing and the only evidence of the path afterwards is the detritus left behind. My desk is full of mesmerizing detritus, so I thought I’d share. If Austin Kleon can do it, so can I.

This is how I designed my CCAF design model demo for last week’s Articulate challenge. Pretty typical of my process. If I’d known I’d be sharing, this would look way better.

Sketch One: The Whole Idea

First Sketch, Page 1: The Entire Interaction Idea on Paper

I never look back at my sketches, so the surprise to me is that the whole thing was there from the start. It felt more difficult than that. I think there were just a couple of details that bugged me for days.

First Sketch, Page 2: More Detail About the Activity & Feedback Sections

First Screen

It’s interesting to see the quick sketch of the first screen below versus the final result. It was the simplest screen of all, but you see how much went into image and color selection and then making the details tight, clean, and balanced.

Player Tab: I was thinking of including a player tab to offer more details about CCAF, but decided that info should only be available at a point of greater need; just before and after the activity.

Writing: I didn’t work out the text or script in detail beforehand. That comes easily once I’ve got the other elements in place.

First Screen: 30-Second iPad Sketch

First Screen: Final Result

Activity Screens

These ate at me because it took time to get both the layout and functionality exactly the way I wanted, but I was happy when they came together at the 11th hour.

Activity Screen: Quick iPad Sketch

Activity Screen: Final Result

Feedback Screens

In the iPad sketch below you can see I was looking at how many parts of the CCAF activity the user got wrong. I knew the score couldn’t be the focus of the feedback, but it helped me map out the five learner reactions that were the focus.

Feedback Screen: Quick iPad Sketch

Feedback Screen: Final Result

Colors: Obey the Wall

All of the final-version slides show my text-box color decisions. If they’re:

About the ID, they’re the same green as her jacket.
About the learner (including designing for him), they’re the same blue as his shirt.
An instruction or indicator that applies to the whole interaction, they’re the same orange as the wall.

An Eye-Opening Exercise

I don’t know if this exercise was helpful to you, but it’s helped me! I’ve never observed my own process like this before and it makes me appreciate the time and effort it takes to go from A to Z. Sounds ridiculous since I’m the one doing it, but it’s hard to see when you’re caught up in the process. Once I’m done with something I focus on the result, but I don’t go back and look at it like this.

Have You Shown the Messy Side of Your E-Learning Work?

I’d love to see if you’ve shared the messier parts of your e-learning projects, too! If you have, I hope you’ll share your shares.

How Did You Become an Instructional Designer?

May 16, 2014 By Jackie Van Nice 2 Comments

The Tweeted Taunt

The fine folks over at ttc Innovations were inspired by Cammy Bean‘s The Accidental Instructional Designer to ask me (and all other IDs) how I (we all) got here. History proves I can be goaded and challenged into any number of things (note my extensive Articulate Challenges activity) – and this Twitter tactic worked perfectly.

Just One Problem

The only thing is I don’t have a great “accidental” story. The only accident was when I discovered, after taking a whole lot of college German because I loved it, that the only way to continue that particular romp in the park was to get a grad degree, and that involved teaching German if I wanted the university to pay for it.

Instructional Design as a Survival Tactic

After playing through the terror in my head – (“I’m not a public speaker!” “My colleagues are native speakers of German!” “I’ve never taught anything and I’m starting by teaching real classes that real students really pay for at a real university?!”) – I just did it.

Four things ended up making me incredibly successful:

The terror. My response was to be the best-prepared human who could walk into that classroom. I’d spend 4 to 6 hours every night – 5 days a week – designing the next day’s lesson, using methods nearly identical to what I now use to create e-learning.
The University of Oregon’s wise move to require classes on instructional education before allowing just any fool to start teaching their classes. This was my intro to instructional design and I loved it.
An outstanding and extremely forward-thinking textbook. It provided a good framework for teaching the specifics of the language, but the real focus was on creating a fantastic environment for endless creativity and real practice.
My adoration of the topic. I’d just returned from a year of grad school at the Universität Konstanz in Germany and my enthusiasm for learning German, traveling, and being an exchange student was literally inescapable.

I didn’t realize how well classes were going until the students coming in for the class after mine began stopping me to ask what the heck I was doing in there. All they could hear were rounds of intense group concentration, roars of laughter, and sustained cheers and applause (for their peers!) – followed by happy chatty people exiting at the end. I guess that wasn’t what the class after mine was like. Crazily, I never even heard all of that because I was so intensely in the moment of what we were doing. It was awesome.

Then There Was More Stuff

After that there was more education and more teaching and lots of other stuff (it would take at least 20 blog posts to get through it all), but in the end I decided I just wanted to be an independent ID, which is what I wrote about here.

Share Your Story, Too!

I hope that’s what ttc Innovations had in mind when they took to Twitter to call me out. I suggest you play along too! Share your story by visiting their blog and/or blogging then tweeting using the hashtag #MyIDStory – and have fun!