research-article

Sketch-sketch revolution: an engaging tutorial system for guided sketching and application learning

Authors:

Jennifer Fernquist,

George FitzmauriceAuthors Info & Claims

UIST '11: Proceedings of the 24th annual ACM symposium on User interface software and technology

Pages 373 - 382

https://doi.org/10.1145/2047196.2047245

Published: 16 October 2011 Publication History

Abstract

We describe Sketch-Sketch Revolution, a new tutorial system that allows any user to experience the success of drawing content previously created by an expert artist. Sketch-Sketch Revolution not only guides users through the application user interface, it also provides assistance with the actual sketching. In addition, the system offers an authoring tool that enables artists to create content and then automatically generates a tutorial from their recorded workflow history. Sketch-Sketch Revolution is a unique hybrid tutorial system that combines in-product, content-centric and reactive tutorial methods to provide an engaging learning experience. A qualitative user study showed that our system successfully taught users how to interact with a drawing application user interface, gave users confidence they could recreate expert content, and was uniformly considered useful and easy to use.

Supplementary Material

JPG File (fp269.jpg)

Download
14.94 KB

MP4 File (fp269.mp4)

Download
25.82 MB

References

[1]

Akers, D., Simpson, M., Jeffries, R. and Winograd, T. (2009). Undo and erase events as indicators of usability problems. ACM CHI. 659--668.

Digital Library

[2]

Arvo, J. and Novins, K. (2000). Fluid Sketches: Continuous Recognition and Morphing of Simple Hand-Drawn Shapes. ACM UIST. 73--80.

Digital Library

[3]

Bae, S.H., Balakrishnan, R. and Singh, K. (2008). ILoveSketch. As-natural-as-possible sketching system for creating 3D curve models. ACM UIST. 151--160.

Digital Library

[4]

Bae, S.H., Balakrishnan, R. and Singh, K. (2009). EverybodyLovesSketch: 3D Sketching for a Broader Audience. ACM UIST. 59--68.

Digital Library

[5]

Bederson, B.B. (2004). Interfaces for staying in the flow. Ubiquity. 5(27).

Digital Library

[6]

Carroll, J. M. (1990). The Nurnberg Funnel. MIT Press.

[7]

Carroll, J. M. and Rosson, M. B. (1987). Paradox of the active user. Interfacing thought: cognitive aspects of human-computer interaction. MIT Press. 80--111.

Digital Library

[8]

Chen, H., Wigand, R.T. and Nilan, M.S. (1999). Optimal experience of web activities. Computers in human behavior. 15(5), 585--608.

[9]

Csikszentmihalyi, M. (1988). The flow experience and its significance for human psychology. Optimal Experiences Psychological Studies of Flow in Consciousness. 15--35.

[10]

Farkas, D. K. (1993). The role of balloon help. Journal of Computer Documentation. 17(2):3--19.

Digital Library

[11]

Flagg, M. and Rehg, J.M. (2006). Projector-guided painting. ACM UIST. 235--244.

Digital Library

[12]

Fung, R., Lank, E., Terry, M. and Latulipe, C. (2008). Kinematic templates: end-user tools for content-relative cursor manipulations. ACM UIST. 47--56.

Digital Library

[13]

Google SketchUp Training. http://sketchup.google.com/intl/en/training/index.htm.

[14]

Grabler, F., Agrawala, M., Li, W., Dontcheva, M. and Igarashi, T. (2009). Generating photo manipulation tutorials by demonstration. ACM SIGGRAPH. 28(3):66.

Digital Library

[15]

Grossman, T., Fitzmaurice, G. and Attar, R. (2009). survey of software learnability: metrics, methodologies and guidelines. ACM CHI. 649--658.

Digital Library

[16]

Grossman, T. and Fitzmaurice, G. (2010). ToolClips: An investigation of contextual video assistance for functionality understanding. ACM CHI. 1515--1524.

Digital Library

[17]

Grossman, T., Matejka, J. and Fitzmaurice, G. (2010). Chronicle: capture, exploration, and playback of document workflow histories. ACM UIST. 143--152.

Digital Library

[18]

