A storyboard is a comic strip that visualizes the sequence of interaction.
With a storyboard, usage requirements can be sketched out at an early stage of the project. In contrast to Wireframes, which show individual sections of an application, storyboards are used to illustrate an interaction from the user's point of view, usually in the form of a comic. The different steps of an interaction are illustrated. They are used for communication within the development team and ensure a common understanding.
Sketch-like visualization of a sequence of an interaction with the application.
The results from the analysis phase serve as input for the development of storyboards. It has to be decided which interactions are to be visualized and the individual steps of the interaction have to be known. This enables interactions to be drawn in comic form from the user's point of view.
# Tools and Templates
- Paper and pens (e.g. thin black pen, thick black pen, grey highlighter)
- Template for Storyboard
A visual representation is usually more understandable than a textual description of an interaction. They thus serve to generate a common basic understanding within the development team and can prevent comprehension problems. Illustrations of different variants can serve as a basis for discussions, comparisons, and decisions for a variant. Storyboards also provide a good overview of the application and its interactions.
If the representation becomes very detailed and extensive, the effort can be high.
- Lin, J. (1999) A visual language for a sketch-based UI prototyping tool In: CHI '99 Extended Abstracts on Human Factors in Computing Systems, New York: ACM, S. 298-299
- McQuaid, H. L., Goel, A., McManus, M. (2003) When you can't talk to customers: Using storyboards and narratives to elicit empathy for users In: Proceedings of the 2003 international conference on Designing pleasurable products and interfaces, New York: ACM, S. 120-125
- Troung, K. N., Hayes, G. R., Abowd, G. D. (2006) Storyboarding: An empirical determination of best practices and effective guidelines In: Proceedings of the 6th conference on Designing Interactive Systems (DIS), New York: ACM, S. 12-21.
- Methodenhandbuch des Kompetenzzentrum Usability Mittelstand
- UCDtoolbox Storyboarding