Storyboard

=Storyboard=

**What is a storyboard?**
A storyboard is a series of images of illustrations used for organizing and displaying the stages of a motion graphic or interactive media sequence.

Our area of interest is storyboards used for the design of interactive media. Here, they layout the user experience and graphical arrangement for areas such as web design and user interfaces. Typically storyboards are drawn/written documents, but there are also programs of interactive storyboarding that are based on the computer.

They can be used by an interactive designer as a means of expressing their ideas to other people that may be executing the project (ie. interactive programmers and graphic designers).

They contain and summarize things such as:
 * The appearance of menu screens (Interface, images, text)
 * The functionality of elements (What pictures/images are seen, and for how long; any audio that accompanies
 * images/text/interactions)

The advantages of storyboarding

 * Helps to organize and create the feeling of the project/idea, and generate a plan of action
 * The organization allows for the discovery of necessary additions, as well as what can be omitted. It may reveal problems that would be costly (time/money) to fix at a later point.
 * It is a document of common reference from which multiple people can work from
 * It is a way of seeing the relationship between all elements and how they fit into the overall idea. (Relative values of importance, size, etc.)

Examples
The below is an example of a storyboard based on user-oriented work scenarios from SAP Design Guild



The below is an example of a storyboard for an interface. More story boards can be viewed at http://courses.ischool.berkeley.edu/i213/s07/projects/skillshop/Assignment5.html

**Resources:**

 * Cheng, Debbie. "Interactive Prototype & Presentation." __Skill Shop__. 4 April 2007. 20 Jan 2008.
 * < http://courses.ischool.berkeley.edu/i213/s07/projects/skillshop/Assignment5.html>
 * Fuss, Margaret. "Creating an Interaction Design." 21 May 2007. 20 Jan 2008.
 * 
 * Lindeman, Michael. “Using Storyboards in Online Course Design.” The Board of Regents of the University of Wisconsin System: 2005.
 * Mallon, Adrian. “Storyboarding Multimedia.” 2005. 19 Jan 2008.
 * 
 * “Storyboard.” __Wikipedia__. 8 Jan 2008. 19 Jan 2008.
 * 