AugIR Meets GestureCards: A Digital Sketching Environment for Gesture-Based Applications

To gain a common understanding of an application’s layouts, dialogs and interaction flows, development teams often sketch user interface (UI). Nowadays, they must also define multi-touch gestures, but tools for sketching UIs often lack support for custom gestures and typically just integrate a basic predefined gesture set, which might not suffice to specifically tailor the interaction to the desired use cases. Furthermore, sketching can be enhanced with digital means, but it remains unclear whether digital sketching is actually beneficial when designing gesture-based applications. We extended the AugIR, a digital sketching environment, with GestureCards, a hybrid gesture notation, to allow software engineers to define custom gestures when sketching UIs. We evaluated our approach in a user study contrasting digital and analog sketching of gesture-based UIs.

[1]  Volker Gruhn,et al.  Seeing the forest and the trees: focusing team interaction on value and effort drivers , 2012, SIGSOFT FSE.

[2]  Tek-Jin Nam,et al.  EventHurdle: supporting designers' exploratory interaction prototyping with gesture-based sensors , 2013, CHI.

[3]  Volker Gruhn,et al.  A multi-touch-recognizer for gesturecards , 2017, EICS.

[4]  Thomas D. LaToza,et al.  Maintaining mental models: a study of developer work habits , 2006, ICSE.

[5]  Markus Kleffmann AugIR: the conceptual design and evaluation of an augmented interaction room , 2014, ASE.

[6]  Volker Gruhn,et al.  Towards a behavior-oriented specification and testing language for multimodal applications , 2014, EICS.

[7]  Rainer Groh,et al.  Gesture Formalization for Multitouch , 2015, Softw. Pract. Exp..

[8]  Jacob Cohen Statistical Power Analysis for the Behavioral Sciences , 1969, The SAGE Encyclopedia of Research Design.

[9]  Thomas Memmel,et al.  Inspector: Interactive UI Specification Tool , 2008, CADUI.

[10]  Yang Li,et al.  Gesture studio: authoring multi-touch interactions through demonstration and declaration , 2013, CHI.

[11]  Beryl Plimmer,et al.  INTERACTING with sketched interface designs: an evaluation study , 2004, CHI EA '04.

[12]  Andreas Schrader,et al.  Documenting natural interactions , 2013, CHI Extended Abstracts.

[13]  Roman Ganhör,et al.  Monox: extensible gesture notation for mobile devices , 2014, MobileHCI '14.

[14]  Radu-Daniel Vatavu,et al.  Gestures as point clouds: a $P recognizer for user interface prototypes , 2012, ICMI '12.

[15]  Volker Gruhn,et al.  Establishing and Navigating Trace Links between Elements of Informal Diagram Sketches , 2015, 2015 IEEE/ACM 8th International Symposium on Software and Systems Traceability.

[16]  Volker Gruhn,et al.  Evaluation of a traceability approach for informal freehand sketches , 2018, Automated Software Engineering.

[17]  Volker Gruhn,et al.  Sketching Gesture-Based Applications in a Collaborative Working Environment with Wall-Sized Displays , 2016, 2016 International Conference on Collaboration Technologies and Systems (CTS).

[18]  Shari Lawrence Pfleeger,et al.  Preliminary Guidelines for Empirical Research in Software Engineering , 2002, IEEE Trans. Software Eng..

[19]  Volker Gruhn,et al.  Connecting UI and business processes in a collaborative sketching environment , 2015, EICS.

[20]  Beryl Plimmer,et al.  Beautifying Sketching-based Design Tool Content: Issues and Experiences , 2005, AUIC.

[21]  Lisa Anthony,et al.  A lightweight multistroke recognizer for user interface prototypes , 2010, Graphics Interface.

[22]  Joaquim A. Jorge,et al.  JavaSketchIt: Issues in Sketching the Look of User Interfaces , 2002 .

[23]  Stephan Diehl,et al.  Sketches and diagrams in practice , 2014, Software Engineering & Management.

