Storyboarding Exercise

back to CPSC 581


Storyboarding - a sequence of key images portraying a story of the user experiencee - is a simple yet highly effective method to illustrate interaction (and alternate paths) taken by a person while using the system over time. Storyboarding is excellent at


Part 1.

Choose a pocket-sized screen-based device that you are familiar with. Examples could be an iPod, a cell phone, even a digital watch. Choose a particular feature within that device that requires a moderate amount of discrete interaction with it to make it work. Create a single sketch - a snapshot of the screen and physical device - that best captures that feature. Annotate the sketch as needed.

Part 2

Using the same feature as above, create a storyboard that illustrates the interactive behaviour of that feature. Be sure to include:


Part 3

Recreate your storyboard as a partial comic strip that shows a person using that feature in their real world setting. The point here is to show an expected scenario of use - the spirit of interaction - rather than the specific interaction details. This type of storyboard can complement the one you created in Part 2.


Part 4

Redo parts 2 and 3 for a subset of your Project 1 on Single Display Groupware.

Possible Links of interest

I googled the words "interface storyboarding examples"; here are some results. Not all are great examples, but they do show variety.