skip to main content
10.1145/1142405.1142410acmconferencesArticle/Chapter ViewAbstractPublication PagesdisConference Proceedingsconference-collections
Article

Storyboarding: an empirical determination of best practices and effective guidelines

Published:26 June 2006Publication History

ABSTRACT

Storyboarding is a common technique in HCI and design for demonstrating system interfaces and contexts of use. Despite its recognized benefits, novice designers still encounter challenges in the creation of storyboards. Furthermore, as computing becomes increasingly integrated into the environment, blurring the distinction between the system and its surrounding context, it is imperative to depict context explicitly in storyboards. In this paper, we present two formative studies designed to uncover the important elements of storyboards. These elements include the use of text, inclusion of people, level of detail, number of panels, and representation of the passage of time. We further present an empirical study to assess the effects of these elements on the understanding and enjoyment of storyboard consumers. Finally, we demonstrate how these guidelines were successfully used in an undergraduate HCI class.

References

  1. Apple™ - iPod®, http://www.apple.com/ipod.Google ScholarGoogle Scholar
  2. Apple - Comic Life, http://www.apple.com/ downloads/macosx/productivity_tools/comiclife.html.Google ScholarGoogle Scholar
  3. Bailey, B.P, Konstan, J.A., and Carlis, J.V. DEMAIS: Designing Multimedia Applications with Interactive Storyboards. In the Proceedings of the Ninth ACM International Conference on Multimedia, (September 30-October 5, Ottawa, Canada), 2001, pp. 241--250. Google ScholarGoogle ScholarDigital LibraryDigital Library
  4. Ballagas, R., Rohs, M, and Sheridan, J.G. Sweep and Point & Shoot: Phonecam-Based Interactions for Large Public Displays. In the Extended Abstracts of ACM Conference on Human Factors in Computing Systems: CHI 2005 (April 2-7, 2005, Portland, Oregon), 2005, pp. 1200--1203. Google ScholarGoogle ScholarDigital LibraryDigital Library
  5. Eisner, W. Comics & Sequential Art. Poorhouse Press: 1985. 163 pages.Google ScholarGoogle Scholar
  6. Hart, J. The Art of the Storyboard: Storyboarding for Film, TV, and Animation. Focal Press: 1998, 240 pages.Google ScholarGoogle Scholar
  7. Kohler, W. Gestalt Psychology: An Introduction to New Concepts in Modern Psychology. Liveright Publishing Corporation: 1992, 369 pages.Google ScholarGoogle Scholar
  8. Landay, J.A. and Myers, B.A. Sketching Storyboards to Illustrate Interface Behavior. In the Conference Companion of ACM Conference on Human Factors in Computing Systems: CHI '96, (April 13-18, Vancouver, Canada), 1996. pp. 193--194. Google ScholarGoogle ScholarDigital LibraryDigital Library
  9. Lin, J., Newman, M.W., Hong, J.I., and Landay, J.A. DENIM: Finding a Tighter Fit Between Tools and Practice for Web Site Design. In the Proceedings of ACM Conference on Human Factors in Computing Systems: CHI 2000, (April 1-6, The Hague, The Netherlands), 2000. pp. 510--517. Google ScholarGoogle ScholarDigital LibraryDigital Library
  10. McCloud, S. Understanding Comics. Perennial Currents: 1994. 224 pages.Google ScholarGoogle Scholar
  11. Rosson, M.B. and Carroll, J.M. Usability Engineering: Scenario-Based Development of Human Computer Interaction. Morgan Kaufmann: 2001. 448 pages. Google ScholarGoogle ScholarDigital LibraryDigital Library
  12. Snyder, C. Paper Prototyping. Morgan-Kaufman: 2003, 408 pages.Google ScholarGoogle Scholar
  13. Starner, T., Auxier, J., Ashbrook, D. and Gandy, M. The Gesture Pendant: A Self-illuminating, Wearable, Infrared Computer Vision System for Home Automation Control and Medical Monitoring. In the Proceedings of IEEE International Symposium on Wearable Computing: ISWC 2000, (October 18-21, Atlanta, Georgia), 2000, pp. 87--94. Google ScholarGoogle ScholarDigital LibraryDigital Library
  14. StoryBoard Artist v.4, http://www.powerproduction.com/artist.html.Google ScholarGoogle Scholar
  15. StoryBoard Quick v.4, http://www.powerproduction.com/quick.html.Google ScholarGoogle Scholar
  16. Truong, K.N., Huang, E.M, Stevens, M.M., and Abowd, G.D. How Do Users Think about Ubiquitous Computing? In the Extended Abstracts of ACM Conference on Human Factors in Computing Systems: CHI 2004 (April 24-29, 2004, Vienna, Austria), 2004, pp. 1317--1320. Google ScholarGoogle ScholarDigital LibraryDigital Library

