Using Storyboards to Integrate Models and Informal Design Knowledge

Model-driven development of user interfaces has become increasingly powerful in recent years. Unfortunately, model-driven approaches have the inherent limitation that they cannot handle the informal nature of some of the artifacts used in truly multidisciplinary user interface development such as storyboards, sketches, scenarios and personas. In this chapter, we present an approach and tool support for multidisciplinary user interface development bridging informal and formal artifacts in the design and development process. Key features of the approach are the usage of annotated storyboards, which can be connected to other models through an underlying meta-model, and cross-toolkit design support based on an abstract user interface model.

[1]  Nuno Jardim Nunes,et al.  The Meta Sketch Editor , 2006, CADUI.

[2]  Tharam S. Dillon,et al.  On the Move to Meaningful Internet Systems: OTM 2009 Workshops, Confederated International Workshops and Posters, ADI, CAMS, EI2N, ISDE, IWSSA, MONET, OnToContent, ODIS, ORM, OTM Academy, SWWS, SEMELS, Beyond SAWSDL, and COMBEK 2009, Vilamoura, Portugal, November 1-6, 2009. Proceedings , 2009, OTM Workshops.

[3]  Jeffrey Nichols,et al.  Demonstrating the viability of automatically generated user interfaces , 2007, CHI.

[4]  Fabio Paternò,et al.  CTTE: Support for Developing and Analyzing Task Models for Interactive System Design , 2002, IEEE Trans. Software Eng..

[5]  Mieke Haesen,et al.  Get Your Requirements Straight: Storyboarding Revisited , 2009, INTERACT.

[6]  Gregory D. Abowd,et al.  Storyboarding: an empirical determination of best practices and effective guidelines , 2006, DIS '06.

[7]  Alan Cooper,et al.  The Inmates Are Running the Asylum: Why High Tech Products Drive Us Crazy and How to Restore the Sanity (2nd Edition) , 1999 .

[8]  Judy Bowen,et al.  Formal refinement of informal GUI design artefacts , 2006, Australian Software Engineering Conference (ASWEC'06).

[9]  Stéphane Chatty,et al.  Revisiting visual interface programming: creating GUI tools for designers and programmers , 2004, UIST '04.

[10]  Mark van Harmelen,et al.  Object modeling and user interface design , 2000 .

[11]  Edwin D. Reilly,et al.  Interactive system , 2003 .

[12]  John S. Pruitt,et al.  The Persona Lifecycle: Keeping People in Mind Throughout Product Design , 2006 .

[13]  Alan Moore,et al.  Graphical User Interface Design and Evaluation: A Practical Process , 1995 .

[14]  Jean Vanderdonckt,et al.  A Unifying Reference Framework for multi-target user interfaces , 2003, Interact. Comput..

[15]  Dan Roam,et al.  The Back of the Napkin: Solving Problems and Selling Ideas with Pictures , 2008 .

[16]  Krzysztof Z. Gajos,et al.  Automatically generating personalized user interfaces with Supple , 2010, Artif. Intell..

[17]  Maria Johansson,et al.  A case study of how user interface sketches, scenarios and computer prototypes structure stakeholder meetings , 2007, BCS HCI.

[18]  Yang Li,et al.  Activity-based prototyping of ubicomp applications for long-lived, everyday human activities , 2008, CHI.

[19]  Marco Winckler,et al.  Human-Computer Interaction - INTERACT 2009, 12th IFIP TC 13 International Conference, Uppsala, Sweden, August 24-28, 2009, Proceedings, Part I , 2009, INTERACT.

[20]  Jørgen Staunstrup.  Design Specification and Verification , 1997 .

[21]  Jean Vanderdonckt,et al.  Trainable Sketch Recognizer for Graphical User Interface Design , 2007, INTERACT.

[22]  Judy Brown,et al.  The Vista environment for the coevolutionary design of user interfaces , 1998, CHI.

[23]  Philippe A. Palanque,et al.  Engineering Human Computer Interaction and Interactive Systems, Joint Working Conferences EHCI-DSVIS 2004, Hamburg, Germany, July 11-13, 2004, Revised Selected Papers , 2005, EHCI/DS-VIS.

[24]  Nuno Jardim Nunes,et al.  Representing User-Interface Patterns in UML , 2003, OOIS.

[25]  Dimitri Konstantas,et al.  Object-Oriented Information Systems , 2002, Lecture Notes in Computer Science.

[26]  Philippe A. Palanque,et al.  Human-Computer Interaction – INTERACT 2007 , 2007, Lecture Notes in Computer Science.

[27]  Jan Van den Bergh,et al.  MuiCSer: A Process Framework for Multi-disciplinary User-Centred Software Engineering Processes , 2008, TAMODIA/HCSE.

[28]  Kris Luyten,et al.  Photo-Based User Interfaces: Picture It, Tag It, Use It , 2009, OTM Workshops.

[29]  Mark W. Newman,et al.  DENIM: An Informal Web Site Design Tool Inspired by Observations of Practice , 2003, Hum. Comput. Interact..

[30]  Jan Meskens,et al.  Jelly: a multi-device design environment for managing consistency across devices , 2010, AVI.

[31]  John M. Carroll,et al.  Making Use: Scenario-Based Design of Human-Computer Interactions , 2000 .

[32]  Bill Buxton,et al.  Sketching User Experiences: Getting the Design Right and the Right Design , 2007 .

[33]  Yann Laurillau,et al.  COMM notation for specifying collaborative and multimodal interactive systems , 2010, EICS '10.

[34]  Kris Luyten,et al.  Service-Interaction Descriptions: Augmenting Services with User Interface Models , 2007, EHCI/DS-VIS.

[35]  Benjamin Michotte,et al.  USIXML: A Language Supporting Multi-path Development of User Interfaces , 2004, EHCI/DS-VIS.

[36]  James A. Landay,et al.  Employing patterns and layers for early-stage design and prototyping of cross-device user interfaces , 2008, CHI.

[37]  James F. Allen.  Maintaining knowledge about temporal intervals , 1983, CACM.

[38]  Jan Meskens,et al.  Draw Me a Storyboard: Incorporating Principles and Techniques of Comics to Ease Communication and Artefact Creation in User-Centred Design , 2010 .

[39]  Larry L. Constantine,et al.  Canonical Abstract Prototypes for Abstract Visual and Interaction , 2003, DSV-IS.

[40]  Marc Abrams,et al.  Retrospective on UI description languages, based on eight years' experience with the User Interface Markup Language (UIML) , 2008, Int. J. Web Eng. Technol..

[41]  Brad A. Myers,et al.  Past, Present and Future of User Interface Software Tools , 2000, TCHI.

[42]  Yang Li,et al.  External representations in ubiquitous computing design and the implications for design tools , 2006, DIS '06.

[43]  Nuno Jardim Nunes,et al.  Towards useful and usable interaction design tools: CanonSketch , 2007, Interact. Comput..