lor lnsLrucuonal ueslgn

Storyboarding
8oberL 8ecLor
What is Storyboarding?
SLoryboards are vlsual organlzers, Lyplcally a
serles of lllusLrauons dlsplayed ln sequence
for Lhe purpose of pre-vlsuallzlng a vldeo,
web-based Lralnlng, or lnLeracuve medla
sequence."

bup.//www.losttocuooolJeslqo.otq/
stotybootJloq.btml
The Story of Storyboarding
wbete JlJ stotybootJs come ftom?
wolt ulsoey
19J0s
8y tbe lote 19J0s evety
mojot flm stoJlo wos osloq
stotybootJs
Media that Use Storyboards
lllm
1elevlsloo
Aolmouoo
llcuoo
8osloess
lotetocuve MeJlo
web uevelopmeot
5ofwote ueslqo
losttocuoool ueslqo ooJ 1ecbooloqy
Use for Storyboards for
Instructional Design
1here ls no rlghL or wrong way Lo sLoryboard,
developers and lnsLrucuonal deslgners use a
varleLy of dlerenL LemplaLes and meLhods."
Nlcole leqoolt
bup.//fltuoqweleotoloq.wotJptess.com/
Anatomy of a Storyboard
- hup://lrungwelearnlng.wordpress.com
Instructional Design Storyboard
Examples
Slide 1
- hup://lrungwelearnlng.wordpress.com
Slide 2
- hup://lrungwelearnlng.wordpress.com
Slide 3
- hup://lrungwelearnlng.wordpress.com
Reasons to use Storyboards
Pelps a Sub[ecL Mauer LxperL (SML) ll ln Lhelr
experL conLenL.
1he deslgner can Lhen rearrange Lhe conLenL lnLo an
eecuve sequence
Can be glven Lo a developer who wlll use lL as a
blueprlnL Lo develop Lhe nal producL
AsslsLs lnsLrucuonal deslgner ln sepoeocloq Lhe
lnsLrucuon
Possible Elements to Include
in a Storyboard
navlgauon
Cul (Craphlcal user lnLerface)
lncludes Lhe buuons needed Lo navlgaLe Lhrough Lhe program
Course ConLenLs
MusL have a frame wlLh a sample of Lhe 1able of ConLenLs,
ouLllne and map
Culzzes/1esung
Audlo Scrlpung
Learnlng Cb[ecuves
Module name
Storyboard Design Guidelines
Make sure LhaL Lhe medla used supporLs Lhe
learnlng ob[ecuves
Cognluve load Lheory
lor lnLeracuve medla, Lry Lo mlnlmlze LexL and lmages
occurrlng aL Lhe same ume
Make sure LhaL qulzzes and Lesung are allgned
wlLh learnlng ob[ecuves
Lnsure LhaL Lhey wlll provlde valld evldence of
undersLandlng
Tools to Create Storyboards
Mlctosof wotJ
wlJely ovolloble ooJ ooJetstooJ sofwote
Not eosy to teottooqe cooteot
lowetlolot
1be most popolot
wlJely koowo ooJ ooJetstooJ
wlJely ovolloble
5llJe 5ottet vlew mokes lt eosy to teottooqe ftomes

E-Learning Authoring Tools
that Benefit from
Storyboards
lectoto 5oop
A lowetlolot AJJ-Oo
hup://lecLora.com/
AruculaLe SLoryllne
hup://www.aruculaLe.com/producLs/sLoryllne-
overvlew.php
Adobe CapuvaLe
hup://www.adobe.com/producLs/capuvaLe.hLml

E-Learning Authoring Tools
that Benefit from
Storyboards
celtx
Screenwrlung and sLoryboardlng soware
lree!
www.celLx.com



Celtx Storyboarding
Sample Word Storyboard
Template
1he followlng Lwo slldes show whaL a Mlcroso
Word sLoryboard LemplaLe looks llke.
CourLesy of Connle Malamed
hup://Lheelearnlngcoach.com
(owerolnL ls recommended over Word,
because lL ls easler Lo rearrange Lhe sequence of
your conLenL.)
Sample PowerPoint
Storyboard Template
1he followlng sllde ls a free LemplaLe LhaL you can
use Lo creaLe your own sLoryboard.
CourLesy of !erey Coldman of MlnuLe8lo
hup://Lheelearnlngcoach.com/
!"#$%&' )*+%,
-*'%, . .
/&"%%) 0-,
1%23* 3)4#"+*5#)
6*738*5#) 3)4#
/&"%%) #4
6#'%9,
PowerPoint Slide Sorter View
lL ls easy Lo rearrange sLoryboard
slldes/frames ln Sllde SorLer vlew -
a ma[or advanLage of owerolnL
Example of Captivate Project
lollowlng ls an Adobe CapuvaLe e-Learnlng
pro[ecL LhaL l creaLed.
CapuvaLe allows you Lo lmporL owerolnL
slldes, llke many e-Learnlng auLhorlng Lools.
l wlsh LhaL l had known more abouL
sLoryboardlng when l made Lhls.
(nerdy, over-Lhe-Lop narrauon lnLended!)
Captivate Project Robert
Rector
hup://roberL-recLor.com/pro[ecLs.hLml
1hls ls my poruollo of lnsLrucuonal 1ech pro[ecLs.
Co Lo Lhe Cpen Cmce lmpress pro[ecL.
?ou don'L have Lo waLch Lhe whole vldeo, buL
Lhlnk abouL how sLoryboardlng makes e-Learnlng
auLhorlng easler. (Agaln, l wlsh l had known
more!)
ln parucular, Lhlnk abouL btoocbloq polots, and
how sLoryboardlng can help Lhe deslgner
organlze Lhem more eecuvely.
Now it Is Time to Create Our
Own Storyboard
uslng Lhe owerolnL sLoryboard LemplaLe ln
Lhe prevlous sllde, leL's creaLe our own
sLoryboard!
uownload Lhe LemplaLe here.
lL ls Lhe Lhlrd one - vlsual SLoryboard 2".
1hlnk abouL a learnlng ouLcome LhaL you Lhlnk
would be achleved wlLh e-Learnlng, and
creaLe a few sLoryboard frames!
8e creauve and en[oy!
Thank you for coming to the
workshop, and enjoy your
storyboarding!!!