Storyboards

“A picture is worth a thousand words.”– Confucius

2 © 2005 Macromedia, Inc.

What is a Storyboard?

A storyboard is a scene-by-scene drawing of the sequence of action.

Storyboards tell the story visually with enough detail for developers to know what to build.

3 © 2005 Macromedia, Inc.

Two Basic Types of Storyboards

Static – No action elements indicated. Used for a graphical design such as a logo or page banner.

Animatic – Indicating action, movement, camera angles, or the passage of time. Typically used in making movies.

4 © 2005 Macromedia, Inc.

Example of Storyboards

Sample storyboard layout when multiple pages or scenes are part of the design.

NavigationButtons

MainMenu

Details

Screen Name

5 © 2005 Macromedia, Inc.

Why Storyboard?

Easier and cheaper to produce and test ideas on paper before production.

Easier to generate alternate ideas as you think of them.

Effective tool to check that the finished product is what it should be!