research-article

Design as exploration: creating interface alternatives through parallel authoring and runtime tuning

Authors:

Scott R. KlemmerAuthors Info & Claims

UIST '08: Proceedings of the 21st annual ACM symposium on User interface software and technology

Pages 91 - 100

https://doi.org/10.1145/1449715.1449732

Published: 19 October 2008 Publication History

Get Access

Abstract

Creating multiple prototypes facilitates comparative reasoning, grounds team discussion, and enables situated exploration. However, current interface design tools focus on creating single artifacts. This paper introduces the Juxtapose code editor and runtime environment for designing multiple alternatives of both application logic and interface parameters. For rapidly comparing code alternatives, Juxtapose introduces selectively parallel source editing and execution. To explore parameter variations, Juxtapose automatically creates control interfaces for "tuning" application variables at runtime. This paper describes techniques to support design exploration for desktop, mobile, and physical interfaces, and situates this work in a larger design space of tools for explorative programming. A summative study of Juxtapose with 18 participants demonstrated that parallel editing and execution are accessible to interaction designers and that designers can leverage these techniques to survey more options, faster.

Supplementary Material

JPG File (p91-hartmann.jpg)

Download
18.56 KB

MOV File (p91-hartmann.mov)

Download
30.59 MB

References

[1]

Arduino Physical Computing Platform, 2006. http://www.arduino.cc

Google Scholar

[2]

B-Control Fader BCF2000, 2007. Behringer. http://www.behringer.com/BCF2000

Google Scholar

[3]

EMFlash, 2007. Markelsoft. http://www.markelsoft.com/products/emflash

Google Scholar

[4]

Image Foundation Toolkit, 2008. Adobe Systems. http://labs.adobe.com/wiki/index.php/AIF_Toolkit

Google Scholar

[5]

MTASC: Motion-Twin ActionScript 2 Compiler, 2005. Motion Twin Technologies. http://www.mtasc.org

Google Scholar

[6]

Chi, E., J. Riedl, P. Barry, and J. Konstan. Principles for Information Visualization Spreadsheets. IEEE Computer Graphic and Applications. 18(4). pp. 30--38, 1998.

Digital Library

Google Scholar

[7]

Coniglio, M., Isadora, 2008. Troikatronix. http://www.troikatronix.com/isadora.html

Google Scholar

[8]

Crider, M., S. Bergner, T. N. Smyth, T. Möller, M. K. Tory, A. E. Kirkpatrick, and D. Weiskopf. A mixing board interface for graphics and visualization applications. In Proceedings of Graphics Interface 2007. ACM. pp. 87--94, 2007.

Digital Library

Google Scholar

[9]

Drexler, K. E., Engines of Creation: The Coming Era of Nanotechnology: Anchor Books. 320 pp. 1986.

Google Scholar

[10]

Fitzmaurice, G. W., H. Ishii, and W. A. S. Buxton. Bricks: laying the foundations for graspable user interfaces. In Proceedings of the SIGCHI conference on Human factors in computing systems. pp. 442--49, 1995.

Digital Library

Google Scholar

[11]

Fujima, J., A. Lunzer, K. Hornbæk, and Y. Tanaka. Clip, connect, clone: combining application elements to build custom interfaces for information access. In Proceedings of the 17th annual ACM symposium on User interface software and technology. pp. 175--84, 2004.

Digital Library

Google Scholar

[12]

Gaver, B. and H. Martin. Alternatives: exploring information appliances through conceptual design proposals. In Proceedings of the SIGCHI conference on Human factors in computing systems. pp. 209--216, 2000.

Digital Library

Google Scholar

[13]

Goldman, K. J. An Interactive Environment for Beginning Java Programmers. Science of Computer Programming 53(1). pp. 3--24, 2004.

Crossref

Google Scholar

[14]

Hailpern, J., E. Hinterbichler, C. Leppert, D. Cook, and B. P. Bailey. TEAM STORM: demonstrating an interaction model for working with multiple ideas during creative group work. In Proceedings of the 6th ACM SIGCHI conference on Creativity & Cognition. pp. 192--202, 2007.

Digital Library

Google Scholar

