Designed for Use, 2nd Edition

Storyboards

Storyboarding is a technique originally developed to plan animations for movies. Storyboards break animations down into their important frames; they turn a moving picture into a comic book. In user interface design, we use storyboards for a similar purpose. They break down the user’s path into a series of snapshots.

Storyboards mostly ignore branching and focus instead on interaction details. What exactly is the user seeing on each screen? What do you want the user to do? Where should you use animations or graphics to help the user understand what he should do?

You can indicate where and how interactions happen by drawing arrows or ...