Visual Design

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.

The Stuff That Résumés Are Made Of

April 22, 2014 By Jackie Van Nice 10 Comments

Select Image to Launch Demo

I’d recently been admiring some examples of graphic résumés, but couldn’t imagine how I could ever do one. Turns out Articulate’s resident nudger, David Anderson, keeps an eye out for that sort of thing and his challenge this week is to come up with an interactive résumé or portfolio. So time for me to figure it out.

I haven’t had much call for a résumé since I’ve been independent, but creating an interactive graphic where I could play with the idea of a résumé sounded like fun, so off I went.

Inspiration

My friend and talented freelance e-learning designer Donna Carson gave me edits for a bio I submitted with my DevLearn speaking proposals on Friday. The phrases she used made me want to both laugh and go conquer the world at the same time. Her description of my “fearless flair” in designing training inspired me to come up with “Fearless Designs!” “Bold Voiceovers!” and “Daring Development!” to describe what I do. For graphic inspiration I turned to old movie posters. They had the expressive graphics and cool details I wanted, plus they could handle the dramatic phrases I had in mind.

My Graphic Inspiration

Design

Graphics: To start, I pinned old movie posters I liked and chose a color scheme that resonated with me. You can clearly see I used the colors and rough layout of the Charlie Chan at the Wax Museum poster. For text callouts and credits I used elements based on other posters including The Beast From 20,000 Fathoms.

Theme: I chose a detective theme because I was drawn to the idea of Humphrey Bogart’s Sam Spade. He’s on the right side of the law, but still seems a little shady. (His line that the Maltese Falcon is “the stuff that dreams are made of” inspired this post’s title.)

More Graphic Inspiration

The Theater: I wanted an entry screen so that, once clicked, the user’s full attention is on the initial visuals, music, and animation when they hit the main screen – and having them click a ticket to get inside made sense.

The way the overall flow works is based on the little theater I practically lived at as an undergrad at Humboldt State University in Arcata, California. The Minor, off the little town square, was an old art house movie theater that changed its double or triple features at least three times a week. I spent a few thousand of the happiest hours I’ve ever spent in my life there, and got to see a gabillion classic movies like the ones that inspired this piece.

The Minor Theater

When it was cold out, you’d come off the street through a thick red curtain, get popcorn and admire the old movie posters in the lobby, then go through another red curtain to enter the theater. So I was seeing my résumé as one of those old posters in the lobby.

Audio: I wanted to bring it to life with sound. There are effects for audience buzz, curtains being pulled aside, cheers, applause, police whistles, sirens, screams, breaking glass, etc., but I wanted a theme song. The whole time I was working on this I kept hearing a driving theme somewhere between Peter Gunn and James Bond. Lucky for me I’ve got an “in” with talented songwriter, musician, and freelance e-learning guy Dan Sweigert who was able to write and produce the theme song in no time flat.

Content

Résumé Elements: I kept it simple and included my (boldly-phrased) skill set, education, experience, and the main software I use. The sections for education and experience were by far the biggest creative challenges, but in the end I was happy to find a quick way to blow through them that still maintains the tone and theme.

Brevity: I find it endlessly entertaining that each of the links from the main screen shows just one screen of content (at best) that makes the audience go wild. I wanted to get in, show a glimpse of just a morsel of my work, and get out.

See It In Action!

Enjoy the vintage-inspired goodness right here.

My Sketchy Life as an E-Learning Designer

April 14, 2014 By Jackie Van Nice 11 Comments

Click Image to Launch Demo

Since so many people are sketchy about what we do as e-learning designers, it seems appropriate to answer this week’s Articulate challenge in a similar vein. This week’s challenge is to answer the question “What do e-learning designers really do?” using the architecture of a visual meme supplied by David Anderson.

Design

I considered doing something interactive in Storyline, but went for a simple image instead. I’ve been playing with sketches lately and it seemed like a good sketching exercise. I created the finished image in PowerPoint.

Sketches: I made these on an iPad with an app called Pencilicious and a generic cell phone stylus. It would have been hugely easier with a stylus that wasn’t shaped like a big fat pencil eraser, but they don’t call this a “challenge” for nothing.

My process to go from scribbling to having usable PNG files: Sketch on iPad > email to self as PDF > export images as PNGs > use ’em! I was impressed with Pencilicious. It was the simple, easy-to-use app I was hoping for at only $2.99, and I’m looking forward to using it more.

Colors: I tamed the all-black frame of David’s example to more of a graphite color to work with the pencil-like theme. The only other colors are in the carrot garden, and that was because I didn’t think my carrots would look like carrots without color. I tried balancing that color with color elsewhere, but didn’t like it. So it’s an unbalanced design in favor of my bunny’s carrots.

Fonts: I’ve been in love with the header font, Cabin Sketch, since we first met. I’ve not had a chance to use it until now, so color me happy. The caption font is Cabin (brother of Cabin Sketch), and the three fonts in the first frame are Cedarville Cursive, Chocolate Windows, and Sneakerhead BTN Shadow.

Content