Hart, S. and Staveland, L. (1988). Development of NASA-TLX (Task Load Index): Results of empirical and theoretical research. In P. Hancock & N. Meshkate (Eds.), Human mental workload. 139--183.

[19]

Huang, J. and Twidale, M.B. (2007). Graphstract: minimal graphical help for computers. ACM UIST. 203--212.

Digital Library

[20]

Igarashi, T., Matsuoka, S., Kawachiya, S. and Tanaka, H. (1997). Interactive beautification: a technique for rapid geometric design. ACM UIST. 105--114.

Digital Library

[21]

Kelleher, C. and Pausch, R. (2005). Stencils-based tutorials design and evaluation. ACM CHI. 541--550.

Digital Library

[22]

Lee, Y.J., Zitnick, C.L. and Cohen, M. (2011). ShadowDraw. Real-Time User Guidance for Freehand Drawing. ACM SIGGRAPH.

Digital Library

[23]

Li, I., Nichols, J., Lau, T., Drews, C. and Cypher, A. (2010). Here's what I did: sharing and reusing web activity with ActionShot. ACM CHI. 723--732.

Digital Library

[24]

Nakamura, T. and Igarashi, T. (2008). An application independent system for visualizing user operation history. ACM UIST. 23--32.

Digital Library

[25]

Palmiter, S. and Elkerton, J. (1991). An evaluation of animated demonstrations of learning computer-based tasks. ACM CHI. 257--263.

Digital Library

[26]

Singh, K. (1999). Interactive curve design using digital French curves. ACM I3D. 23--30.

Digital Library

[27]

Sukaviriya, P., Isaacs, E. and Bharat, K. (1992). Multimedia help: a prototype and an experiment. ACM CHI. 433--434.

Digital Library

[28]

Tuck, R. and Olsen, D. R. (1990). Help by guided tasks, utilizing UIMS knowledge. ACM CHI. 71--78.

Digital Library

[29]

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

Digital Library

Cited By

Nghiem CBousseau ASypesteyn MHoftijzer JAgrawala MTsandilas T(2024)STIVi: Turning Perspective Sketching Videos into Interactive TutorialsProceedings of the 50th Graphics Interface Conference10.1145/3670947.3670969(1-13)Online publication date: 3-Jun-2024
https://dl.acm.org/doi/10.1145/3670947.3670969
Sarukkai VYuan LTang MAgrawala MFatahalian K(2024)Block and Detail: Scaffolding Sketch-to-Image GenerationProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676444(1-13)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676444
Choi DHong SPark JChung JKim J(2024)CreativeConnect: Supporting Reference Recombination for Graphic Design Ideation with Generative AIProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642794(1-25)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642794
Show More Cited By

Index Terms

Sketch-sketch revolution: an engaging tutorial system for guided sketching and application learning
1. Human-centered computing
  1. Human computer interaction (HCI)
    1. Interaction paradigms
      1. Graphical user interfaces

Recommendations

