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.
Supplemental Material
- Akers, D., Simpson, M., Jeffries, R. and Winograd, T. (2009). Undo and erase events as indicators of usability problems. ACM CHI. 659--668. Google ScholarDigital Library
- Arvo, J. and Novins, K. (2000). Fluid Sketches: Continuous Recognition and Morphing of Simple Hand-Drawn Shapes. ACM UIST. 73--80. Google ScholarDigital Library
- 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. Google ScholarDigital Library
- Bae, S.H., Balakrishnan, R. and Singh, K. (2009). EverybodyLovesSketch: 3D Sketching for a Broader Audience. ACM UIST. 59--68. Google ScholarDigital Library
- Bederson, B.B. (2004). Interfaces for staying in the flow. Ubiquity. 5(27). Google ScholarDigital Library
- Carroll, J. M. (1990). The Nurnberg Funnel. MIT Press.Google Scholar
- 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. Google ScholarDigital Library
- Chen, H., Wigand, R.T. and Nilan, M.S. (1999). Optimal experience of web activities. Computers in human behavior. 15(5), 585--608.Google Scholar
- Csikszentmihalyi, M. (1988). The flow experience and its significance for human psychology. Optimal Experiences Psychological Studies of Flow in Consciousness. 15--35.Google Scholar
- Farkas, D. K. (1993). The role of balloon help. Journal of Computer Documentation. 17(2):3--19. Google ScholarDigital Library
- Flagg, M. and Rehg, J.M. (2006). Projector-guided painting. ACM UIST. 235--244. Google ScholarDigital Library
- Fung, R., Lank, E., Terry, M. and Latulipe, C. (2008). Kinematic templates: end-user tools for content-relative cursor manipulations. ACM UIST. 47--56. Google ScholarDigital Library
- Google SketchUp Training. http://sketchup.google.com/intl/en/training/index.htm.Google Scholar
- Grabler, F., Agrawala, M., Li, W., Dontcheva, M. and Igarashi, T. (2009). Generating photo manipulation tutorials by demonstration. ACM SIGGRAPH. 28(3):66. Google ScholarDigital Library
- Grossman, T., Fitzmaurice, G. and Attar, R. (2009). survey of software learnability: metrics, methodologies and guidelines. ACM CHI. 649--658. Google ScholarDigital Library
- Grossman, T. and Fitzmaurice, G. (2010). ToolClips: An investigation of contextual video assistance for functionality understanding. ACM CHI. 1515--1524. Google ScholarDigital Library
- Grossman, T., Matejka, J. and Fitzmaurice, G. (2010). Chronicle: capture, exploration, and playback of document workflow histories. ACM UIST. 143--152. Google ScholarDigital Library
- 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.Google Scholar
- Huang, J. and Twidale, M.B. (2007). Graphstract: minimal graphical help for computers. ACM UIST. 203--212. Google ScholarDigital Library
- Igarashi, T., Matsuoka, S., Kawachiya, S. and Tanaka, H. (1997). Interactive beautification: a technique for rapid geometric design. ACM UIST. 105--114. Google ScholarDigital Library
- Kelleher, C. and Pausch, R. (2005). Stencils-based tutorials design and evaluation. ACM CHI. 541--550. Google ScholarDigital Library
- Lee, Y.J., Zitnick, C.L. and Cohen, M. (2011). ShadowDraw. Real-Time User Guidance for Freehand Drawing. ACM SIGGRAPH. Google ScholarDigital Library
- 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. Google ScholarDigital Library
- Nakamura, T. and Igarashi, T. (2008). An application independent system for visualizing user operation history. ACM UIST. 23--32. Google ScholarDigital Library
- Palmiter, S. and Elkerton, J. (1991). An evaluation of animated demonstrations of learning computer-based tasks. ACM CHI. 257--263. Google ScholarDigital Library
- Singh, K. (1999). Interactive curve design using digital French curves. ACM I3D. 23--30. Google ScholarDigital Library
- Sukaviriya, P., Isaacs, E. and Bharat, K. (1992). Multimedia help: a prototype and an experiment. ACM CHI. 433--434. Google ScholarDigital Library
- Tuck, R. and Olsen, D. R. (1990). Help by guided tasks, utilizing UIMS knowledge. ACM CHI. 71--78. Google ScholarDigital Library
- 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. Google ScholarDigital Library
Index Terms
- Sketch-sketch revolution: an engaging tutorial system for guided sketching and application learning
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 SystemsSketching 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 SystemsSketch 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