Storyboarding. For Instruc+onal Design. Robert Rector

Size: px

Start display at page:

Download "Storyboarding. For Instruc+onal Design. Robert Rector"

Brian Garrett
10 years ago
Views:

1 Storyboarding For Instruc+onal Design Robert Rector

2 What is Storyboarding? Storyboards are visual organizers, typically a series of illustra+ons displayed in sequence for the purpose of pre- visualizing a video, web- based training, or interac+ve media sequence. h"p:// storyboarding.html

3 The Story of Storyboarding Where did storyboards come from? Walt Disney 1930s By the late 1930s every major film studio was using storyboards

4 Media that Use Storyboards Film Television Anima/on Fic/on Business Interac/ve Media Web Development SoLware Design Instruc/onal Design and Technology

5 Use for Storyboards for Instructional Design There is no right or wrong way to storyboard; developers and instruc+onal designers use a variety of different templates and methods. Nicole Legault h"p://flir/ngwelearning.wordpress.com/

instruc+onal designers use a variety of different

6 Anatomy of a Storyboard - hgp://flir+ngwelearning.wordpress.com

7 Instructional Design Storyboard Examples! Slide 1 - hgp://flir+ngwelearning.wordpress.com

8 Slide 2 - hgp://flir+ngwelearning.wordpress.com

9 Slide 3 - hgp://flir+ngwelearning.wordpress.com

10 Reasons to use Storyboards Helps a Subject MaGer Expert (SME) fill in their expert content. The designer can then rearrange the content into an effec+ve sequence Can be given to a developer who will use it as a blueprint to develop the final product Assists instruc+onal designer in sequencing the instruc+on

The designer can then rearrange the content into an effec+ve sequence Can be

11 Possible Elements to Include in a Storyboard Naviga+on GUI (Graphical User Interface) Includes the bugons needed to navigate through the program Course Contents Must have a frame with a sample of the Table of Contents, outline and map Quizzes/Tes+ng Audio Scrip+ng Learning Objec+ves Module Name

program Course Contents Must have a frame with a sample of the Table of

12 Storyboard Design Guidelines Make sure that the media used supports the learning objec+ves Cogni+ve load theory For interac+ve media, try to minimize text and images occurring at the same +me Make sure that quizzes and tes+ng are aligned with learning objec+ves Ensure that they will provide valid evidence of understanding

images occurring at the same +me Make sure that quizzes and tes+ng are aligned

13 Tools to Create Storyboards MicrosoL Word Widely available and understood solware Not easy to rearrange content PowerPoint The most popular Widely known and understood Widely available Slide Sorter View makes it easy to rearrange frames

PowerPoint The most popular Widely known and understood

14 E-Learning Authoring Tools that Benefit from Storyboards Lectora Snap A PowerPoint Add- On hgp://lectora.com/ Ar+culate Storyline hgp:// overview.php Adobe Cap+vate hgp://

com/ Ar+culate Storyline hgp://www.ar+culate.

15 E-Learning Authoring Tools that Benefit from Storyboards Celtx Screenwri+ng and storyboarding so\ware Free!

$storyboarding so\ware Free!$

16 Celtx Storyboarding

17 Sample Word Storyboard Template The following two slides show what a Microso\ Word storyboard template looks like. Courtesy of Connie Malamed hgp://theelearningcoach.com (PowerPoint is recommended over Word, because it is easier to rearrange the sequence of your content.)

Courtesy of Connie Malamed hgp://theelearningcoach.

20 Sample PowerPoint Storyboard Template The following slide is a free template that you can use to create your own storyboard. Courtesy of Jeffrey Goldman of MinuteBio hgp://theelearningcoach.com/

21 Project name: Screen ID: Screen of Date: / / Naviga5on info Media informa5on Notes:

22 PowerPoint Slide Sorter View It is easy to rearrange storyboard slides/frames in Slide Sorter View a major advantage of PowerPoint

23 Example of Captivate Project Following is an Adobe Cap+vate e- Learning project that I created. Cap+vate allows you to import PowerPoint slides, like many e- Learning authoring tools. I wish that I had known more about storyboarding when I made this. (Nerdy, over- the- top narra+on intended!)

24 Captivate Project Robert Rector hgp://robert- rector.com/projects.html This is my pordolio of Instruc+onal Tech projects. Go to the Open Office Impress project. You don t have to watch the whole video, but think about how storyboarding makes e- Learning authoring easier. (Again, I wish I had known more!) In par+cular, think about branching points, and how storyboarding can help the designer organize them more effec+vely.

25 Now it Is Time to Create Our Own Storyboard Using the PowerPoint storyboard template in the previous slide, let s create our own storyboard! Download the template here. It is the third one Visual Storyboard 2. Think about a learning outcome that you think would be achieved with e- Learning, and create a few storyboard frames! Be crea+ve and enjoy!

26 Thank you for coming to the workshop, and enjoy your storyboarding!!!

Instructional Design Techniques for Creating Effective e-learning

www.elearningguild.com Instructional Design Techniques for Creating Effective e-learning Sighle Brackman, Trivantis 608 Instructional Design Techniques For Creating Effective Elearning Presentation Purpose