An eLearning Workflow

by Sally Cox  

I spent more than 15 years as an Adobe trainer, teaching people the latest features of new products. One of the things I have learned from this experience is that people don't just want to learn what's new in an application... they need guidance on incorporating the application into their workflow. They need to see the entire development process that will enable them to get their jobs done. With this in mind, the article focuses on the workflow I use when I create my eLearning courses.

 

From Paper to Adobe Illustrator

 

My eLearning courses begin life on paper (where I've sketched some ideas). I am a designer at heart, so Adobe Illustrator is a natural starting point for me. I use Illustrator to lay out the basic look and feel of my eLearning course, choose colors and fonts, and solve my design dilemmas. 

 

I start with the client's brand guidelines (or style guide), an important part of the design process. If you want to keep a client for the long term, respecting their brand is key. I work within the brand guidelines for colors, fonts, general look and feel, logo placement rules, etc.

 

I then begin laying out the cover/transition slides for my courses and a sample content slide. The image below is an example of a recent project I did. I did not have brand guidelines to work with here so I had a lot of freedom. I created these two slides in Illustrator, using swatches from the Swatches library to choose harmonious colors. I work out headers and footers, if there are any, and start to think about the interactions I will be using.

 

 

The Swatches in Illustrator have amazing color combinations. My favorite Swatch library? Baroque! Look at these rich colors... they typically show up in all of my projects.

 

 

 

I export my Illustrator graphics as transparent high-resolution PNG files for easy import into Microsoft PowerPoint, Articulate Storyline, or Adobe Captivate. To create the transparent PNG's, build the graphic on a separate artboard and note the artboard number.

 

 

Next, choose File > Export, select the appropriate artboard, and then select PNG as the output.

 

 

Illustrator shows you a preview of the artboard, and here you set options. I change the Resolution to High 300 PPI and Background color to Transparent. These settings allow the image to import beautifully into just about any application.

 

 

Microsoft PowerPoint

 

When it comes to eLearning development, I use PowerPoint as my "heavy hitter." It's the place I gather all my graphics, content and interaction ideas.

 

Why PowerPoint for eLearning? 

1. Most everyone has it--clients like to be able to make minor edits, so giving them something they can actually use is key
2. PowerPoint imports into Adobe Connect, Articulate Storyline, and Adobe Captivate easily
3. I can create custom colors using the Eyedropper tool
4. You are only limited by your imagination--think of PowerPoint as a "delivery tool," nothing more. My work doesn't LOOK like it was created in PowerPoint and yours doesn't have to either! (If you're looking to ensure your PowerPoint slides are optimized for eLearning, check out AJ's Optimizing PowerPoint Design for eLearning & Presentations class!)

Here's an example of how I grab colors from the artwork using the Eyedropper tool in PowerPoint.

 

 

Articulate Storyline

 

Storyline is my preferred authoring tool for creating eLearning courses.  My PowerPoint presentations import beautifully into Storyline which allows me to quickly get my courses up and running. Storyline recognizes PowerPoint's Master Slides, and every slide element comes in as a separate piece so I can quickly add transitions, set object timing, add Triggers, and a quiz in Storyline. Then I can quickly publish my content as HTML5 and I'm done!

 

***

If you'd like to attend some awesome 3-hour mini courses that focus on eLearning, check these out.