Index Terms

  1. Storyboarding: an empirical determination of best practices and effective guidelines

        Recommendations

        Reviews

        Bernice T. Glenn

        This interesting paper attempts to describe important elements of storyboarding, as applied to interactive media design. Although the paper contains a great deal of information that can be helpful to interactive design instructors and their students, the reader is hampered by an overly wordy presentation that needs more precision in some areas. The study described in the paper compares the work patterns of experienced storyboard professionals with those of novice students. The paper also includes the assessments made by consumers regarding their feel for and understanding of the storyboards, in relation to the activities they present for an application. By "consumers," the writers appear to mean prospective users of a software application who have been chosen to review the interactivity design prior to final development; they haven't truly defined who the consumers are, or their relationship to a project. The writers note the stages in successful storyboard generation by observing how professional designers create storyboards. They compare the practices of professionals to those reported by novices. The storyboard study consisted of an analysis of the work of, and interviews with, eight novice student practitioners and five professionals. Included, too, was a comparison of storyboard projects from 32 teams in an introductory human-computer interaction (HCI) class to 26 storyboards developed by professionals. Attention was paid to the following features: level of detail, text inclusion and content format, inclusion of people and emotions, number of panels per function segment, and how time flow is indicated. Analysis of the professional storyboard design process showed that professional HCI designers brainstorm on their own about alternatives, making quick pencil sketches. Afterward, they meet with their team to discuss ideas. After sharing ideas, the designers go back to work, alone, and augment their sketches based on team input. Then, in an ongoing iterative process, they meet with their team for discussion and review, and then return to work alone to further their design. After completing their sketches, the designers used a variety of digital applications, including Photoshop, Illustrator, and PowerPoint, for finishing their work. Professionals used a limited number of storyboard panels to define a function feature, generally no more than five panels per function segment. If the function to be illustrated needed more descriptive detail, professional designers broke it down into a series of additional segments, limiting each segment to the description of a single discrete function. Professionals found that a single short sentence would describe each short segment. Students, on the contrary, tended to work together as a group, rather than alone. They also did not know what to start drawing, and were concerned about not having good drawing skills. Student novices generated at least two to three times the number of sketches needed to illustrate the application's functionality. Once the group completed its storyboards, members would review the total number of sketches used to illustrate functionality, and piece them together to form a sequential storyboard. It looks as if novices lack critical thinking skills in this area, since they were unable to analyze the function and feature set in order to break it down into short segments. The authors assert that storyboarding is an important process in HCI design, but a difficult skill to apply effectively in practice. They found that novice storyboard designers might lack the skills needed to create both a compelling and understandable story and a visually appealing and intelligible set of panels. Based on the results of their observations, the paper provides an excellent set of guidelines for storyboard creation, covering analysis and design, information content, and the creation of interaction design scenarios to specify how users would interact with the system: (1) Brainstorm with team participants to create the story line. (2) Use no more than three to six panels to convey functionality. If more panels are required, break the story functions and activity into small discrete segments. A single short sentence ought to describe each discrete segment. (3) Draw sketches corresponding to each of the short sentence descriptions. (4) Use some text when demonstrating novel applications, but be conscious of its influence. (5) Include people in the storyboards when responses to the interaction are necessary. Avoid including people if detailed feedback is needed. (6) Indicate the passing of time only when it is relevant to a particular feature or function. (7) Use the minimal level of detail required to note the salient features of a system. (8) Test and iterate on storyboard development. The information in this study is highly relevant for HCI educators dealing with storyboard design and application development. However, an editorial revision to shorten, clarify, and emphasize salient information would be of great benefit. Online Computing Reviews Service

        Access critical reviews of Computing literature here

        Become a reviewer for Computing Reviews.

        Comments

        Login options

        Check if you have access through your login credentials or your institution to get full access on this article.

        Sign in
        • Published in

          cover image ACM Conferences
          DIS '06: Proceedings of the 6th conference on Designing Interactive systems
          June 2006
          384 pages
          ISBN:1595933670
          DOI:10.1145/1142405

          Copyright © 2006 ACM

          Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

          Publisher

          Association for Computing Machinery

          New York, NY, United States

          Publication History

          • Published: 26 June 2006

          Permissions

          Request permissions about this article.

          Request Permissions

          Check for updates

          Qualifiers

          • Article

          Acceptance Rates

          Overall Acceptance Rate1,158of4,684submissions,25%

          Upcoming Conference

          DIS '24
          Designing Interactive Systems Conference
          July 1 - 5, 2024
          IT University of Copenhagen , Denmark

        PDF Format

        View or Download as a PDF file.

        PDF

        eReader

        View online with eReader.

        eReader