[15]

Klemmer, S. R., M. Thomsen, E. Phelps-Goodman, R. Lee, and J. A. Landay. Where Do Web Sites Come From? Capturing and Interacting with Design History. CHI: ACM Conference on Human Factors in Computing Systems, CHI Letters 4(1). pp. 1--8, 2002.

Digital Library

Google Scholar

[16]

Kohavi, R., R. M. Henne, and D. Sommerfield. Practical guide to controlled experiments on the web: listen to your customers not to the hippo. In Proceedings of the 13th ACM SIGKDD international conference on Knowledge discovery and data mining. pp. 959--67, 2007.

Digital Library

Google Scholar

[17]

Kurlander, D. and S. Feiner, A Visual Language for Browsing, Undoing, and Redoing Graphical Interface Commands, in Visual Languages and Visual Programming, S.K. Chang, Editor. Plenum Press: New York, NY. pp. 257--75, 1990.

Google Scholar

[18]

Lawson, B., How Designers Think: The Design Process De-mystified. 3rd ed: Architectural Press. 352 pp. 1997.

Google Scholar

[19]

Levoy, M. Spreadsheets for images. In Proceedings of the 21st annual conference on Computer graphics and interactive techniques. pp. 139--46, 1994.

Digital Library

Google Scholar

[20]

Lunzer, A. Choice and Comparison Where the User Wants Them: Subjunctive Interfaces for Computer-Supported Exploration. In Proceedings of INTERACT '99: IFIP Conference on Human-Computer Interaction. pp. 474--82, 1999.

Google Scholar

[21]

Lunzer, A. and K. Hornbaek. Subjunctive interfaces: Extending applications to support parallel setup, viewing and control of alternative scenarios. ACM Transactions on Computer-Human Interaction. 14(4). pp. 1--44, 2008.

Digital Library

Google Scholar

[22]

Mackay, W. E., C. Appert, M. Beaudouin-Lafon, O. Chapuis, Y. Du, J.-D. Fekete, and Y. Guiard. Touchstone: exploratory design of experiments. In Proceedings of the SIGCHI conference on Human factors in computing systems. pp. 1425--34, 2007.

Digital Library

Google Scholar

[23]

Marks, J., B. Andalman, et al. Design galleries: a general approach to setting parameters for computer graphics and animation. In Proceedings of the 24th annual conference on Computer graphics and interactive techniques. pp. 389--400, 1997.

Digital Library

Google Scholar

[24]

Myers, B. A., A. Ferrency, R. McDaniel, and R. Dannenberg, Debugging Interactive Applications, Carnegie Mellon University 1996. http://www.cs.cmu.edu/~amulet/papers/debugpaper.pdf

Google Scholar

[25]

Myers, B. A., R. G. McDaniel, R. C. Miller, A. S. Ferrency, A. Faulring, B. D. Kyle, A. Mickish, A. Klimovitski, and P. Doane. The Amulet Environment: New Models for Effective User Interface Software Development. IEEE Transactions on Software Engineering 23(6). pp. 347--65, 1997.

Digital Library

Google Scholar

[26]

Pausch, R., M. Conway, and R. Deline. Lessons learned from SUIT, the simple user interface toolkit. ACM Transactions on Information Systems. 10(4). pp. 320--44, 1992.

Digital Library

Google Scholar

[27]

Rycroft, S., ed. Flash Math Creativity. 2nd ed. Friends of Ed. 264 pp., 2004.

Digital Library

Google Scholar

[28]

Schrage, M., Serious Play: How the World's Best Companies Simulate to Innovate: Harvard Business School Press. 278 pp. 1999.

Google Scholar

[29]

Terry, M., Set-Based User Interaction, Unpublished Ph.D. Thesis, Georgia Institute of Technology, Computer Science Department, 2005.

Digital Library

Google Scholar

[30]

Terry, M. and E. D. Mynatt. Recognizing creative needs in user interface design. In Proceedings of the 4th conference on Creativity & Cognition. pp. 38--44, 2002.

Digital Library

Google Scholar

[31]

