• Home
  • Free Resources
    • Storyboard Depot
    • Instructional Design Programs
    • Best Stock Photo Sites
    • PowerPoint Grids
    • eLearning Examples
    • Glossary of Online Learning Terms
    • Graphic Editing Tools
    • Icon Collections
  • My Books
  • About
  • Book Store
  • ON-DEMAND COURSES

The eLearning Coach

For designing effective learning experiences

  • Podcasts
  • LXD
  • eLearning Design
    • Audience
    • Instructional Design
    • Learning Objectives
    • Storyboarding
    • Tests
    • User Interface
  • eLearning 2.0
  • Cognition
  • Multimedia
    • Audio
    • Graphics
    • Video
  • Reviews
    • Book Reviews
    • Software Reviews
  • At Work
You are here: Home / Developing eLearning / How To Set Up Your Authoring Tool Workflow

How To Set Up Your Authoring Tool Workflow

This Process Should Work With Any Authoring Tool

by Connie Malamed

Tweet57
Pin16
Share14
87 Shares

If you’re looking for an authoring tool workflow, consider the approach outlined here. It’s what I use during course development with an authoring tool. This workflow is the process I typically use after I have an approved storyboard/script and prototype. It’s simple and straightforward and may be similar to what most people do, but I thought I’d share in case it helps anyone. Although I’ve been doing most of my eLearning work in Storyline lately, I think this process can work with most authoring tools. See the workflow below.

workflow

1. Set the Dimensions of the Slides

The first thing I do when I start a development project is to save the file with an obvious name and then set the size of the document. Storyline defaults to a slide size of 720 x 540 pixels, which is a 4:3 aspect ratio. That means that for every 4 inches of width in an image, there will be 3 inches of height.

I prefer to have more room on each slide, so I typically set it to the newer PowerPoint size of 1280 x 720 pixels. This is an aspect ratio of 16:9. To do this in Storyline, set the size of the slide by going to the DESIGN tab and select STORY SIZE (the first item on the menu bar).

Uncheck the LOCK ASPECT RATIO checkbox if you want to change from the default. Then enter the desired size by filling in the width and height fields. It’s best to make this change before working on a project so that your objects and layout aren’t shifted around.

2. Create the Structure

I start to set up the structure of the course next. In Storyline, that means breaking it up into logical scenes, such as Introduction, Scenario 1, Scenario 2, Scenario 3 and Conclusion. Then I add the slides to each scene, drawing from my storyboard or a well thought-out sketch. I title each scene and slide with logical names so that it’s easy to understand things when I have to revise something later. Putting titles in all caps helps because the text can be small in a big picture view.

2-structure
I like the way setting up the entire structure, helps me maintain the mental model of my design. And because this is a visual task, it clarifies the big picture view of things. Also, one practical advantage to breaking up a course into scenes in Storyline is that you can preview one scene at a time when checking progress and debugging. This speeds up production.

3. Add Navigation for Flow

Next I add the navigation to show the entire flow. This is a good way to see where the interactions will occur and if they seem appropriately placed. Even if you don’t have the elements of the user interface design created, you can use shapes for the mock up if you are not using the default buttons of your authoring tool. Below is a small portion of the structure with the navigation in place.

3-navigation

4. Add Master Layouts

In preparation for adding the content, I create master slides that I can reuse throughout the course. I’m often not happy with my first attempts or perhaps they don’t work well with the content. So I may end up tweaking them until I’m satisfied and deleting the ones I don’t use. To be ready to set up the master slides, it helps to know your palette, which you should have designed during the prototyping phase (see 8 Ways to Choose a Color Palette for eLearning). If you’re not familiar with a prototype, it’s a small example of how the course will look, feel and behave.

4-slide-master

 5. Add the Content

When every thing is set up as I like, I add the content, which includes media elements. When using audio and video, I typically have those ready to go, prior to development. But for the media I create, such as graphics, I might play some development leapfrog, creating groups of graphics and then adding the images and creating more graphics. So here is what it might look like after some of the graphics are added.

