Article

A visual language for sketching large and complex interactive designs

Authors:

Michael Thomsen,

James A. LandayAuthors Info & Claims

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

Pages 307 - 314

https://doi.org/10.1145/503376.503431

Published: 20 April 2002 Publication History

Abstract

Informal, sketch-based design tools closely match the work practices of user interface designers. Current tools, however, are limited in the size and complexity of interaction that can be specified. We have created an advanced sketch-based visual language that allows for easy prototyping of large, complex interactive designs. In its current embodiment in the denim web design tool, the visual language allows designers to sketch reusable components for recurring page elements, such as navigation bars, as well as conditionals to illustrate and test transitions that depend on a user's input. Designers can also specify sites that accept richer user input than simple clicking. Our informal evaluation shows that these features allow designers with little programming experience to quickly create prototypes of large, complex web sites while still working inside an informal, sketch-based environment

References

[1]

Bailey, B.P., J.A. Konstan, and J.V. Carlis. DEMAIS: Designing Multimedia Applications with Interactive Storyboards. In Proceedings of ACM Multimedia 2001. Ottawa, Canada. pp. 241--250, Sept. 30-Oct. 5, 2001.

Digital Library

[2]

Cypher, A. and D.C. Smith. KidSim: End User Programming of Simulations. In Proceedings of Human Factors in Computing Systems: CHI '95. Denver, CO. pp. 27--34, May 7--11, 1995.

Digital Library

[3]

Goel, V., Sketches of Thought. Cambridge, MA: The MIT Press. 279, 1995.

[4]

Harada, K., E. Tanaka, R. Ogawa, and Y. Hara. Anecdote: A Multimedia Storyboarding System with Seamless Authoring Support. In Proceedings of ACM International Multimedia Conference 96. Boston, MA. pp. 341--351, Nov. 18--22, 1996.

Digital Library

[5]

Harel, D., Statecharts: A Visual Formalism for Complex Systems. Science of Computer Programming, 1987. 8(3): pp. 231--274.

Digital Library

[6]

Hong, J.I. and J.A. Landay, SATIN: A Toolkit for Informal Ink-based Applications. CHI Letters: Proceedings of User Interfaces and Software Technology: UIST 2000, 2000. 2(2): pp. 63--72.

Digital Library

[7]

Hong, J.I., F.C. Li, J. Lin, and J.A. Landay. End-User Perceptions of Formal and Informal Representations of Web Sites. In Proceedings of Human Factors in Computing Systems: CHI 2001 Extended Abstracts. Seattle, WA. pp. 385--386, March 31-April 5, 2001.

Digital Library

[8]

Kurlander, D. and S. Feiner, A History of Editable Graphical Histories, in Watch What I Do: Programming by Demonstration, A. Cypher, Editor. MIT Press. pp. 405--413, 1993.

Digital Library

[9]

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

Digital Library

[10]

Lin, J., M.W. Newman, J.I. Hong, and J.A. Landay, DENIM: Finding a Tighter Fit Between Tools and Practice for Web Site Design. CHI Letters: Proceedings of Human Factors in Computing Systems: CHI 2000, 2000. 2(1): pp. 510--517.

Digital Library

[11]

Modugno, F. and B.A. Myers, Graphical Representation and Feedback in a PBD System, in Watch What I Do: Programming by Demonstration, A. Cypher, Editor. MIT Press: Cambridge, MA. pp. 415--422, 1993.

Digital Library

[12]

Newman, M.W. and J.A. Landay. Sitemaps, Storyboards, and Specifications: A Sketch of Web Site Design Practice. In Proceedings of DIS 2000: Designing Interactive Systems. New York, New York. pp. 263--274, August, 2000.

Digital Library

[13]

Pane, J.F. and B.A. Myers. Improving User Performance on Boolean Queries. In Proceedings of Human Factors in Computing Systems: CHI 2000 Extended Abstracts. The Hague, the Netherlands. pp. 269--270, April 1--6, 2000.

Digital Library

[14]

