Illustrator: a crash-course (ie-how to make stuff look awsome)

What is a product storyboard?

A product storyboard is a visual way to describe the experience of a user interacting with your product. This can be a helpful document to create for the assembly review so that people understand how a user would interact with your product.

You may find that looking at some product storyboards from 2.744J may be helpful to you. They can be found here.

Creating a product storyboard.

Below is an example of a product storyboard from a previous 2.009 year.


You can break up the storyboard frames in a whimsical manner like in the above example, or use a simple grid. If you use a less traditional layout, make sure that the rows are clearly separated. The above example uses more white space between rows of panels than the panels in a row to accomplish this.


The good thing about creating a complicated drawing like a product storyboard is that there will be a lot of parts that repeat. You can copy paste pictures and make modifications to them to make the work in a different panel. To keep things organized, you are going to want to use lots of layers- this will make it easier to find what you are looking for and to keep parts separate from each other.

Drawing people and hands.

It can be hard to draw people interacting with your product. You may find this page of hand and body mannequins helpful for tracing when adding people to your storyboard. Mannequins for Tracing. You may also find Getty Images useful for finding people/hands in the right position to trace.