Introduction to Storyboards


Storyboards are graphic organizers in the form of illustrations or images displayed in sequence for the purpose of pre-visualizing a motion picture, animation, motion graphic or interactive media sequence. A storyboard can also be outline, or map, created for Web design or development purposes. Storyboards help the Course Developer insert the right idea and the right graphics in the right place at the right time.

The first step in creating a storyboard is to understand what you are trying to communicate and what your intended message is. If you don’t understand your message, no one will. Creating a script or storyboard will help ensure that you and your audience understands your intent.

Learning outcomes

* What are the benefits of a storyboard to the Web designer, developer or marketer?
* What is the origin of story boarding
* How does business use and benefit from storyboards?
* How does a story board differ from a wire frame?

Wireframing vs. Storyboarding — Although some people believe that wireframing is synonymous with storyboarding, it is not. Actually, wireframing could be considered the storyboard’s parent technique. A wireframe can provide structure for a storyboard.

The distinction between a wireframe and a storyboard is critical. Wireframing defines the What of the creative process while storyboarding tackles the How. In other words, “What is” preceeds “How to.” This distinction can be reduced to “What you want to accomplish and how you want to do it.”


Review the following resources and respond to the learning outcomes as listed above.

Flowcharts and Storyboards
Storyboards for Online Courses
Creating Storyboards
Storyboard Software from PowerProduction
Wikipedia and StoryBorading

Leave a Reply