Storyboard

Multimedia development
ITMA 523
D. Rama Rao
March 25, 2009
Slides : 10
 What is a Storyboard ?
 Storyboard is an expression of everything
that will be contained in the project. It is
final product specification document.
 Storyboarding is a key step in the
development of interactive software.
 It can lead to faster production times and
fewer design problems to overcome in later
production stages.
June 21, 2009 2
 Storyboard process

1. Prepare a project outline to identify the

main categories of information and how
they are related.
2. For each individual screen, prepare a draft
showing the components and how they are
integrated.
3. With approval of the plan, create final plan
for rendering / execution.
June 21, 2009 3
 Step-1: Outline

● Title
● Main idea objectives
● 2 or 3 main points
● Sequence and strategy
● Summary
● Exercise, test, practice

June 21, 2009 4

 Type of strategy
• The expository approach is more
directive and behavioristic. It is
program-controlled, not allowing the
learner enough freedom to direct their
own learning.
• The inquiry approach allows the
learner freedom to pursue their own
goals and their own definitions. This
would work for high ability learners.
June 21, 2009 5
 Strategy to choose is based on

• The type of content

• The maturity of the learner
• Your beliefs about learning (do you
prescribe more to a behavioristic,
combination, or constructivist approach?)
• The time you have to develop instruction

June 21, 2009 6

 Step-2: Screen example
Screen name Introduction to quilts Screen No :1

Text Welcome to the wonderful world of quilting

Background Light Visual

Video/ Four pictures of quilts in

Picture/ different styles and blocks.
Graphic Quilting elements fade in and
out, moving across the screen in
different depth layers
Sound Background music start with the
introduction

Voiceover Welcome to the wonderful world

of quilting

Actions/ “Skip” links to next page to skip

Links the introduction by user. Wword
"Skip" on the lower right corner.

June 21, 2009 7

 Script template
Provide information on
 Text - color, font, size
 Voice over – male,female,child
 Graphics - size, placement
 Video - camera angle, zoom in, temporal
 Animation
 Directions
 Feedback messages
 Sequence (easy to complex)
 Simultaneous events
 Color scheme

June 21, 2009 8

 `What to` with script
Provide information on sequence
and strategy
Give a sketch and description of all
instructional content and navigation

June 21, 2009 9

 Step-3: Final project

● The project team would decide on

screen text-fonts, screen layout, image
size and resolution, file-size to fit on
the target distribution medium
● These decisions are inputs to the
programming and final artwork stages.
● Content-writing process begins now

June 21, 2009 10

Thank You