Storyboarding

=Objectives for this module= **Topics** toc
 * 1) Understand what a storyboard is and why it is useful for organizing your ideas
 * 2) Understand how to capture a user need (aka a "big pain") and show how your brilliant solution satisfies that need in graphic format
 * 3) Understand that effective storyboards convey emotions in ways that Powerpoints and business plans can't
 * 4) Learn how to script a storyboard to help you produce a video for your business idea or deliver an effective pitch
 * 1) What are storyboards?
 * 2) Storyboarding and animatics
 * 3) The art of storyboarding
 * 4) Storyboard BEFORE you start using Powerpoint
 * 5) Storyboarding templates

=1. What are storyboards? =

Summary
A storyboard is a low fidelity prototype consisting of a series of screen sketches. Storyboards are a tool for turning your story into a visual and they use the same techniques as comics or movie storyboards. They are used by designers to illustrate and organize their ideas and obtain feedback. They are particularly useful for multi-media presentations. Making even just a short film or video without a storyboard is like writing an essay without an outline. "Story-Boarding is a popular management tool to facilitate the creative-thinking process and can be likened to taking your thoughts and the thoughts of others and spreading them out on a wall as you work on a project or solve a problem." Your storyboard should show your users' experiences of using your services over time. These experiences may be shared in several different scenarios for using the service depending on who is involved and what activities they are doing (e.g., nurse or patient, routine check-up or medical emergency). Use captions in the images to describe what is happening.

 You can sketch stick figures, shoot photos, use stock photography or use creative commons licensed images for the visuals. You may also be interested in using the Toy Comics Toolkit  released by Bryce Johnson, or the Design Comics Library  of free images made available by Martin Hardee.

Benefits

 * Provides an overview of the system
 * Demonstrates the functionality of the storyboard elements
 * Demonstrates the navigation scheme
 * Can check whether the presentation is accurate and complete
 * Can be evaluated by users.

Use in Business
Storyboards are used today by industry for planning advertising campaigns, commercials, a [|proposal] or other business presentations intended to convince or compel to action. Consulting firms teach the technique to their staff to use during the development of client presentations, frequently employing the "brown paper technique" of taping mock-up presentation slides to a large piece of kraft paper which can be rolled up for easy transport. The initial storyboard may be as simple as slide titles on Post-It notes, which are then replaced with draft presentation slides as they are created. <span style="background-color: #ffffff; color: #151515; font-family: sans-serif; font-size: 13px; line-height: 1.5;"> Storyboards also exist in accounting in the ABC System (Activity Based Costing System) to develop a detailed process [|flowchart] which visually shows all activities and the relationships among activities. They are used in this way to measure the cost of resources consumed, identify and eliminate non-value-added costs, determine the efficiency and effectiveness of all major activities, and identity and evaluate new activities that can improve future performance.

<span style="background-color: #ffffff; color: #151515; font-family: sans-serif; font-size: 13px; line-height: 1.5;"> "**Design comics**" are a type of storyboard used to include a customer or other characters into a narrative. Design comics are most often used in designing web sites or illustrating product usage scenarios during design. Design comics were popularized by Kevin Cheng and Jane Jao in 2006.

<span style="background-color: #ffffff; color: #005177; font-family: Arial,Helvetica,sans-serif; font-size: 1.22em; line-height: 1.5;">Method

 * <span style="background-color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: medium;">Use [|context of use] and [|scenarios] as input.
 * <span style="background-color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: medium;"> [|Brainstorm] ideas, this may include lists, charts, doodles, and quick notes
 * <span style="background-color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: medium;">Select the best ideas: re-consider the project requirements, time and resource constraints, and the target audience and end users. Select the top ideas and try to get feedback from others involved.
 * <span style="background-color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: medium;">Sketch each screen, and describe any pictures, images, animations, sound, music, video or text.

