Quantifying the Narration Board for Visualising Final Design Concepts by Interface Designers

  • Chui Yin Wong
  • Chee Weng Khong
Part of the Lecture Notes in Computer Science book series (LNCS, volume 4550)


The narration board is a powerful design tool to help translate user observation studies into a storytelling format. It helps to communicate design values and ideas among the design team via visualising user scenarios in its proper context during the early design stages. This paper aims to discuss the narration board as a design tool to help the design team conceptualise and visualise user scenarios interacting with future design concepts within its context of use. Second part of the paper discusses how narration boards assist in generating ideations and visualising final design concepts by interface designers. Twenty (20) design projects (N=20) were examined to study and quantify two important factors, i.e. the components of the narration board in relation with the attributes of the final design concepts. A non-parametric correlation test was used to study the correlation coefficient between scores of the two factors. The results show that there is a statistically significant positive correlation between components of the narration board and attributes of the final design concept. Those with higher scores of components in narration board tend to produce better final design concepts, and vice versa.


Narration Interface Design Storyboard design concepts 


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    Bailey, B., Konstan, J., Carlis, J.: DEMAIS: Designing Multimedia Applications with Interactive Storyboards. In: MM01, Ottawa, Canada, September 30 – October 5, 2001, pp. 241–250. ACM Press, New York (2001)Google Scholar
  2. 2.
    Cheng, K.: Storytelling Techniques Workshop. Available online at
  3. 3.
    Comic Book Creator. Available online, at
  4. 4.
    Cooper, A.: The Inmates are running the asylum. SAMS, Indiana (1999)Google Scholar
  5. 5.
    Erickson, T.: Notes on Design Practice: Stories and Prototypes as Catalysts for Communication. Available online at
  6. 6.
    IBM Knowledge Socialization Project. Available online at
  7. 7.
    Khong, C.W.: A Review of Applied Ergonomics Techniques Adopted by Product Designers. In: Lim, K.Y., et al. (eds.) Proceedings of 4th APCHI and 6th ASEAN Ergonomics 2000 (APCHI/SEAES 2000), pp. 317–322. Elsevier, Singapore (2000)Google Scholar
  8. 8.
    Lelie, C.: The value of storyboards in the product design process. Personal and Ubiquitous Computing 10(2), 159–162 (2006)CrossRefGoogle Scholar
  9. 9.
    Pedell, S., Vetere, F.: Visualizing use context with picture scenarios in the design process. In: Mobile HCI 2005. Salzburg, Austria, pp. 271-274 (2005)Google Scholar
  10. 10.
    Rosson, M., Carroll, J.: Usability Engineering: Scenario-based Development of Human-computer Interaction. Morgan Kauffman Publishers, San Francisco (2002)Google Scholar
  11. 11.
    Specialist Library Knowledge Management. Storytelling. Available at
  12. 12.
    Truong, K.N., Hayes, G.R., Abowd, G.D.: Storyboarding: An Empirical Determination of Best Practices and Effective Guidelines. In: Carroll, J. (ed.) Proceedings of the 6th ACM conference on Designing Interactive Systems, pp. 12–21. ACM Press, University Park, PA, USA (2006)CrossRefGoogle Scholar

Copyright information

© Springer-Verlag Berlin Heidelberg 2007

Authors and Affiliations

  • Chui Yin Wong
    • 1
  • Chee Weng Khong
    • 1
  1. 1.Interface Design Department, Faculty of Creative Multimedia, Multimedia University, 63100 CyberjayaMalaysia

Personalised recommendations