Storyboard drawn on graph paper

Storyboards

Storyboards, a technique borrowed from cartooning and movie-making, are a sequence of low-fidelity images used to illustrate a task using images to tell a story, allows the designer to convey events and flow with a limited number of words. In addition, the storyboard integrates the product’s user interface into a real life experience and places focus on the user’s behavior and how they successfully achieved their goal with a minimum effort.

Storyboards are especially useful as an input for User Scenarios and Journey Maps. A storyboard depicting a persona performing a task is an excellent way to determine the optimal performance of that task and whether the task has value to the persona. The insight gained from storyboards can then be used to “prove” to stakeholders that this is the persona-preferred sequence.

Description

Schedule Time & Gather Materials

Clock Icon

Schedule Time:

  • Time per Storyboard: 1 Hour
Gather Materials

Gather Materials:

  • Whiteboard
  • Markers
  • Camera

Carry Out This Method

  1. Write a story (“Bob Orders a Custom Pizza While Driving During Rush Hour”) with a plot, drama, action, and a character (persona) who is invested in the outcome.
  2. Draw the story on a whiteboard with labelled boxes and arrows depicting the sequence of steps.
  3. Break each step into a cartoon panel.
  4. Write limited narration for each panel with a focus on the user’s thoughts and emotions.
  5. Consider whether the user is happy with the outcome. Could they be happier?
  6. Consider whether the user is happy to perform each step. Could they be happier?
  7. Re-write the storyboard until you believe you have done what you could to make the user happier.
  8. Take a photo of the finished product. (You may have to re-create the storyboard in a software application and increase the fidelity for presentation.)

Try These Tips

  • Don’t create greater fidelity than is necessary to tell the story.
  • Complex tasks are not always candidates for storyboards.

Explore More Resources

Shipping & Delivery

Vestibulum curae torquent diam diam commodo parturient penatibus nunc dui adipiscing convallis bulum parturient suspendisse parturient a.Parturient in parturient scelerisque nibh lectus quam a natoque adipiscing a vestibulum hendrerit et pharetra fames.Consequat net

Vestibulum parturient suspendisse parturient a.Parturient in parturient scelerisque nibh lectus quam a natoque adipiscing a vestibulum hendrerit et pharetra fames.Consequat netus.

Scelerisque adipiscing bibendum sem vestibulum et in a a a purus lectus faucibus lobortis tincidunt purus lectus nisl class eros.Condimentum a et ullamcorper dictumst mus et tristique elementum nam inceptos hac vestibulum amet elit