home


home
organization
flowchart/sitemap
storyboard

methods
usability
Production Storyboard
This step in Web Design is NOT necessary, but can help in seeing how the look and feel of your navigation will appear.
The treatment described in a Request for Proposal gives the Designers (and you) information on the overall mood and feel of the final product. The production flowchart provids a roadmap of events. The storyboard now takes the treatment and the roadmap and combines them into a detailed description of the final product.
The storyboard contains information on graphics, video, sound, text, audience interaction, color, type fonts, type size, etc. In other words, everything necessary for resources involved in production to do their jobs. Again, it doesn't have to be a work of art. It needs to be detailed enough so each resouce knows what to do and the Designers gets a clear picture of what will be happening throughout the whole program and exactly what it will look like.
Sample Storyboard To the right is a simplistic example of what a storyboard might look like. Click on the image to enlarge it.
The following information is recommended to be included:
  • A sketch or drawing of the screen, page, or frame.
  • Color, placement, and size of graphics, if important.
  • Actual text, if any, for each screen, page, or frame.*
  • Color, size, and type of font, if there is text.
  • Narration, if any.*
  • Animation, if any.
  • Video, if any.
  • Audio, if any.
  • Audience interaction, if any.
  • Anything else the production crew needs to know
*Narration or text for individual storyboards may be written on a separate sheets of paper also known as a Copy Deck, but you must reference the corresponding storyboard number.