The Stuff That Résumés Are Made Of

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.

Click Image for Demo

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. The full versions of each piece are in my online portfolio, and the link to it is in the player tab at the top.

External Links: I renamed the player’s “Resources” tab to “UNCOVER MORE!” and had fun coming up with suspicious-sounding titles for the links to my blog, online portfolio, LinkedIn profile, and Twitter account. They make me laugh every time.

See It In Action!

Enjoy the vintage-inspired goodness right here.

 

 

My Sketchy Life as an E-Learning Designer

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

Click for Larger Image

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)

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.

The Beginning of the End

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

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.

Placeholder for Feedback

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.

 

What Do I Think of Storyline? Well, Since You Asked…

This week’s E-Learning Heroes Challenge is to come up with a “Top 10” list of things you’d tell someone about Storyline. You can collect your favorite resource links and curate them any way you’d like.

I basically took everything that I normally say to someone who asks me about Storyline, put it all together with appropriate links, and tied a bow on it. (Not unlike last week’s challenge where I did the same for what I tell future freelancers.)

Opening Screen

The Design

One advantage of the gallery layout on my blog is that I can instantly see what sort of design I should do to contrast with my recent work. Since my last two entries haven’t had vibrant color palettes, and since spring is officially here, I went for bright and springy with a little bit of silliness and a little bit of elegance.

I also didn’t want a main menu with squares or buttons that linked to the 10 points. I wanted the menu to be a creative, vibrant, graphic embodiment of the theme. Once I made that decision, the idea for the springing-up flowers came easily.

Main Menu

Main Menu Flowers: I wanted flower shapes that I could fill with photo captures from their related content pages. So I took out my trusty Wacom tablet and started drawing the basic outlines of the flowers, stems, and leaves. I did it in Storyline by going to Insert > Shape > Lines > Scribble and drew them right on the slide.

Then I adjusted the outline weight and color and did a picture background fill for each shape using a tight capture from each of the larger flower photos.

To make the flowers pop in their hover states, I increased the weight of the flower’s outline by a pixel or two, and increased the size of each flower by about 4 pixels in width and height.

Audio: The sound effects for the flowers are two different sounds on top of each other. One’s a pop and one’s a spring. The singing birds are a piece of audio that I looped. I knew it was possible, but had never done it before. A quick Google search took me to this simple how-to. (Thanks, David!)

Content Page #2

Content Page Colors: To get colors for my text, fills, and outlines that went perfectly with the flower images, I used the heck out of the eyedropper tool.

Content Page #5

Photos: They’re all from Microsoft Clipart. I wanted big, clean, bold, colorful images.

Fonts: I’ve used the title font, Blue Chucks, a couple of times lately. Same with the paragraph font Copse. When you’re a cute font, you’re gonna get used.

Content Page #9

The Content

It is what it is! This is what I tell people who ask, and these are the resources I direct them to.

The Finished Product

You can see it in all of its springy loveliness right here. Enjoy!

 

This is Why Freelancers Need Floaties

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

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. (Not unlike my approach to this menu.)

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.

I’ve not had this happen before with Storyline, but I found I got very erratic results in getting Ian to show up at the end when viewing the published files. I published to Web and included HTML5 and Articulate Mobile Player on iPad output.

Ian always came in just fine when viewed on the iPad – but on Chrome, Internet Explorer, Firefox, and Safari it would sometimes work and sometimes not – even after endless rounds of cache clearing.

But I’m hopeful you’ll see Ian at the end just fine. Enjoy!

“How Did You Get Started as a Freelancer?”

“How did you get started as a freelancer?” is the most common question I’ve gotten in the last 10 years, and it’s a great one.

There are an infinite number of ways you can get started, and everyone’s story is different. But in case it helps you, or any fledgling freelancers you may know, here’s how I got started and how I continue to build.

My Sneaky Plan

I knew a year or two before taking the plunge that I couldn’t take being an employee anymore. At the time, I was a software and training consultant on the road.

I opted to skip all of the usual fretting and worrying about how to start a new business, how to keep money coming in without a regular paycheck, how to reposition myself in the marketplace, and how to find new clients. Fear and worry are a waste of time. I took the quickest route I could think of.

My brilliant idea was to pick one potential client and sneak up on them. And that’s what I did.

Client #1: They Thought They Were Getting an Intern

I started by finding a certificate program at a local college that included an internship requirement. It was a mostly-online program that took a little over a year, and I completed it in my spare time while traveling for work. I already had plenty of degrees and certificates and experience, so I didn’t need the classes or the certificate. They were fine, but not necessary. The key was the internship.

My strategy was to leverage my well-connected instructors to get into the door of an unsuspecting company that thought it was just getting a contract, freelance intern.

It worked like a charm. As soon as I was approved to find an internship, which was my responsibility to find, I put just one feeler into my network asking for what I wanted. And a connection of one of those well-connected instructors came through.

Within two hours I was communicating with a woman looking for an intern to do instructional design work. She immediately took me on at the “intern” rate, but within a week or two, as soon as I’d finished my first assignment, she took me up to the full rate. I contracted from her for several years. All of those projects were for instructor-led-training.

Client #2: I Built It and They Came

When I decided to transition to e-learning I learned as much as I possibly could about it, invested in the tools, learned the tools, and ever-so-casually mentioned to everyone I talked to that I was now doing e-learning. Within three weeks I got a call from a large company asking if I was available for some e-learning projects, and they’ve kept me busy ever since.

