Multimedia - Storyboard

Multimedia 
[1] ..to next page

Features
A graphical representation of the proposed multimedia project (the plan). Just as an architect draws plans for a house giving all the components, a multimedia production requires a storyboard.
Benefits
  • They're easy to create - can use pencil & paper
  • Allow the designer to anticipate problems
  • Serve as a common reference point for design teams and clients, providing firm specifications for both.
  • Becomes the "Contract" document between you and your client, and places a boundary on your presentation. This is important since multimedia production can lead to forever changing specifications.
  • Becomes the working document for the multimedia project team.
Four parts
  • Navigation links:
    • A single page showing how the scenes are connected.
    • Should indicate the triggers that connect the scenes (eg. buttons).
  • The template/standards
    • To enable the production to have a consistent feel, it should be based around a template.
    • This would commonly be a single page, giving;
      • a generic scene (indicates production size eg. 640x480, etc)
      • technical details of the generic elements (such as images, sounds, etc.)
  • The scene and element detail.
    • Commonly a single page that indicates;
      • the scene. A sketch showing the placement of the images and their interaction with each other (see Myst diagram right)
      • a description of the elements - content, placement, size, etc. (arranged so that they can be easily sorted by the respective developers)
      • A description of any technical details if they vary from the generic.(eg. Colours (eg. 256/16 million, type (for sound mono/stereo, ..),etc)
      • a description of transitions to/from the scene
      • a description of an animation effects for the cast.
  • The element schedule
    • Used by the element creators it is an index by element type.
Examples: Flash
Page/Scene: Home
FPS: 20 Total Frames: 400
Entering: Duration 10 sec Exit: Duration: 10 sec
Graphical sketch
* Products
* Services
* Contact us
^
Description
Main home scene.
Graphical sketch
* Products  -->
* Services
* Contact us
Description
Exit sequence
Actions
1. When mouse hovers over options change colour.
2. When <option> clicked get the URL <option>.htm set variable nav = "<option>".
Actions
1. After an option is clicked, play a "click" sound.
Animation movements
Have the buttons enter stage from bottom up, one at a time 20 frames apart.
Animation movements
Have the selected buttons leave stage in 20 frames, then dissolve the screen.

Adapted from b_ref.gif (1385 bytes)(Franklin,D. & Patton, B., 2000. pp 401-403)

Examples: Myst

g_mystsb.gif (29431 bytes)
From the movie "The making of Myst"
Storyboard sample Broderbund Software 1993

[Rev 03/04/00] 14/4/99 © 1999-00 V/2-Com (Verhaart), P O Box 8415, Havelock North, New Zealand.