E-LEARNING STORYBOARD TEMPLATE

COURSE DETAILS

Course Title Module #

Instructional Designer Graphics Developer SME(s)
Training Hours LMS Tracked? Yes/No Narration? Yes/No – if yes, list narrator

CONTENT PLAN

Overall Topic
Learning Objectives

Outline Topic 1 Topic 2 Topic 3 Topic 4

Content  Slide #/Title  Slide #/Title  Slide #/Title  Slide #/Title
 Slide #/Title  Slide #/Title  Slide #/Title  Slide #/Title
NOTES

Graphic Notes Development Notes

Color Palette Glossary? Yes/No – if yes, indicate where glossary is located
Fonts Notes visible? Yes/No
Navigation (Custom or player navigation) Resources List resources titles & links/file locations
Menu (Custom or player menu) Player Settings Navigation Completely locked/restricted/no
Size Player sizing Fill screen/lock at optimal size/etc.
Other Notes E.g. – will you have consistent looking buttons? Etc. Other Notes Will there always be a help tab on screen? Etc.
STORYBOARD

TABLE EXAMPLE FOR ST ANDARD SLIDE

Screen # 1.1 Topic Topic 1 Screen Title Title 1 Time 2 mins
Media Notes On Screen Dev/Interaction notes
Slide title is not animated Title
(already on screen) Content

Bullet points sync with

narration

Media Files Narration In Menu? Yes/No

Image(s) Image.png Advance User/Auto
Button.jpg
Etc.
Audio Audio.mp3 Locked Yes/No with any other locked
Music/SFX Sound.mp3 details (show “x” message if
user attempts to advance)
Video Video.mp4 Navigation Prev N/A
Other Webobject.pdf Next 1.2
Graphic Notes Wireframe
TABLE EXAMPLE FOR CLICK AND REVEAL
Screen # 1.2 Topic Topic 1 Screen Title Title 2 Time 4 mins
Media Notes On Screen Dev/Interaction Notes
Slide title is not animated Title
(already on screen) Content

Choices come in after base Selection Text 1 Content Revealed

narration has completed. Selection Text 2 Content Revealed
Selection Text 3 Content Revealed

Media Files Narration In Menu? Yes/No

Image(s) Image.png Advance User/Auto
Button.jpg Base Layer Blah blah
Etc. Select. 1 Blah blah
Audio Audio.mp3 Select. 2 Blah blah Locked Yes – learners must view all
Music/SFX Sound.mp3 Select. 3 Blah blah content.

Video Video.mp4 Navigation Prev 1.1

Other Webobject.pdf Next 1.3
Graphic Notes Wireframe
TABLE EXAMPLE FOR DRAG AND DROP
Screen # 1.3 Topic Topic 1 Screen Title Title 2 Time 4 mins
Media Notes On Screen Dev/Interaction notes
Title
Content

Drop Target Drag Items

Drop Target Name  Drag Item 1
 Drag Item 2
Drop Target Name  Drag Item 1
 Drag Item 2
Media Files Narration In Menu? Yes/No
Image(s) Image.png Advance User/Auto
Button.jpg
Etc.
Audio Audio.mp3 Locked Yes/No with any other locked
Music/SFX Sound.mp3 details (show “x” message if
user attempts to advance)
Video Video.mp4 Navigation Prev 1.1
Other Webobject.pdf Next 1.3
Graphic Notes Wireframe
TABLE EXAMPLE FOR QUIZZES
Screen # 1.4 Topic Topic 1 Screen Title Title 2 Time 4 mins
Media Notes On Screen Dev/Interaction Notes
Answers come in as narrated Question # of Tries: 2

Answer Correct? Feedback

Answer 1 X Feedback text on screen
Answer 2 Feedback text on screen
Answer 3 Feedback text on screen
Media Files Narration In Menu? Yes/No
Image(s) Image.png Advance User/Auto
Button.jpg Question narration blah blah blah
Etc.
Audio Audio.mp3 Set up this table depending on how you did your Locked Yes/No with any other locked
Music/SFX Sound.mp3 feedback details (show “x” message if
user attempts to advance)
Video Video.mp4 Navigation Prev 1.3
Other Webobject.pdf Next 1.5
Graphic Notes Wireframe
EXAMPLE FOR BRANCHING SLIDES
Screen # 1.5 Topic Topic 1 Screen Title Title 2 Time 4 mins
Media Notes On Screen Dev/Interaction Notes
Title User will go to slide based on selection.
Content
Selection Slide #
Selection 1 2.1
Selection 2 3.1

Media Files Narration In Menu? Yes/No

Image(s) Image.png Advance User/Auto
Button.jpg
Etc.
Audio Audio.mp3 Locked Yes/No with any other locked
Music/SFX Sound.mp3 details (show “x” message if
user attempts to advance)
Video Video.mp4 Navigation Prev 1.4
Other Webobject.pdf Next NONE
Graphic Notes Wireframe