“For sale: Magic arrow. Facilitates work and maximizes free time by allowing the user to communicate any intent and execute any action by drawing simple figures. It’s based on the latest technology, and the magic arrow’s user-friendly interface ensures success even by unskilled or naive operators. Only $29.99. Money-back guarantee.” (Don’t you wish it were that easy?)
A magic arrow on a process flowchart gives the illusion of an integrated and automated transition, one that happens effortlessly. “Magic arrows” abound in instructional design. One of the important magic arrows in e-Learning is the storyboard, which transports a project from design to development — from the ethereal realm of problem-solving to the cold and cruel world of production.
A storyboard is to e-Learning design what a blueprint is to architecture. The storyboard provides the details from the designers that are needed by the developers in order to produce an e-Learning application on time and within budget. A common question among instructional designers seems to be, “Where can I get this magic arrow? I need a really good template for my storyboards.” In this article, I’ll present some answers to the “magic arrow” question, and I’ll give you some ideas that will help you build your own storyboards.
But first, some background
Much of the “process” in e-Learning development comes to us from the film and video world, as well as from software engineering and education. This common history with media design and production creates confusion at times. There are some common terms that are used in different ways, and not all of the lessons learned in producing other media apply to e-Learning. This is a serious enough issue to justify a bit of review.
The
Hollywood
connection
In making movies, cartoons, and other visual media, a written script is the traditional way to specify the exact content. During preproduction, the storyboard is how writers and directors plan out the sequence of camera shots and connect them to the script. The storyboard usually consists of a series of sketches and notes on paper, covering the key shots in sequence.
The actual working practice varies. Alfred Hitchcock, a twentieth century director of psychological thrillers, used very exacting storyboards, so detailed (it is said) that scenes could be precisely shot even if he wasn’t present on the set. There is a famous scene, the shower murder in “Psycho,” that required dozens of individual shots, involving an actress and a stand-in, made over a period of several days. Hitchcock’s graphic designer on the film, Saul Bass, drew each of those shots on a storyboard in advance. That’s planning! Other directors seem to be products of the “back-of-an-envelope” or “cocktail napkin” school. The point is that all of them plan, and all of them rely on storyboards to communicate their ideas and vision to the rest of the production team. Very little is left to chance.
There are a number of common concerns that apply both to the film, video, and multimedia world and to e-Learning:
- Both involve production with a team. • Both involve production of visual elements and audio.
- Mistakes in either one are expensive to fix.
- Creativity is important in both.
At the same time, there are important differences between other forms of media and e-Learning:
- Most multimedia and all video and film products are linear — one thing always follows another in a fixed sequence. But most e-Learning involves branching based on learner responses — so each learner may experience a different path through a course.
- Most multimedia and a lot of video and film is made for the purpose of creating awareness and interest via a clearly communicated message. e-Learning is created in order to obtain particular business goals as the result of people developing new skills or knowledge.
- Most multimedia and all video and film products are non-interactive (or only minimally interactive). e-Learning is defined by questions, interactivity, and practice.
In both cases, the storyboard is a focal point, a translation or transition from the language of problem definition to the language of problem solution, from creative vision to technical expertise. The storyboard provides a communication channel between the various disciplines contributing to the final product. This is significant in the case of e-Learning because at least three disciplines are involved: instructional design, graphic design, and technology.
The e-Learning storyboard
Because storyboards are more useful for educational content than scripts, e-Learning designers have adapted and refined the idea to suit their particular needs. Where a moviemaker’s work results in a fixed sequence of images, e-Learning usually involves branching and interactivity and so e-Learning storyboards must connect not only content and images but also programming instructions.
In their excellent training strategy document, the U.S. Department of Justice Office for Domestic Preparedness says, “Storyboards are the blueprints of an interactive courseware design and development process. They provide a combination of text and graphics or graphic descriptions that convey all the necessary information about the delivery of course content. Storyboards describe in detail all images, animations, movie segments, sound, text and navigational paths. The more complete, detailed, and accurate they are, the fewer the assumptions, questions, delays, confusion, and errors that occur later, during the costly Development phase. An accurate content outline, course design document, and style guide are essential to the success of the storyboard design.” (The complete training strategy document is available on the Web at http://www.ojp.usdoj.gov/odp/blendedlearning/odp.htm.)
What can you do with a storyboard? Storyboards are important to production of effective e-Learning for several reasons. First, the storyboard documents the e-Learning design completely. Also, the brainstorming that often accompanies work on a storyboard may assist the creative process and result in a better design. Storyboards provide an important basis for project management, control, and communication. A storyboard can facilitate training of e-Learning novices, provide support for standards, and make it possible to achieve consistent “look and feel” across an organization’s e-Learning products.
Where the storyboard fits in the production process
The design process leading up to creation of the storyboard has several steps, each one meant to reduce the possibility of mistakes or to preserve the integrity and value of the e-Learning design. (See Figure 1.) These steps have been addressed in two of my previous articles in Learning Solutions Magazine. The first four steps (Priority Needs, Job Objectives, Task Analysis, and Methods and Tools), were covered in “How to Connect e-Learning to Business Objectives” (April 12, 2004). “How to Build Composite Learning Progressions Using Approximations” (December 16, 2002) showed a method for moving from the initial analysis to create the Learning Objectives and the Learning Progression.
FIGURE 1 The instructional design process ends with creation of the production storyboard and handoff to the development team.
To review very briefly, after identification of priority business needs, the e-Learning designer will have named the job objectives (outcomes or accomplishments) required to resolve those needs. By task analyzing the outcomes — breaking down into steps what a performer must do in order to accomplish each outcome — and by listing the appropriate methods and the available tools, the designer identifies the approximations that will help the learners develop the needed skills in a learning setting. At this point, the formal learning objectives can be defined and organized into progressions. The designer can then create a flowchart to set up the sequence of learning activities. The next step is to create draft storyboards that can provide a basis for reviewing the course plan with subject matter experts. Once reviewed, the draft storyboards can be transformed into production storyboards that will guide the developers. These production storyboards also serve as a checklist for the final summative evaluation before release.
Storyboards are not always part of the design and development process. If your approach involves applying a rapid prototyping technique, you likely won’t be storyboarding because the emphasis is on getting prototypes developed as soon as possible and iterating the process. However, in almost any other situation, especially when using systematic instructional development processes such as ADDIE (Analyze — Design — Develop — Implement — Evaluate) (see http://ed.isu.edu/addie/Research//Research.html ) or structured delivery models, such as ROPES (Relate — Overview — Present — Exercise — Summarize) (see http://business.baylor.edu/James_Moshinskie//ROPES.HTM), a storyboard should improve your process, facilitate production, and lower costs. It may not be a “magic arrow,” but storyboarding works.
Could you borrow or buy a storyboard?
Storyboard formats and details always relate to a particular design methodology, and to particular e-Learning approaches and authoring tools. In some cases (perhaps a third of the time), there will be a storyboard template that someone else has developed and which will exactly fit your circumstances. Some of these are free, and some can be purchased. Finally, you may already own a tool that includes storyboard development among its features, or you may have the budget to buy such a tool. Let’s look at some examples.
Freebies
Some templates are available on the Web at no charge. If you search the Web using a keyword such as “storyboard,” you will get many hits. That’s the good news. The bad news is that most of these search results will relate to film, video, or multimedia and will not be useful for e-Learning work. So a search for “e-learning” on the results of the first search will reduce the clutter and still yield a large number of potential hits. You may also find that many of the templates posted on the Web claiming to be for e-Learning are not useful for your particular situation. They may be incomplete, they may be based on a model of learning that you disagree with, or they may have no learning model behind them at all. They may turn out to be suitable only for developing non-interactive PowerPoint presentations. Others won’t work for networked teams where revision control is important. Many of the formats will only be suitable for frame-based e-Learning, which in turn is mainly suitable for declarative (factual) or canonical (right/wrong) knowledge.
There are some bright spots, though. Two of the best sources online provide solid templates at no charge.
Studio 1151
“Studio
1151” is an online guidebook maintained by Alan Levine at the
U.S. Department of Justice
Section 3.6.2.2.4 of the Office for Domestic Preparedness, U. S. Department of Justice, training strategy document that I cited earlier in this article (http://www.ojp.usdoj.gov/odp/blendedlearning/odp.htm) offers three other useful formats and a great deal of detail that would be appropriate indoctrination material for individuals new to e-Learning design.
Templates you can buy
Among the results when you search the Web for “storyboards” will be a number of storyboard tools and templates offered for sale. Again, most of these will be for movie or video production purposes. A few will be useful for sketching out ideas graphically in storyboard fashion. A handful are designed for e-Learning, and of these there are two that are, in my opinion, most generally useful.
Horton e-Learning Templates
Most storyboard templates, as I mentioned, are really designed with the needs of frame- or screen-based e-Learning in mind. This is fine unless you are developing a simulation or an application where frames and screens are not involved. The only templates I have found that include options for applications that are not screen-based — i.e., for those based on timelines, such as Flash movies — are in the Horton set. Actually, the Horton e-Learning Templates are a package of several dozen models, all based on a complete design methodology. The full set includes templates in your choice of Visio, PDF, or HTML formats for everything from basic PowerPoint presentations to learning objects. Many of these are also discussed in William Horton’s book Designing Web-Based Training. Information and samples are at http://www.designingwbt.com/index.htm.
Designer’s Edge
Designer’s Edge is an e-Learning design application that has been around for several years. This is another product that delivers a complete design methodology, based on classic ISD. For this reason, experienced instructional designers sometimes feel that Designer’s Edge is redundant, but teams that consist of new designers, or those with only a few projects under their belts, seem to like it.
Designer’s Edge includes a key part that creates actual storyboards. Designer’s Edge was originally intended for use with the authoring system Quest, but it can be used as a standalone product. To “kick-start” development, Designer’s Edge storyboards can be exported to HTML or Java templates, through use of another application called Net Synergy, or they can go directly into Quest. At various times in the past, Allen Communication Learning Services (or Mentergy) has offered utility applications that would export Designer’s Edge data into Authorware and ToolBook, but these do not seem to be supported now. From time to time, individuals in user groups report that they are working on applications that will “translate” Designer’s Edge data into file formats that authoring systems can use, but to date none of them have said they have been successful.
However, an extension from Mentergy is available for Designer’s Edge Enterprise that allows Dreamweaver developers to access Designer’s Edge project design information from within Dreamweaver. Designer’s Edge also produces a number of reports that are useful to the project manager. One of those reports is an inventory of the assets identified in the storyboards (screens, movies, and other objects) that will have to be produced during development; this can be very helpful in refining your schedule and your budget. Designer’s Edge is relatively expensive, but if your organization isn’t too experienced, and is serious about applying a systematic approach to e-Learning design, there is nothing quite like it. Information is at http://www.mentergy.com/mainmenu/?menuid=tools&subid=de
Templates built into tools and LCMS
Learning content management systems (LCMSs) usually include a storyboard tool. In addition, traditional stand-alone authoring tools may also provide storyboarding capability. Some of these storyboarding applications are very complete, offering both graphics and text to communicate the designer’s intent. Others only provide text based “storyboards” that are little more than an outline. These are not as effective as the ones that offer graphics.
What if these won’t work for you?
A great deal of e-Learning authoring is done with tools such as PowerPoint, Microsoft Word, and Flash. It is possible that more e-Learning is created with these three, and with native Web applications (HTML, XHTML, DHTML, JavaScript, etc.), than is created with traditional authoring tools, LCMSs, and rapid development tools. In these instances, designers must provide their own storyboards.
