Storyboarding: Difference between revisions
m (→Introduction) |
m (→Introduction) |
||
| Line 16: | Line 16: | ||
According to the [http://www.hq.nasa.gov/pao/portal/usability/process/ucdMethods.htm#18 NASA Usability toolkit], {{quotation|Storyboards are sequences of images which demonstrate the relationship between individual events (e.g. screen outputs) and actions within a system. A typical storyboard will contain a number of images depicting features such as navigation menus, dialogue boxes and windows. The storyboard can be shown to the design team as well as typical users, allowing them to visualize the composition and scope of possible interfaces and offer critical feedback.}} | According to the [http://www.hq.nasa.gov/pao/portal/usability/process/ucdMethods.htm#18 NASA Usability toolkit], {{quotation|Storyboards are sequences of images which demonstrate the relationship between individual events (e.g. screen outputs) and actions within a system. A typical storyboard will contain a number of images depicting features such as navigation menus, dialogue boxes and windows. The storyboard can be shown to the design team as well as typical users, allowing them to visualize the composition and scope of possible interfaces and offer critical feedback.}} | ||
[http://wiki.fluidproject.org/display/fluid/Design+Handbook Fluidproject] defines '''journey frameworks''' as '''schematic storyboards''' that map out the experience of visitors while they go through the various stages of the interactive experience. | [http://wiki.fluidproject.org/display/fluid/Design+Handbook Fluidproject] defines the purpose of storyboarding as ensuring {{quotation|that the team does not overlook any intents and steps that are critical to the work." ("Rapid Contextual Design", Holtzblatt et al, pg. 229) Using a combination of pictures and text, it is a great technique for working out the details of how a user will accomplish specific tasks in a new design.}} | ||
Fluidproject, furthermore defines '''journey frameworks''' as '''schematic storyboards''' that map out the experience of visitors while they go through the various stages of the interactive experience. | |||
Within software, web design and instructional design, we suggest that | Within software, web design and instructional design, we suggest that storyboarding means creating a kind of static or interactive design document that illustrates various stages of an interactive experience. | ||
== Method == | == Method == | ||
Revision as of 23:31, 17 March 2011
<pageby nominor="false" comments="false"/>
Introduction
Storyboarding is known as popular technique from the movie industry.
Storyboards also can be used in software, multimedia and web design and should illustrate what users can do with a story, stories or a non-linear story. In education, a storyboard can illustrate a learning scenario from a learner's perspective.
Sometimes the word storyboard is used as a synonym for wireframes like web wireframes. According to usabilitynet, “A storyboard is a low fidelity prototype consisting of a series of screen sketches. They are used by designers to illustrate and organize their ideas and obtain feedback. They are particularly useful for multi-media presentations.” We discourage that use, i.e. a storyboard should describe the unfolding of story and not a information architecture or menu structure.
The meaning of storyboarding depends on the context of use. Even with a context, it can mean different things.
According to the NASA Usability toolkit, “Storyboards are sequences of images which demonstrate the relationship between individual events (e.g. screen outputs) and actions within a system. A typical storyboard will contain a number of images depicting features such as navigation menus, dialogue boxes and windows. The storyboard can be shown to the design team as well as typical users, allowing them to visualize the composition and scope of possible interfaces and offer critical feedback.”
Fluidproject defines the purpose of storyboarding as ensuring “that the team does not overlook any intents and steps that are critical to the work." ("Rapid Contextual Design", Holtzblatt et al, pg. 229) Using a combination of pictures and text, it is a great technique for working out the details of how a user will accomplish specific tasks in a new design.” Fluidproject, furthermore defines journey frameworks as schematic storyboards that map out the experience of visitors while they go through the various stages of the interactive experience.
Within software, web design and instructional design, we suggest that storyboarding means creating a kind of static or interactive design document that illustrates various stages of an interactive experience.