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

2. © 2005 Macromedia, Inc. 2 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. 3 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. 4 Example of Storyboards  Sample storyboard layout when multiple pages or scenes are part of the design. Navigation Buttons Main Menu Details Screen Name

5. © 2005 Macromedia, Inc. 5 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!