Client #3: Expanding Through Volunteering

As busy as I was, I knew I had to develop more clients over time. So I decided to find a large nonprofit and volunteer my services to design and develop whatever e-learning they might need. They were thrilled. Unfortunately, I’m still waiting for their content several years later – but they stay in touch and are very sweet and always thank me for helping and being on the team. They just can’t get it together.

In the meantime, one of their directors moved to a different nonprofit. I made the same volunteer offer at the new place, and she said she’d let me know if they ever decided to start doing e-learning. A few weeks later she called and said they’d decided and that they’d like me to work on contract. They’ve kept me busy for the last few years, too.

Clients #4 and Beyond

Others have become clients just by sitting next to me at a conference and asking for my card, seeing me on LinkedIn and contacting me to do work (this happens quite a bit), and by word of mouth from current clients.

And just today I may have a new one who saw my work in the Articulate E-Learning Heroes Challenges that David Anderson puts together. (The flowers are on the way!)

You’ll notice I do no advertising or marketing or promotion, other than getting myself out there a little bit and doing some minor networking in ways that are very natural – including some blogging and tweeting. I put far more of my energy into learning more and doing the best work I can, and everything else just flows.

But if you’re a natural salesperson and joyful networker – great! My advice is to stick with the approach that feels most natural for you, because that’s the right one.

So that’s how I got started, and that’s how I keep cruising along.

If you’re a current or future freelancer, does any of that help or give you new ideas?

You Can’t Escape Good Design

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.

No One Loves The “Next” Button Until It’s Gone

I haven’t participated in many of the weekly design challenges that David Anderson puts out to the Articulate community, usually because of a looming project deadline. But if so many other busy designers are doing it, what’s my deal?

So this week, casting all current deadlines to the wind, I took up David’s gauntlet and spent my Friday night Storylining away.

This week’s challenge is based on his blog post about hiding the “next” button until the learner completes a challenge about what’s just been presented. (Or it can be used as a sort of pre-test to unlock the “next” button and allow the learner to skip ahead.)

From an instructional design perspective it would have to be used incredibly judiciously; though if sprinkled in a few key places in just the right course, it could be effective. But this challenge was about the technical aspects of building it, so that’s what I focused on.

My Example

I chose the HR Audit topic because it seemed appropriately dry. I’m picturing a nodding-off learner who’s about to get a disappearing-“next”-button wake-up call.

Basically, at the end of the slide you ask the learner a question about what they just saw.

Here, I ask them to enter a certain number they just saw. The “next” button is visible but disabled.

If their answer is incorrect, they get a message asking them to try again, or to review the slide content.

Once they get it right, the “next” button is enabled and they go on to their glorious reward in the final slide.

The Tech Side

David wanted a text-based entry field for the learner to complete in order to unlock the “next” button, so in Storyline that means adding a data entry field. I’d never had a reason to use them before, so I used a post on the E-Learning Heroes site from Jeanette Brooks that explained how to set them up. It would help to have some experience with variables, but it’s probably not necessary for the average intrepid Storyline user.

After that it was all about the layers and states and triggers. I won’t get into extreme detail, but on the main slide I added a trigger so that at the end of the timeline it would show a layer. At the end of the timeline I also animated out any potential answers on the slide so they weren’t visible.

On the layer I put the question, the data entry field, the “next” button (set to an initial state of “disabled”), a line of text feedback if the answer is incorrect (set to an initial state of “invisible”), and a “review” button so they could see the slide content again if the answer is incorrect (also set to an initial state of “invisible”.)

Then I just got all trigger-happy until it behaved properly.

Here’s my published version.

A Story Resource I Can Love

Today, Sunday morning, in the middle of coming up with a story to draw learners in, motivate them, and act as the framework for a new course, I took a break to see what was up in the paper.

Lucky for me, there was an article in the Wall Street Journal about using storytelling to do all of the things I need it to do, plus a whole lot more. The article, by Dennis Nishi, is To Persuade People, Tell Them a Story, about using stories to make the impact you want.

In it, he mentions corporate trainer Paul Smith’s book Lead with a Story: A Guide to Crafting Business Narratives That Captivate, Convince, and Inspire.

Clearly the WSJ’s Dennis Nishi knows how to tell a good story, since it took me no time at all to purchase and download Mr. Smith’s book. And though I haven’t had a chance to savor every word yet (hey – I’m working, here!) some of the things I’m crazy about right off the bat are:

• It’s from a business perspective. My courses hit learners where theory (“this is what you should do”) meets reality (“this is what the sales department is going to say about that”). The more I can make my stories reflect reality as I present the theory, the more valuable the courses will be.
• He organizes them into workplace challenges and themes.
• He includes “ready-to-tell” stories you can adapt for your own uses.
• His final chapter walks you through how to get started developing your own stories, where to go for inspiration, where and how to deliver them, and more.
• His appendix includes a very simple Story Structure Template, a Story Elements Checklist, and a Story Matrix that sorts his stories by theme, elements, etc. (The matrix doesn’t render very clearly on iPad or PC, but it’s usable with some effort.)

Though directed to a business audience, this is a simple, clear, and inspiring book that can easily help trainers, including e-learning designers such as myself, quickly find the structure and creative spark they need to develop stories that can make a real impact.

Well, my break is definitely over by now, so it’s back to that story…