1. ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® 1 STORYBOARDS

2. ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. 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. ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. 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. ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. 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. ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. 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!