<span style="background-color: #ffffff; color: #005177; font-family: Arial,Helvetica,sans-serif; font-size: 1.22em; line-height: 1.5;">Variations
=<span style="color: #0000ff; font-family: Arial,Helvetica,sans-serif; font-size: 22.22222328186035px;">2. Storyboarding and animatics = <span style="background-color: #ffffff; color: #151515; font-family: Arial,Helvetica,sans-serif; font-size: 120%; line-height: 1.5;">media type="custom" key="23125040"
 * <span style="background-color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: medium; line-height: 1.5;">Storyboards can be used as a way of describing the user's everyday activities as well as the potential designs and impact they will have.
 * <span style="background-color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: medium; line-height: 1.5;">Storyboards are most flexible when they are hand-drawn, but more realism and some animation and interaction can be created by using a package like PowerPoint.
 * Newer technologies such as Prezi can make your presentations of ideas more dynamic and interactive.
 * Importantly for entrepreneurship, storyboards can be very useful for pitching - like your pitch, your storyboard must **pull readers into your narrative** or offer up the meatiest content you can offer or your audience will move on to something else.

=<span style="color: #0000ff; font-family: Arial,Helvetica,sans-serif; font-size: 170%;">3. The art of storyboarding = <span style="background-color: #ffffff; color: #333333; display: block; font-family: PTSansRegular; font-size: 16px;"> Based on the article "The Art of Storyboarding" by Kevin Thorn / August 2011. [] <span style="background-color: #ffffff; color: #151515; font-family: Arial,Helvetica,sans-serif; font-size: 120%; line-height: 1.5;"> media type="custom" key="23124864"

= 4. Storyboard before you start using Powerpoint = <span style="background-color: #ffffff; color: #151515; font-family: Arial,Helvetica,sans-serif; font-size: 120%; line-height: 1.5;">You will reduce the amount of time you spend creating PowerPoint slides by 50%-75% if you plan your deck on paper before you even open PowerPoint. <span style="background-color: #ffffff; color: #151515; font-family: Arial,Helvetica,sans-serif; font-size: 120%; line-height: 1.5;"> Plan your entire deck as a paper storyboard first. 3×5 index cards are a great tool for storyboarding your ideas. "Speaking Powerpoint" author Bruce Gabrielle claims he can quickly scribble out a slide in 30 seconds and design an entire 30-slide storyboard in about 15 minutes. "Then I can re-organize my slides, add slides, throw slides away and make sure I have a story that flows. It’s a great feeling to sit down at the computer with a stack of hastily scribbled index cards and just start creating slides. You feel like you’re making progress quickly as you see the pile of cards shrinking."

<span style="background-color: #ffffff; color: #151515; font-family: Arial,Helvetica,sans-serif; font-size: 120%; line-height: 1.5;">Faster processing for your viewers
<span style="background-color: #ffffff; color: #151515; font-family: Arial,Helvetica,sans-serif; font-size: 120%; line-height: 1.5;">Storyboards can help a viewer process a complex idea more quickly than if it were written as content. This short comic by Rachel Nabors has a lot going in it - a good author could put this scene into words, but it would take much longer for the reader to read and process the scene. With pure visuals the viewer can digest what's happening in a few seconds.

<span style="background-color: #ffffff; color: #151515; font-family: Arial,Helvetica,sans-serif; font-size: 120%; line-height: 1.5;">

Examples
<span style="background-color: #ffffff; color: #151515; font-family: Arial,Helvetica,sans-serif; font-size: 120%; line-height: 1.5;">

<span style="background-color: #ffffff; color: #151515; font-family: Arial,Helvetica,sans-serif; font-size: 120%; line-height: 1.5;">

<span style="font-family: Arial,Helvetica,sans-serif;"> Further reading :
<span style="background-color: #ffffff; color: #151515; font-family: Arial,Helvetica,sans-serif; font-size: 120%; line-height: 1.5;"> How to run a storyboarding session <span style="background-color: #ffffff; color: #151515; font-family: Arial,Helvetica,sans-serif; font-size: 120%; line-height: 1.5;"> [[media type="custom" key="23125428"

<span style="background-color: #ffffff; color: #151515; font-family: Arial,Helvetica,sans-serif; font-size: medium; line-height: 1.5;"> media type="facebooklike" key="http%3A%2F%2Fprofcraigarmstrong.wikispaces.com%2Fspace.template.Facebook%20Like%20template" width="450" height="80"media type="googleplusone" key="" width="450" height="24"