research-article

d.note: revising user interfaces through change tracking, annotations, and alternatives

Authors:

Björn Hartmann,

Antonio Ricciardi,

Timothy Cardenas,

Scott R. KlemmerAuthors Info & Claims

CHI '10: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems

Pages 493 - 502

https://doi.org/10.1145/1753326.1753400

Published: 10 April 2010 Publication History

Abstract

Interaction designers typically revise user interface prototypes by adding unstructured notes to storyboards and screen printouts. How might computational tools increase the efficacy of UI revision? This paper introduces d.note, a revision tool for user interfaces expressed as control flow diagrams. d.note introduces a command set for modifying and annotating both appearance and behavior of user interfaces; it also defines execution semantics so proposed changes can be tested immediately. The paper reports two studies that compare production and interpretation of revisions in d.note to freeform sketching on static images (the status quo). The revision production study showed that testing of ideas during the revision process led to more concrete revisions, but that the tool also affected the type and number of suggested changes. The revision interpretation study showed that d.note revisions required fewer clarifications, and that additional techniques for expressing revision intent could be beneficial.

Supplementary Material

JPG File (p493.jpg)

Download
10.12 KB

MOV File (p493.mov)

Download
8.52 MB

References

[1]

Eclipse Graphical Editing Framework (GEF). http://www.eclipse.org/gef/.

[2]

Bailey, B.P., Konstan, J.A., and Carlis, J.V. DEMAIS: designing multimedia applications with interactive story--boards. Proceedings of the ACM international conference on Multimedia, ACM (2001), 241--250.

Digital Library

[3]

Buxton, B. Sketching User Experiences: Getting the Design Right and the Right Design, Chapter on Visual Story Telling. Morgan Kaufmann, 2007.

Digital Library

[4]

Cross, N. Designerly Ways of Knowing. Springer, 2006.

[5]

Drucker, S.M., Petschnigg, G., and Agrawala, M. Comparing and managing multiple versions of slide presentations. Proceedings of UIST 2006, ACM (2006), 47--56.

Digital Library

[6]

Girschick, M. Difference detection and visualization in UML class diagrams. Report TUD-2006-05, TU Darmstadt, 2006.

[7]

Guimbretière, F. Paper augmented digital documents. Proceedings of UIST 2003, ACM (2003), 51--60.

Digital Library

[8]

Hailpern, J., Hinterbichler, E., Leppert, C., Cook, D., and Bailey, B.P. TEAM STORM: demonstrating an interaction model for working with multiple ideas during creative group work. Proceedings of Creativity and Cognition 2007, ACM (2007), 193--202.

Digital Library

[9]

Harel, D. Statecharts: A Visual Formalism For Complex Systems. Sci. of Computer Programming 8, (1987), 231--274.

Digital Library

[10]

Hartmann, B., Yu, L., Allison, A., Yang, Y., and Klemmer, S.R. Design As Exploration: Creating Interface Alternatives through Parallel Authoring and Runtime Tuning. Proceedings of UIST 2008, ACM (2008).

Digital Library

[11]

Hartmann, B., Klemmer, S.R., Bernstein, M., et al. Reflective physical prototyping through integrated design, test, and analysis. Proceedings of UIST 2006, ACM (2006), 299--308.

Digital Library

[12]

Heckel, P. A technique for isolating differences between files. Communications of the ACM 21, 4 (1978), 264--268.

Digital Library

[13]

Heer, J., Mackinlay, J.D., Stolte, C., and Agrawala, M. Graphical Histories for Visualization: Supporting Analysis, Communication, and Evaluation. Proceedings of IEEE Information Visualization 2008, IEEE (2008).

Digital Library

[14]

Hunt, J.W. and McIlroy, M.D. An Algorithm for Differential File Comparison. Computing Science Technichal Report #41, Bell Laboratories, (1976).

[15]

Jones, J.C. Design Methods. Wiley, 1992.

[16]

Klemmer, S. Integrating physical and digital interactions. Computer 38, 10 (2005), 111--113.

Digital Library

[17]

Klemmer, S.R., Sinha, A.K., Chen, J., Landay, J.A., Aboobaker, N., and Wang, A. Suede: a Wizard of Oz proto-typing tool for speech user interfaces. Proceedings of UIST 2000, ACM (2000), 1--10.

Digital Library

[18]

Klemmer, S.R., Thomsen, M., Phelps-Goodman, E., Lee, R., and Landay, J.A. Where do web sites come from?: capturing and interacting with design history. Proceedings of CHI 2002, ACM (2002), 1--8.

Digital Library

[19]

Kurlander, D. and Feiner, S. Editable Graphical Histories. Workshop on Visual Languages, IEEE (1988), 127--134.

[20]