What my family thinks I do. This is dead accurate. My sister-in-law just sent me a job post, happily noting that it sounds “just like you!” It was for a publishing job. My brother suspects I do something with computers, and my lovely mother excitedly tells everyone she can that I’m an extraordinary businesswoman. (She’s sweet like that.)

What my rabbit thinks I do. All she knows is that I come up with endless feasts of carrots and kale, and she knows you get carrots by digging them up, so she probably thinks this is what I’m up to all day.

What my neighbors think I do. There’s no way they’d even have a guess. Best case, they think I spend all my time goofing off between vacations.

What my clients think I do. I adore them because they think I make magic happen.

What I think I do. I love what I do as an e-learning designer (don’t tell anyone), and between that and getting to work for myself from home, it’s hard not to be happy.

What I really do. I do what we all do: I work with clients; take in a gazillion project details; organize, analyze, and process them; dream up attractive, effective, and fun training solutions; and build them. (In a computer! So my brother was right.)

Hope you like it!

Let’s Start at the End (Of Your Course)

April 8, 2014 By Jackie Van Nice 2 Comments

Select Image to Launch Demo

This week’s Articulate E-Learning Heroes challenge is to send a little love to the end of your course. It can be lonely and confusing back there – (“Is it over?” “What am I supposed to do?”) – so this week we’re sending back a life line.

Context & Theme

I wanted to indicate we’re starting at the very end of an interminably long course. My first choice was to start at the end of pi, but finding the end of pi is even more nebulous than the end of most courses, so that was out. (Maybe when I see Neil DeGrasse Tyson at DevLearn in October I’ll ask him if he’s made any progress on that Pi issue.)

So instead I created (the end of) a course called “Enough Already! 5,000 Little-Known Animal Facts”, which starts on the last part of the last fact about the last animal.

Indicating Completion and Next Steps

Spelling it Out

To be clear that you’ve reached the end of the course, I start with a congrats slide that also indicates you have a little more to do before you go.

Final Decisions

Which leads to an animal-themed screen where you get to make decisions. Hover State Visual: Hovering over each picture reveals where you’ll go if you click on it. Hover State Audio: Hovering also reveals a bit of audio. Its purpose is to add a touch of interest, amusement, and wake you up – but there have been reports of startled coworkers and kitties as of late, so consider yourself warned.

Gate Screen for Feedback

Gate Screens

After you make a selection you’ll go to a gate screen to confirm your choice. David Anderson had a gate screen challenge a few months ago where he talked about them, and you can also see the different examples created by members of the community.

Feedback Placeholder

Room for More

In this example, if you choose anything other than “Exit” you’re taken to placeholder slides that could harbor summarizing thoughts, more resources, ideas for review, or a means of leaving feedback.

See it in Action!

Take a look at this wild little ending right here.

This is Why Freelancers Need Floaties

March 24, 2014 By Jackie Van Nice 11 Comments

Select Image to Launch Demo

This week’s Articulate E-Learning Heroes Challenge is to create a photo collage that tells a story.

I’ve just gotten home from a (great!) week at the E-Learning Guild’s Learning Solutions Conference in Orlando, and the theme that kept coming up was freelancing. Not just in sessions, but in countless random conversations, and I found myself offering a lot of advice to hopeful freelancers.

I Smell a Theme

So because there’s only so much space in my head and this is the topic currently on tap in there, my photo collage story this week is about a guy who wants to freelance. The points I’ve included are a summary I quickly put together for this piece, but it’s similar to what I was sharing all week.

The Story

Select Image to Launch Demo

If I’m going to tell a story, I need a starting point. So I overlaid our (miserable) hero on top of the rest of the photo collage so that I could establish his yearning-to-go-freelance motivation. The underlying photos and their content, each of which reveals a portion of our hero’s journey, can be visited in any order. And of course you get to see the result of his efforts at the end.

Visual Design

I kept the visual design pretty simple. The photos are framed in a pseudo-Polaroid fashion. The caption font on the top photo is Dawning of a New Day. The title font on the pop-ups is Swiss921 BT, and the main pop-up font is Candy Round BTN Condensed.

I reused a beach and palm tree from a recent post about freelancing, mostly because I wanted the tree for the end scene.

And I reused poor Ian again. I’ve forced that poor man into service as an airline pilot and a beer-guzzling traveler in recent weeks and wanted to give him a rest, but I needed someone who could fit into the outfit at the end, and he had the perfect figure. (Sorry, guy.)

Storyline Design

When clicked, each photo in the collage pops up on a slide layer with more info. Then I have each photo disappear after viewing it. That way I was able to set up a new layer of interest below.

That interest includes having each photo, in miniature, drop down into the palm tree and hang there like an ornament. You can then click on those ornaments to review their content. I did this by adding a second slide layer for each collage photo.

And, of course, I had to show Ian’s transformation after he’d followed his own plan, but I could only show that after all photos had been viewed. To do this, I created a variable for each photo. After all of them have been visited, Ian and his final outfit are triggered to appear.

See the Result!

You can see Ian in all his freelance glory here. Enjoy!