Terry, M. and E. D. Mynatt. Side views: persistent, on-demand previews for open-ended tasks. In Proceedings of the 15th annual ACM symposium on User interface software and technology. pp. 71--80, 2002.

Digital Library

Google Scholar

[32]

Terry, M., E. D. Mynatt, K. Nakakoji, and Y. Yamamoto. Variation in element and action: supporting simultaneous development of alternative solutions. In Proceedings of the SIGCHI conference on Human factors in computing systems. pp. 711--18, 2004.

Digital Library

Google Scholar

[33]

Tohidi, M., W. Buxton, R. Baecker, and A. Sellen. Getting the right design and the design right. In Proceedings of the SIGCHI conference on Human Factors in computing systems. pp. 1243--52, 2006.

Digital Library

Google Scholar

[34]

Toomim, M., A. Begel, and S. L. Graham. Managing Duplicated Code with Linked Editing. In Proceedings of the 2004 IEEE Symposium on Visual Languages -- Human Centric Computing (VLHCC'04). pp. 173--80, 2004.

Digital Library

Google Scholar

[35]

Wang, G. and P. R. Cook. On-the-fly programming: using code as an expressive musical instrument. In Proceedings of the 2004 conference on New interfaces for musical expression. pp. 138--43, 2004.

Digital Library

Google Scholar

Cited By

View all

Zhang LPan JGettig JOney SGuo A(2024)VRCopilot: Authoring 3D Layouts with Generative AI Models in VRProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676451(1-13)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676451
Goldstein HTao JHatfield-Dodds ZPierce BHead A(2024)Tyche: Making Sense of PBT EffectivenessProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676407(1-16)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676407
Toka MFrost DBourgault SFarber AFriedman-Gerlicz CLee RPaek EWiley PJacobs J(2024)Practice-driven Software Development: A Collaborative Method for Digital Fabrication Systems Research in a Residency ProgramProceedings of the 2024 ACM Designing Interactive Systems Conference10.1145/3643834.3661522(1192-1217)Online publication date: 1-Jul-2024
https://dl.acm.org/doi/10.1145/3643834.3661522
Show More Cited By

Index Terms

Design as exploration: creating interface alternatives through parallel authoring and runtime tuning
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

Recommendations

SUEDE: iterative, informal prototyping for speech interfaces
CHI EA '01: CHI '01 Extended Abstracts on Human Factors in Computing Systems

SUEDE is a speech interface prototyping tool that enables rapid, iterative creation of prompt-response speech interfaces. It explicitly supports iterative design, allowing a designer to quickly create an interface prototype, conduct user studies, and ...
SketchingInterfaces: A Tool for Automatically Generating High-Fidelity User Interface Mockups from Hand-Drawn Sketches
OzCHI '20: Proceedings of the 32nd Australian Conference on Human-Computer Interaction

Sketches are an integral part of designing user interfaces and despite advances in design tools, many user interface designers still rely on pen and paper when creating these sketches because of their reliability, familiarity and ease of use. Rough ...
InfoNice: Easy Creation of Information Graphics
CHI '18: Proceedings of the 2018 CHI Conference on Human Factors in Computing Systems

Information graphics are widely used to convey messages and present insights in data effectively. However, creating expressive data-driven infographics remains a great challenge for general users without design expertise. We present InfoNice, a ...

Reviews

Reviewer: James Dennis Kiper

The design space for a given application, even one that has been tightly specified, is enormous. Prototyping has become an accepted and effective tool for evaluating user interface designs. However, the ability to rapidly change the user interface to explore large sections of the design space is limited by commonly used programming languages and environments. The Juxtapose programming environment helps us to break through these limitations in two ways: first, by permitting parallel editing and execution to compare code alternatives, and, second, by the automated generation of a control interface that supports tuning of application program parameters. This work is set in various contexts: desktop applications, smart phones, and physical computing interfaces. Not only is the use and significance of Juxtapose explained well in this work, but it also describes a small usability experiment that verifies the utility of this system, and points out areas of needed improvement. This well-written report about Juxtapose gives a reasonable overview of related work, and presents a balanced view of this tool. Online Computing Reviews Service

Access critical reviews of Computing literature here

Become a reviewer for Computing Reviews.

Comments

Information & Contributors

Information

Published In

UIST '08: Proceedings of the 21st annual ACM symposium on User interface software and technology

October 2008

308 pages

ISBN:9781595939753

DOI:10.1145/1449715

General Chair:
Steve Cousins
Willow Garage, USA
,
Program Chair:
Michel Beaudouin-Lafon
Université Paris-Sud, France

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: 19 October 2008

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Conference

UIST08

Sponsor:

UIST08: The 21st Annual ACM Symposium on User Interface Software and Technology

October 19 - 22, 2008

CA, Monterey, USA

Acceptance Rates

Overall Acceptance Rate 561 of 2,567 submissions, 22%

Upcoming Conference

UIST '25

Sponsor:
sigchi
sigchi

The 38th Annual ACM Symposium on User Interface Software and Technology

September 28 - October 1, 2025

Busan , Republic of Korea

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

133
Total Citations
View Citations
1,767
Total Downloads

Downloads (Last 12 months)71
Downloads (Last 6 weeks)12

Reflects downloads up to 21 Dec 2024

Other Metrics

View Author Metrics

Citations

Cited By

View all

Zhang LPan JGettig JOney SGuo A(2024)VRCopilot: Authoring 3D Layouts with Generative AI Models in VRProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676451(1-13)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676451
Goldstein HTao JHatfield-Dodds ZPierce BHead A(2024)Tyche: Making Sense of PBT EffectivenessProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676407(1-16)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676407
Toka MFrost DBourgault SFarber AFriedman-Gerlicz CLee RPaek EWiley PJacobs J(2024)Practice-driven Software Development: A Collaborative Method for Digital Fabrication Systems Research in a Residency ProgramProceedings of the 2024 ACM Designing Interactive Systems Conference10.1145/3643834.3661522(1192-1217)Online publication date: 1-Jul-2024
https://dl.acm.org/doi/10.1145/3643834.3661522
Manesh DBowman Jr. DLee S(2024)SHARP: Exploring Version Control Systems in Live Coding MusicProceedings of the 16th Conference on Creativity & Cognition10.1145/3635636.3656195(426-437)Online publication date: 23-Jun-2024
https://dl.acm.org/doi/10.1145/3635636.3656195
In SKrokos EWhitley KNorth CYang Y(2024)Evaluating Navigation and Comparison Performance of Computational Notebooks on Desktop and in Virtual RealityProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642932(1-15)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642932
Davis RWambsganss TJiang WKim KKäser TDillenbourg P(2024)Fashioning Creative Expertise with Generative AI: Graphical Interfaces for Design Space Exploration Better Support Ideation Than Text PromptsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642908(1-26)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642908
Almeda SZamfirescu-Pereira JKim KMani Rathnam PHartmann B(2024)Prompting for Discovery: Flexible Sense-Making for AI Art-Making with DreamsheetsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642858(1-17)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642858
Methfessel PBeckmann TRein PRamson SHirschfeld R(2024)MµSE: Supporting Exploration of Software-Hardware Interactions Through ExamplesProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642186(1-16)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642186
Scully-Allison CLumsden IWilliams KBartels JTaufer MBrink SBhatele APearce OIsaacs K(2024)Design Concerns for Integrated Scripting and Interactive Visualization in Notebook EnvironmentsIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2024.335456130:9(6572-6585)Online publication date: Sep-2024
https://doi.org/10.1109/TVCG.2024.3354561
Hirsch MBenabdallah GJacobs JPeek N(2023)Nothing Like Compilation: How Professional Digital Fabrication Workflows Go Beyond Extruding, Milling, and MachinesACM Transactions on Computer-Human Interaction10.1145/360932831:1(1-45)Online publication date: 29-Nov-2023
https://dl.acm.org/doi/10.1145/3609328
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.

Cited By

Index Terms

Recommendations

SUEDE: iterative, informal prototyping for speech interfaces

SketchingInterfaces: A Tool for Automatically Generating High-Fidelity User Interface Mockups from Hand-Drawn Sketches

InfoNice: Easy Creation of Information Graphics

Reviews

Access critical reviews of Computing literature here