Landay, J. and Myers, B. Sketching Interfaces: Toward More Human Interface Design. Computer 34, 3 (2001), 56--64.

Digital Library

[21]

Li, Y., Hong, J.I., and Landay, J.A. Topiary: a tool for prototyping location-enhanced applications. Proceedings of UIST 2004, ACM (2004), 217--226.

Digital Library

[22]

Lin, J., Newman, M., Hong, J., and Landay, J. DENIM: finding a tighter fit between tools and practice for Web site design. Proceedings of CHI 2000, ACM (2000), 510--517.

Digital Library

[23]

MacIntyre, B., Gandy, M., Dow, S., and Bolter, J. DART: a toolkit for rapid design exploration of augmented reality experiences. Proceedings of CHI 2004, ACM (2004), 197--206.

Digital Library

[24]

Mehra, A., Grundy, J., and Hosking, J. A generic approach to supporting diagram differencing and merging for collaborative design. Proceedings of the International Conference on Automated software engineering, ACM (2005), 204--213.

Digital Library

[25]

Moggridge, B. Designing Interactions. The MIT Press, 2007.

Digital Library

[26]

Neuwirth, C.M., Kaufer, D.S., Chandhok, R., and Morris, J.H. Issues in the design of computer support for co-authoring and commenting. Proceedings of CSCW 1990, ACM (1990), 183--195.

Digital Library

[27]

Perry, M. and Sanderson, D. Coordinating joint design work: the role of communication and artefacts. Design Studies 19, 3 (1998), 273--288.

[28]

Schipper, A., Fuhrmann, H., and Hanxleden, R.V. Visual Comparison of Graphical Models. Proceedings of the IEEE Int'l Conference on Engineering of Complex Computer Systems, IEEE Computer Society (2009), 335--340.

Digital Library

[29]

Sharp, H., Rogers, Y., and Preece, J. Interaction Design: Beyond Human-Computer Interaction. Wiley, 2007.

Digital Library

[30]

Song, H., Guimbretière, F., Hu, C., and Lipson, H. Model-Craft: capturing freehand annotations and edits on physical 3D models. Proceedings of UIST 2006, ACM (2006), 13--22.

Digital Library

[31]

Su, S. Visualizing, Editing, and Inferring Structure in 2D Graphics. Adjunct Proceedings of UIST 2007, ACM (2007).

[32]

Terry, M., Mynatt, E.D., Nakakoji, K., and Yamamoto, Y. Variation in element and action: supporting simultaneous development of alternative solutions. Proceedings of CHI 2004, ACM (2004), 711--718.

Digital Library

[33]

Wobbrock, J.O., Wilson, A.D., and Li, Y. Gestures without libraries, toolkits or training: a $1 recognizer for user interface prototypes. Proceedings of UIST 2007, ACM (2007), 159--168.

Digital Library

[34]

Wojahn, P.G., Neuwirth, C.M., and Bullock, B. Effects of interfaces for annotation on communication in a collaborative task. Proceedings of CHI 1998, ACM (1998), 456--463.

Digital Library

[35]

Yeh, R., Paepcke, A., and Klemmer, S.R. Iterative Design and Evaluation of an Event Architecture for Pen-and-Paper Interfaces. Proceedings of UIST 2008, ACM (2008).

Digital Library

Cited By

Wu JPeng YLi XSwearngin ABigham JNichols J(2024)UIClip: A Data-driven Model for Assessing User Interface DesignProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676408(1-16)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676408
Sedhain ADiwanji VSolomon HLeon SKuttal S(2024)Developers’ information seeking in Question & Answer websites through a gender lensJournal of Computer Languages10.1016/j.cola.2024.10126779(101267)Online publication date: Jun-2024
https://doi.org/10.1016/j.cola.2024.101267
Rawn ELi JPaulos EChasins S(2023)Understanding Version Control as Material Interaction with QuickposeProceedings of the 2023 CHI Conference on Human Factors in Computing Systems10.1145/3544548.3581394(1-18)Online publication date: 19-Apr-2023
https://dl.acm.org/doi/10.1145/3544548.3581394
Show More Cited By

Index Terms

d.note: revising user interfaces through change tracking, annotations, and alternatives
1. Human-centered computing
  1. Interaction design
    1. Interaction design process and methods
      1. Interface design prototyping
2. Software and its engineering
  1. Software notations and tools
    1. Development frameworks and environments
      1. Integrated and visual development environments
  2. Software organization and properties
    1. Software system structures
      1. Software system models
        State systems

Recommendations

Contraction in propositional logic

A study of contraction operators in propositional logic.Postulates and a representation theorem in terms of faithful assignments.Can be used as a basis for study contraction on weaker logics or for iterated contraction. The AGM model for the revision ...
Maps in Multiple Belief Change