[24]  James A. Landay,et al.  Sketching Interfaces: Toward More Human Interface Design , 2001, Computer.

[25]  Volker Gruhn,et al.  Supporting collaboration of heterogeneous teams in an augmented team room , 2014, SSE@SIGSOFT FSE.

[26]  Frank Maurer,et al.  A language to define multi-touch interactions , 2010, ITS '10.

[27]  Volker Gruhn,et al.  Introducing GestureCards: A Prototyping Gesture Notation , 2016, NordiCHI.

[28]  John C. Grundy,et al.  Supporting Generic Sketching-Based Input of Diagrams in a Domain-Specific Visual Language Meta-Tool , 2007, 29th International Conference on Software Engineering (ICSE'07).

[29]  James D. Herbsleb,et al.  Notation and representation in collaborative object-oriented design: an observational study , 2007, OOPSLA.

[30]  Herbert A. Simon,et al.  Why a Diagram is (Sometimes) Worth Ten Thousand Words , 1987, Cogn. Sci..

[31]  Jean Vanderdonckt,et al.  SketchiXML: A Design Tool for Informal User Interface Rapid Prototyping , 2006, RISE.

[32]  Tony DeRose,et al.  Proton: multitouch gestures as regular expressions , 2012, CHI.

[33]  Yang Li,et al.  Gesture script: recognizing gestures and their structure using rendering scripts and interactively trained parts , 2014, CHI.

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

[35]  Stephanie D. Teasley,et al.  How does radical collocation help a team succeed? , 2000, CSCW '00.

[36]  Ronald Chung,et al.  InkKit: a generic design tool for the tablet PC , 2005, CHINZ '05.

[37]  Beat Signer,et al.  Criteria, Challenges and Opportunities for Gesture Programming Languages , 2014, EGMI@EICS.

[38]  Frank Maurer,et al.  A domain specific language to define gestures for multi-touch applications , 2010, DSM '10.

[39]  Zeljko Obrenovic,et al.  Sketching interactive systems with sketchify , 2011, TCHI.

[40]  Volker Gruhn,et al.  Automating UI tests for mobile applications with formal gesture descriptions , 2014, MobileHCI '14.

[41]  Tony DeRose,et al.  Proton++: a customizable declarative multitouch framework , 2012, UIST.

[42]  James A. Landay,et al.  A visual language for sketching large and complex interactive designs , 2002, CHI.

[43]  Andreas Butz,et al.  GISpL: gestures made easy , 2012, Tangible and Embedded Interaction.

[44]  Dietmar Pfahl,et al.  Reporting Experiments in Software Engineering , 2008, Guide to Advanced Empirical Software Engineering.

[45]  Brian P. Bailey,et al.  Are informal tools better?: comparing DEMAIS, pencil and paper, and authorware for early multimedia design , 2003, CHI '03.

[46]  Robert DeLine,et al.  Let's go to the whiteboard: how and why software developers use drawings , 2007, CHI.

[47]  André van der Hoek,et al.  Supporting informal design with interactive whiteboards , 2014, CHI.

[48]  James A. Landay,et al.  SILK: sketching interfaces like krazy , 1996, CHI Conference Companion.

[49]  Anne Römer,et al.  Support value of sketching in the design process , 2003 .

[50]  Judith S. Olson,et al.  A Room of Your Own: What Do We Learn about Support of Teamwork from Assessing Teams in Dedicated Project Rooms? , 1998, CoBuild.

[51]  Norbert A. Streitz,et al.  Roomware©: the second generation , 2002, CHI Extended Abstracts.

[52]  Frank M. Shipman,et al.  Formality Considered Harmful: Experiences, Emerging Themes, and Directions on the Use of Formal Representations in Interactive Systems , 1999, Computer Supported Cooperative Work (CSCW).

[53]  Frank Maurer,et al.  Interactive prototyping of tabletop and surface applications , 2013, EICS '13.

[54]  Yang Li,et al.  Gestures without libraries, toolkits or training: a $1 recognizer for user interface prototypes , 2007, UIST.