Learn to Sketch (Even if You Can't Draw): Hands-on Sketching Course
CHI EA '15: Proceedings of the 33rd Annual ACM Conference Extended Abstracts on Human Factors in Computing Systems

Sketching as a technique to quickly draw something on a piece of paper can be used to explore and communicate ideas. Practitioners can make use of their ability to draw sketches from an early phase of a project on. It can be valuable not only for the ...
The influence of sketch quality on perception of product-idea creativity

This paper explores the relationship between the quality of a sketch and how others perceive the creativity of the idea portrayed by the sketch. In this study, sketch quality is characterized through its line work, perspective, and proportions. Four ...
Sketch it, make it: sketching precise drawings for laser cutting
CHI EA '12: CHI '12 Extended Abstracts on Human Factors in Computing Systems

Sketch It, Make It (SIMI) is a modeling tool that enables non-experts to design items for fabrication with laser cutters. SIMI recognizes rough, freehand input as a user iteratively edits a structured vector drawing. The tool combines the strengths of ...

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences

UIST '11: Proceedings of the 24th annual ACM symposium on User interface software and technology

October 2011

654 pages

ISBN:9781450307161

DOI:10.1145/2047196

General Chair:
Jeff Pierce
IBM Research, USA
,
Program Chairs:
Maneesh Agrawala
University of California, Berkeley, USA
,
Scott Klemmer
Stanford University, USA

Copyright © 2011 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

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 16 October 2011

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Conference

UIST '11

Sponsor:

UIST '11: The 24th Annual ACM Symposium on User Interface Software and Technology

October 16 - 19, 2011

California, Santa Barbara, USA

Acceptance Rates

UIST '11 Paper Acceptance Rate 67 of 262 submissions, 26%;

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

77
Total Citations
View Citations
1,485
Total Downloads

Downloads (Last 12 months)63
Downloads (Last 6 weeks)8

Reflects downloads up to 08 Feb 2025

Other Metrics

View Author Metrics

Citations

Cited By

Nghiem CBousseau ASypesteyn MHoftijzer JAgrawala MTsandilas T(2024)STIVi: Turning Perspective Sketching Videos into Interactive TutorialsProceedings of the 50th Graphics Interface Conference10.1145/3670947.3670969(1-13)Online publication date: 3-Jun-2024
https://dl.acm.org/doi/10.1145/3670947.3670969
Sarukkai VYuan LTang MAgrawala MFatahalian K(2024)Block and Detail: Scaffolding Sketch-to-Image GenerationProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676444(1-13)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676444
Choi DHong SPark JChung JKim J(2024)CreativeConnect: Supporting Reference Recombination for Graphic Design Ideation with Generative AIProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642794(1-25)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642794
Chung JAdar E(2023)PromptPaint: Steering Text-to-Image Generation Through Paint Medium-like InteractionsProceedings of the 36th Annual ACM Symposium on User Interface Software and Technology10.1145/3586183.3606777(1-17)Online publication date: 29-Oct-2023
https://dl.acm.org/doi/10.1145/3586183.3606777
Zhang CZhou ZHu YLiu LWu JShao YLiu JZhang LLiu LChen HYing FYao C(2023)Observe It, Draw It: Scaffolding Children’s Observations of Plant Biodiversity with an Interactive Drawing ToolProceedings of the 22nd Annual ACM Interaction Design and Children Conference10.1145/3585088.3589380(253-266)Online publication date: 19-Jun-2023
https://dl.acm.org/doi/10.1145/3585088.3589380
Hu XHuang YLiu BWu RHu YQuigley AFan MYu CShi Y(2023)SmartRecorder: An IMU-based Video Tutorial Creation by Demonstration System for Smartphone Interaction TasksProceedings of the 28th International Conference on Intelligent User Interfaces10.1145/3581641.3584069(278-293)Online publication date: 27-Mar-2023
https://dl.acm.org/doi/10.1145/3581641.3584069
Chung JAdar E(2023)Artinter: AI-powered Boundary Objects for Commissioning Visual ArtsProceedings of the 2023 ACM Designing Interactive Systems Conference10.1145/3563657.3595961(1997-2018)Online publication date: 10-Jul-2023
https://dl.acm.org/doi/10.1145/3563657.3595961
Liu ZZhu ZJiang EHuang FVillanueva AQian XWang TRamani K(2023)InstruMentAR: Auto-Generation of Augmented Reality Tutorials for Operating Digital Instruments Through Recording Embodied DemonstrationProceedings of the 2023 CHI Conference on Human Factors in Computing Systems10.1145/3544548.3581442(1-17)Online publication date: 19-Apr-2023
https://dl.acm.org/doi/10.1145/3544548.3581442
Gmeiner FYang HYao LHolstein KMartelaro N(2023)Exploring Challenges and Opportunities to Support Designers in Learning to Co-create with AI-based Manufacturing Design ToolsProceedings of the 2023 CHI Conference on Human Factors in Computing Systems10.1145/3544548.3580999(1-20)Online publication date: 19-Apr-2023
https://dl.acm.org/doi/10.1145/3544548.3580999
Stoiber CWagner MGrassinger FPohl MStitz HStreit MPotzmann BAigner W(2023)Visualization Onboarding Grounded in Educational TheoriesVisualization Psychology10.1007/978-3-031-34738-2_6(139-164)Online publication date: 7-Nov-2023
https://doi.org/10.1007/978-3-031-34738-2_6
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.

Figures

Tables

Media

View Table of Conten