Multiple Belief Change extends the classical AGM framework for Belief Revision introduced by Alchourron, Gardenfors, and Makinson in the early ’80s. The extended framework includes epistemic input represented as a (possibly infinite) set of sentences, ...
Making revision reversible: an approach based on polynomials

This paper deals with iterated belief change and proposes a drastic revision rule that modifies a plausibility ordering of interpretations in such a way that any world where the input observation holds is more plausible that any world where it does not. ...

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences

CHI '10: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems

April 2010

2690 pages

ISBN:9781605589299

DOI:10.1145/1753326

General Chair:
Elizabeth Mynatt
Georgia Institute of Technology
,
Program Chairs:
Geraldine Fitzpatrick
Vienna University of Technology
,
Scott Hudson
Carnegie Mellon University
,
Keith Edwards
Georgia Tech
,
Tom Rodden
University of Nottingham

Copyright © 2010 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]

Sponsors

SIGCHI: ACM Special Interest Group on Computer-Human Interaction

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 10 April 2010

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Conference

CHI '10

Sponsor:

SIGCHI

CHI '10: CHI Conference on Human Factors in Computing Systems

April 10 - 15, 2010

Georgia, Atlanta, USA

Acceptance Rates

Overall Acceptance Rate 6,199 of 26,314 submissions, 24%

Upcoming Conference

CHI 2025

Sponsor:
sigchi

ACM CHI Conference on Human Factors in Computing Systems

April 26 - May 1, 2025

Yokohama , Japan

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

20
Total Citations
View Citations
1,247
Total Downloads

Downloads (Last 12 months)19
Downloads (Last 6 weeks)1

Reflects downloads up to 21 Dec 2024

Other Metrics

View Author Metrics

Citations

Cited By

Wu JPeng YLi XSwearngin ABigham JNichols J(2024)UIClip: A Data-driven Model for Assessing User Interface DesignProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676408(1-16)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676408
Sedhain ADiwanji VSolomon HLeon SKuttal S(2024)Developers’ information seeking in Question & Answer websites through a gender lensJournal of Computer Languages10.1016/j.cola.2024.10126779(101267)Online publication date: Jun-2024
https://doi.org/10.1016/j.cola.2024.101267
Rawn ELi JPaulos EChasins S(2023)Understanding Version Control as Material Interaction with QuickposeProceedings of the 2023 CHI Conference on Human Factors in Computing Systems10.1145/3544548.3581394(1-18)Online publication date: 19-Apr-2023
https://dl.acm.org/doi/10.1145/3544548.3581394
Chu EZaman L(2021)Exploring alternatives with Unreal Engine’s Blueprints Visual Scripting SystemEntertainment Computing10.1016/j.entcom.2020.10038836(100388)Online publication date: Jan-2021
https://doi.org/10.1016/j.entcom.2020.100388
Walny JFrisson CWest MKosminsky DKnudsen SCarpendale SWillett W(2020)Data Changes Everything: Challenges and Opportunities in Data Visualization Design HandoffIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2019.293453826:1(12-22)Online publication date: Jan-2020
https://doi.org/10.1109/TVCG.2019.2934538
MacCormick DZaman LDeterding SKhosmood FPirker JApperley T(2019)SuBViSProceedings of the 14th International Conference on the Foundations of Digital Games10.1145/3337722.3337740(1-11)Online publication date: 26-Aug-2019
https://dl.acm.org/doi/10.1145/3337722.3337740
O'Leary JWinnemöller HLi WDontcheva MDixon MMandryk RHancock MPerry MCox A(2018)CharretteProceedings of the 2018 CHI Conference on Human Factors in Computing Systems10.1145/3173574.3174109(1-11)Online publication date: 21-Apr-2018
https://dl.acm.org/doi/10.1145/3173574.3174109
Chi PHu SLi YMandryk RHancock MPerry MCox A(2018)DoppioProceedings of the 2018 CHI Conference on Human Factors in Computing Systems10.1145/3173574.3174029(1-13)Online publication date: 21-Apr-2018
https://dl.acm.org/doi/10.1145/3173574.3174029
Cristie VJoyce SMandryk RHancock MPerry MCox A(2018)GHShotExtended Abstracts of the 2018 CHI Conference on Human Factors in Computing Systems10.1145/3170427.3188446(1-6)Online publication date: 20-Apr-2018
https://dl.acm.org/doi/10.1145/3170427.3188446
Loorak MTory MCarpendale S(2018)ChangeCatcher: Increasing Inter‐author Awareness for Visualization DevelopmentComputer Graphics Forum10.1111/cgf.1340037:3(51-62)Online publication date: 10-Jul-2018
https://doi.org/10.1111/cgf.13400
Show More Cited By

View Options

Login options

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

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Media

Figures

Other

Tables

View Table of Contents