Repenning, A. and W. Citrin. Agentsheets: Applying Grid-Based Spatial Reasoning to Human-Computer Interaction. In Proceedings of IEEE Symposium on Visual Languages (VL'93). Bergen, Norway: IEEE Computer Society Press. pp. 77--82, September, 1993.

[15]

Stagecast, Stagecast Creator, 1997. Stagecast Software, Inc. http://www.stagecast.com/

[16]

van de Kant, M., S. Wilson, M. Bekker, H. Johnson, and P. Johnson. PatchWork: A Software Tool for Early Design. In Proc. of Human Factors in Computing Systems: CHI 98 Summary. Los Angeles, CA. pp. 221--222, April 18--23, 1998.

Digital Library

[17]

Virzi, R.A., J.L. Sokolov, and D. Karis. Usability Problem Identification Using Both Low- and High-Fidelity Prototypes. In Proceedings of Human Factors in Computing Systems: CHI '96. Vancouver, BC, Canada. pp. 236--243, April 13--18, 1996.

Digital Library

Cited By

Zhang LPerera M(2024)Mid-Air Hand Gesture Design Tool for Interaction DesignersHuman-Computer Interaction10.1007/978-3-031-60449-2_17(240-258)Online publication date: 1-Jun-2024
https://doi.org/10.1007/978-3-031-60449-2_17
Clemmensen TClemmensen T(2021)Relation Artefacts Type IIHuman Work Interaction Design10.1007/978-3-030-71796-4_4(65-79)Online publication date: 24-Sep-2021
https://doi.org/10.1007/978-3-030-71796-4_4
Kleffmann MRöhl SBook MGruhn V(2018)Evaluation of a traceability approach for informal freehand sketchesAutomated Software Engineering10.1007/s10515-017-0221-625:1(1-43)Online publication date: 1-Mar-2018
https://dl.acm.org/doi/10.1007/s10515-017-0221-6
Show More Cited By

Index Terms

A visual language for sketching large and complex interactive designs

Recommendations

User-centered design, activity-centered design, and goal-directed design: a review of three methods for designing web applications
SIGDOC '09: Proceedings of the 27th ACM international conference on Design of communication

When conducting research with users in order to design web applications, the practitioner has a variety of methods from which to choose. This paper examines three such methods'User-Centered Design (UCD), Goal-Directed Design (GDD), and Activity-Centered ...
DENIM: an informal tool for early stage web site design
CHI EA '01: CHI '01 Extended Abstracts on Human Factors in Computing Systems

DENIM is a system that helps web site designers in the early stages of design. DENIM supports sketching input; allows design at different refinement levels--site map, storyboard, and individual page; and unifies the levels through zooming. The design of ...
DENIM: finding a tighter fit between tools and practice for Web site design
CHI '00: Proceedings of the SIGCHI conference on Human Factors in Computing Systems

Through a study of web site design practice, we observed that web site designers design sites at different levels of refinement—site map, storyboard, and individual page—and that designers sketch at all levels during the early stages of design. However, ...

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences

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

April 2002

478 pages

ISBN:1581134533

DOI:10.1145/503376

Conference Chair:
Dennis Wixon
Microsoft Corporation, One Redmond WA

Copyright © 2002 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: 20 April 2002

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Article

Conference

CHI02

Sponsor:

SIGCHI

CHI02: Human Factors in Computing Systems

April 20 - 25, 2002

Minnesota, Minneapolis, USA

Acceptance Rates

CHI '02 Paper Acceptance Rate 61 of 414 submissions, 15%;

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

28
Total Citations
View Citations
1,988
Total Downloads

Downloads (Last 12 months)21
Downloads (Last 6 weeks)4

Reflects downloads up to 21 Dec 2024

Other Metrics

View Author Metrics

Citations

Cited By

Zhang LPerera M(2024)Mid-Air Hand Gesture Design Tool for Interaction DesignersHuman-Computer Interaction10.1007/978-3-031-60449-2_17(240-258)Online publication date: 1-Jun-2024
https://doi.org/10.1007/978-3-031-60449-2_17
Clemmensen TClemmensen T(2021)Relation Artefacts Type IIHuman Work Interaction Design10.1007/978-3-030-71796-4_4(65-79)Online publication date: 24-Sep-2021
https://doi.org/10.1007/978-3-030-71796-4_4
Kleffmann MRöhl SBook MGruhn V(2018)Evaluation of a traceability approach for informal freehand sketchesAutomated Software Engineering10.1007/s10515-017-0221-625:1(1-43)Online publication date: 1-Mar-2018
https://dl.acm.org/doi/10.1007/s10515-017-0221-6
Scaffidi CDove ANabi TKaye JDruin ALampe CMorris DHourcade J(2016)LondonTubeProceedings of the 2016 CHI Conference on Human Factors in Computing Systems10.1145/2858036.2858076(3498-3508)Online publication date: 7-May-2016
https://dl.acm.org/doi/10.1145/2858036.2858076
Hesenius MKleffmann MGruhn V(2016)Sketching Gesture-Based Applications in a Collaborative Working Environment with Wall-Sized Displays2016 International Conference on Collaboration Technologies and Systems (CTS)10.1109/CTS.2016.0066(327-336)Online publication date: Oct-2016
https://doi.org/10.1109/CTS.2016.0066
Kleffmann MHesenius MGruhn VZiegler JNebeling MNigay L(2015)Connecting UI and business processes in a collaborative sketching environmentProceedings of the 7th ACM SIGCHI Symposium on Engineering Interactive Computing Systems10.1145/2774225.2775076(200-205)Online publication date: 23-Jun-2015
https://dl.acm.org/doi/10.1145/2774225.2775076
Ichino JOnda MTano SHashiyama TIwata MLeong T(2014)User interface design combining a logical and physical structure-based approachProceedings of the 26th Australian Computer-Human Interaction Conference on Designing Futures: the Future of Design10.1145/2686612.2686622(69-76)Online publication date: 2-Dec-2014
https://dl.acm.org/doi/10.1145/2686612.2686622
Barros GCarneiro GConte TCastro Tda Silva BJunqueira Barbosa S(2013)A technique to improve sketches of rich interactionsProceedings of the 12th Brazilian Symposium on Human Factors in Computing Systems10.5555/2577101.2577110(22-31)Online publication date: 8-Oct-2013
https://dl.acm.org/doi/10.5555/2577101.2577110
Monroe MLan RMorales del Olmo JShneiderman BPlaisant CMillstein JMackay WBrewster SBødker S(2013)The challenges of specifying intervals and absences in temporal queriesProceedings of the SIGCHI Conference on Human Factors in Computing Systems10.1145/2470654.2481325(2349-2358)Online publication date: 27-Apr-2013
https://dl.acm.org/doi/10.1145/2470654.2481325
Holzmann CVogler MGo KKarashima MFukuzumi SRen X(2012)Building interactive prototypes of mobile user interfaces with a digital penProceedings of the 10th asia pacific conference on Computer human interaction10.1145/2350046.2350080(159-168)Online publication date: 28-Aug-2012
https://dl.acm.org/doi/10.1145/2350046.2350080
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