4-with-media

Speaking of graphics, I always create two main graphic folders. One is for the source graphics, which are the original images from a stock photo site, a custom photo shoot or graphics that I’ve created. These files are a larger size than the ones I use in a course.

I use the images from the source folder and enhance them, crop them and optimize them for the web or somehow make them my own. Then I save them to a second folder for the actual graphics that I use in a course or website. Let me know if you’d like to hear more on my graphic workflow and optimization for the web and I’ll write an article on that too.

What is your workflow? Please share below in the Comments section.


Get the latest articles, resources and freebies once a month plus my free eBook, Writing for Instructional Design.

Comments

  1. Wolf says

    March 14, 2019 at 9:11 am

    I really like the idea with the two folders. Thanks a lot Conny for this practical advice.

  2. Connie Malamed says

    September 11, 2015 at 6:02 am

    Okay, thanks for that, Amanda. Will do.
    Connie

  3. Amanda says

    September 11, 2015 at 1:44 am

    Thanks for sharing Connie. I would love to read your tips regarding your graphic workflow.

  4. Katherine says

    September 10, 2015 at 4:44 pm

    Depending on what you want to do, Office Mix is a neat solution. It’s a free add on for PowerPoint 2013. It doesn’t do any more branching than powerpoint but you can add quizzes and some interactivity as well as record voice overs and screen captures. But like I said, it’s free.

  5. John Laskaris @ Talent LMS says

    September 4, 2015 at 11:46 am

    That’s a really informative post, Connie, I really like reading pieces like yours to freshen up my skills. Inputting titles in all caps is definitely something I do as well, it really speeds up the process more than expected. I like your tip on using two folders for photos as well – I can’t say I worked like that before but I certainly will.

  6. Connie Malamed says

    September 4, 2015 at 9:45 am

    Andrew,
    I’m so glad that this is helpful for you.
    Connie

  7. Andrew Tripoulas says

    September 1, 2015 at 7:07 pm

    Thanks for the info. Very helpful!

    Andrew Tripoulas

  8. Connie Malamed says

    August 29, 2015 at 9:50 am

    Captivate and Lectora are other highly-used and respected authoring tools. There are probably 100 of them, at least, and I can’t even begin to know them all. Two lesser-known tools are BranchTrack (for scenarios) and Udutu that have good potential. Here are two resources you might find valuable: My interview with Joe Ganci about authoring tools and an article by Joe in Learning Solutions magazine: Five Lesser-known Authoring Tools. Joe has a regular column there that you will find helpful.
    Best,
    Connie

  9. Corstiaan says

    August 28, 2015 at 10:06 am

    Thank you :-). Besides Storyline, what other tools do you recommend?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Writing for Instructional Design

Subscribe to my newsletter AND get my eBook, Writing for Instructional Design.

Get the latest articles, resources and freebies once a month plus my free eBook, Writing for Instructional Design.

The Learning Guild

CSUN Instructional Design Program

CSUN Instructional Design Program

Fullerton Instructional Design Program

Fullerton Instructional Design Program

Learn ID at University of San Diego

u of san diego id program

ANSWERS TO QUESTIONS ABOUT A CAREER IN ID

answers to 5 key questions about a career in instructional design

NOW AVAILABLE AS AN EBOOK

You can now buy the email course as a PDF to get all the lessons at once. Price: $15.00 US.

eBook Cover
Click the image to buy the book.

SITE MENU

Home
Resources
My Books
About
Book Store
Membership Community

TOPIC MENU

Podcasts
LXD
eLearning Design
eLearning 2.0
Cognition
Multimedia (Graphics & Audio)
Reviews
At Work

RESOURCES

Storyboard Depot
Instructional Design Programs
Best Stock Images
PowerPoint Grids
eLearning Examples
Glossary of Online Learning
Graphic Editing Tools
Icon Collections

© Copyright 2021 Connie Malamed · All Rights Reserved