CCAF

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.

A Model Smart Enough to Teach Itself

May 15, 2014 By Jackie Van Nice 10 Comments

This week’s Articulate E-Learning Heroes Challenge is to create an interaction to teach something about instructional design. So I took my favorite piece of e-learning wisdom, Michael Allen’s CCAF (Context-Challenge-Activity-Feedback) design model, and used it to teach itself.

Come On In – The Context Is Fine!

Your Context (Select Image to Launch Demo)

I plunged the learner into a demonstration of CCAF by supplying some context. Turns out you’re an e-learning designer who takes pride in creating effective learning. (Who knew?)

Your Challenge

Your challenge is to create fabulous e-learning using the CCAF model. If you accept the challenge and fail, you will torment your learners with terrible e-learning. If you succeed, learners will sing your praises and the world will be a better place. You have the option to check out a handful of CCAF tips before you start, but it’s always more fun to just dive in and see what happens.

There’s Something In My Activity

Your Activity

Since the activity part of this CCAF demonstration is to choose effective design elements using all four parts of the CCAF model, this is where it gets a little mind-bending – not for the user so much as the designer. But my CCAF-inside-of-CCAF-induced headaches this week are distant memories now, and they were worth it.

Everything’s Feedbacking – Can’t You Hear It?!*

Your Feedback

The feedback focuses on showing you the direct result your design choices had on the learner. However, since there are five possible outcomes (choosing 1, 2, 3, 4, or none of the ideal design options) – and I wanted you to be able to go back and play with it to get different results – I decided to give an indication of how many good choices you made, too.

Custom Results Help – Thank You E-Learning Heroes!

I’d never needed so many custom results slides before, and lucky for me – as always! – the Articulate forums came to the rescue. It involved creating 5 custom feedback layers on my results slide – then creating a trigger on the results slide telling it to show the appropriate layer based on the learner’s score using a built-in variable. My shout-out goes to Blair Parkin who offered this helpful little nugget in response to a question, and it really helped me out.

Blair Parkin’s Trigger Magic

Enjoy!

Hope you like this little demo. It lets you be the superhero e-learning designer you always knew you were, and you can try it out right here.

*Gift to self. It’s an impassioned cry on an Apples in Stereo song that I can’t get out of my head when I think of feedback.

Does Context Matter? Here’s a Before & After

May 4, 2014 By Jackie Van Nice 4 Comments

Before and After Example: Software Training

David Anderson’s Articulate challenge last week was to create an example of “bad” e-learning, and this week it’s time to turn “bad” into “good”. He wanted short, focused examples – so I chose a couple of screens and focused on context. The “before” is from a client, the “after” is from the lesson I created for the client.

What’s Context?

My first question in every new project is: “How will the learner use this information in the real world?” Then I try to design the piece from the learner’s post-course real-world point of view to show them why they’ll care about it and when where and how it’s going to come in handy. Using effective context can add lot of interest and learner motivation, too.

The Bad E-Learning “Before” – Where’s the Context?

This client had two “before” versions of this training. The learner is a salesperson who needs to know how to use the photo options on his mobile sales device. The first “before” version used the “show me, try me, test me” approach. Both versions were real and both went live.

Bad-E-Learning-Inspired Mimosa

The Show-Me-Try-Me-Test-Me Debacle

How I wish I could show you this one! It was done in Captivate (not Captivate’s fault), navigation was completely locked down, the pace was crazy slow, there was no intro or context, and all you saw was the computer screen with a mouse slowly moving around and the occasional text box popping up with cryptic information. Whenever you thought it was your turn to “try” it, it wasn’t.

It was as satisfying and enjoyable as using a voice-response phone system when the robo operator can’t understand anything you’re saying. I could only make it through two or three minutes of this course before I had to literally hang up on it and figuratively go have a mimosa on the veranda to compose myself.

The “Before” Training

The Slide-With-Animated-Text-Box Version

The other “before” version is still bad, but you’re never under the delusion that your input is desired or needed and you have a little freedom of navigation, so it’s less offensive. As training, it’s just animated software documentation. It’s context-free and a big snooze, jam-packed with information you’d never be able to retain when presented like this.

The Good E-Learning “After” – There’s the Context!

One Little Hitch

In the real course I teach the salesperson to use the camera during the sales process where they really need it. Since I can’t show you anything about their sales process in this example, I had to get creative.

Select Image to Launch “After” Demo

Plan “B”

Since a manager often takes a new salesperson out into the parking lot to introduce him to the basics of the newly-issued device, that’s the context I used. I knew learners would glaze over when hearing about sexy things like “white balance adjustments”, so I tried to think of a context in which photo adjustments in the parking lot with the manager would have meaning.

I came up with the idea of the salesperson taking practice shots of his manager to show what can go wrong when taking a photo, and then showing him how to make photo adjustments so his manager looks better. (There’s some motivation!) Putting the manager in silly poses added some much-needed humor, too. All together, it brought some context and emotional engagement to a very dry topic.

Before vs. After

Did context help? In reality the client’s salespeople and managers love this course. They find it extremely effective as an introduction to the device, and since it’s made up of many smaller lessons, it’s easy to use as a refresher, too. In case you’re interested, here’s how I designed the course. I even showed it at SolutionFest last year!

You Can’t Escape Good Design

March 2, 2014 By Jackie Van Nice 2 Comments

Select Image to See Larger

I started this week’s Articulate E-Learning Heroes Challenge by creating this poster, based on a design quote I like. But it’s a general design concept not specific to instructional design, so I thought I’d try for something that feels a little more on-the-nose.

A Bull in an Instructional Design Shop

I found a quote from Bernard Bull that resonated with me, and created the illustrative poster you see here.

The Truth

The funny thing is, throughout this challenge I’ve kept thinking “I don’t refer to quotes; I refer to Michael Allen’s Context, Challenge, Activity, Feedback (CCAF) design model.” It’s not an inspirational quote, but it’s what’s always on my desk and it inspires me every time I design.

Funnily enough, it was only after I’d completed the poster that I realized that this quote is a good example of the CCAF model in action:

The Context: You’re imprisoned and the walls are closing in.
The Challenge: Get out.
The Activity: Use that book I gave you to figure out how.
The Feedback: Either you set yourself free or you subject yourself to the standard walls-closing-in conclusion.

So I was kind of happy about that.

Poster Design

Section 1: Boredom; Lack of Engagement. Clearly I made this as dull as I could. Small black type on a white background to evoke the feel of most 600-page books. The font is Arial Black.

Section 2: The Nefarious Context. Pretty self-explanatory colors and layout. The fonts are Block It Out, Chocolate Windows, and Arial Black.

Section 3: The Big Bang of Engagement. I hand-drew the splashy yellow thing in the background, and the font is, appropriately, Bangers.

The Attribution: Mr. Bull is wearing Arial Black.

Again, I just created it quickly in PowerPoint; though the fuzziness of the Arial Black bugs me. If I can’t take it anymore I’ll put it into Fireworks and convert the text to paths so it’s clearer.