[go: up one dir, main page]
More Web Proxy on the site http://driver.im/ skip to main content
10.1145/2380116.2380130acmconferencesArticle/Chapter ViewAbstractPublication PagesuistConference Proceedingsconference-collections
research-article

MixT: automatic generation of step-by-step mixed media tutorials

Published: 07 October 2012 Publication History

Abstract

Users of complex software applications often learn concepts and skills through step-by-step tutorials. Today, these tutorials are published in two dominant forms: static tutorials composed of images and text that are easy to scan, but cannot effectively describe dynamic interactions; and video tutorials that show all manipulations in detail, but are hard to navigate. We hypothesize that a mixed tutorial with static instructions and per-step videos can combine the benefits of both formats. We describe a comparative study of static, video, and mixed image manipulation tutorials with 12 participants and distill design guidelines for mixed tutorials. We present MixT, a system that automatically generates step-by-step mixed media tutorials from user demonstrations. MixT segments screencapture video into steps using logs of application commands and input events, applies video compositing techniques to focus on salient infor-mation, and highlights interactions through mouse trails. Informal evaluation suggests that automatically generated mixed media tutorials were as effective in helping users complete tasks as tutorials that were created manually.

Supplementary Material

JPG File (paper_0337-file3.jpg)
suppl.mov (paper_0337-file3.mov)
Supplemental video

References

[1]
Bergman, L., Castelli, V., Lau, T., and Oblinger, D. DocWizards: a System for Authoring Follow-me Documentation Wizards. In Proc. UIST '05, ACM Press (2005).
[2]
Brunelli, R. Template Matching Techniques in Computer Vision: Theory and Practice. Wiley (2009).
[3]
Denning, J. D., Kerr, W. B., and Pellacini, F. MeshFlow: Interactive Visualization of Mesh Construction Sequences. In Proc. SIGGRAPH '11, ACM Press (2011).
[4]
Dixon, M. and Fogarty, J. Prefab: Implementing Advanced Behaviors Using Pixel-Based Reverse Engineering of Interface Structure. In Proc. CHI '10, ACM Press (2010).
[5]
Ekstrand, M., Li, W., Grossman, T., Matejka, J., and Fitzmaurice, G. Searching for Software Learning Resources using Application Context. In Proc. UIST '11, ACM Press (2011).
[6]
Fernquist, J., Grossman, T., and Fitzmaurice, G. Sketch-Sketch Revolution: An Engaging Tutorial System for Guided Sketching and Application Learning. In Proc. UIST '11, ACM Press (2011).
[7]
Furnas, G. W. Generalized Fisheye Views. In Proc. CHI '86, ACM Press (1986).
[8]
Grabler, F., Agrawala, M., Li, W., Dontcheva, M., and Igarashi, T. Generating Photo Manipulation Tutorials by Demonstration. In Proc. SIGGRAPH '09, ACM Press (2009).
[9]
Grossman, T., and Fitzmaurice, G. ToolClips: an Investigation of Contextual Video Assistance for Functionality Understanding. In Proc. CHI '10, ACM Press (2010).
[10]
Grossman, T., Matejka, J., and Fitzmaurice, G. Chronicle: Capture, Exploration, and Playback of Document Workflow Histories. In Proc. UIST '10, ACM Press (2010).
[11]
Harrison, S. A Comparison of Still, Animated, or Nonillustrated On-line Help with Written or Spoken Instructions in a Graphical User Interface. In Proc. CHI '95, ACM Press (1995).
[12]
Kelleher, C., and Pausch, R. Stencils-based Tutorials. In Proc. CHI '05, ACM Press (2005).
[13]
Kong, N., Grossman, T., Hartmann, B., Fitzmaurice, G. and Agrawala, M. Delta: A Tool for Representing and Comparing Workflows. In Proc. CHI '12, ACM Press (2012).
[14]
Matejka, J., Li, W., Grossman, T., & Fitzmaurice, G. CommunityCommands: Command Recommendations for Software Applications. In Proc. UIST '09, ACM Press (2009).
[15]
Matejka, J., Grossman, T., and Fitzmaurice, G. IP-QAT: In-Product Questions, Answers & Tips. In Proc. UIST '11, ACM Press (2011).
[16]
Palmiter, S. and Elkerton, J. Animated Demonstrations vs. Written Instructions for Learning Procedural Tasks: a Preliminary Investigation. In International Journal of Man-Machine Studies (1991), 34, pp. 687--701.
[17]
Palmiter, S. and Elkerton, J. Animated Demonstrations for Learning Procedural Computer-Based Tasks. Human-Computer Interaction. 8, 3 (1993), pp. 193--216.
[18]
Pongnumkul, S., Dontcheva, M., Li, W., Wang, J., Bourdev, L., Avidan, S., and Cohen, M. F. Pause-and-Play: Automatically Linking Screencast Video Tutorials with Applications. In Proc. UIST '11, ACM Press (2011).
[19]
Ramesh, V., Hsu, C., Agrawala, M., and Hartmann, B. ShowMeHow: Translating User Interface Instructions Between Similar Applications. In Proc. UIST '11, ACM Press (2011), 1--8.
[20]
Yeh, T., Chang, T.-H., and Miller, R. C. Sikuli: Using GUI Screenshots for Search and Automation. In Proc. UIST '09, ACM Press (2009), 183--192.

Cited By

View all
  • (2024)Balancing Autonomy: Investigating User-Controlled vs Automated Guidance Systems for Sequential TasksCompanion Proceedings of the 2024 Conference on Interactive Surfaces and Spaces10.1145/3696762.3698056(73-78)Online publication date: 27-Oct-2024
  • (2024)EasyAsk: An In-App Contextual Tutorial Search Assistant for Older Adults with Voice and Touch InputsProceedings of the ACM on Interactive, Mobile, Wearable and Ubiquitous Technologies10.1145/36785168:3(1-27)Online publication date: 9-Sep-2024
  • (2024)Improving Video Navigation for Spatial Task Tutorials by Spatially Segmenting and Situating How-To VideosProceedings of the 2024 ACM Symposium on Spatial User Interaction10.1145/3677386.3682103(1-13)Online publication date: 7-Oct-2024
  • Show More Cited By

Index Terms

  1. MixT: automatic generation of step-by-step mixed media tutorials

    Recommendations

    Comments

    Please enable JavaScript to view thecomments powered by Disqus.

    Information & Contributors

    Information

    Published In

    cover image ACM Conferences
    UIST '12: Proceedings of the 25th annual ACM symposium on User interface software and technology
    October 2012
    608 pages
    ISBN:9781450315807
    DOI:10.1145/2380116
    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: 07 October 2012

    Permissions

    Request permissions for this article.

    Check for updates

    Author Tags

    1. instructions
    2. software tutorials
    3. video

    Qualifiers

    • Research-article

    Conference

    UIST '12

    Acceptance Rates

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

    Upcoming Conference

    UIST '25
    The 38th Annual ACM Symposium on User Interface Software and Technology
    September 28 - October 1, 2025
    Busan , Republic of Korea

    Contributors

    Other Metrics

    Bibliometrics & Citations

    Bibliometrics

    Article Metrics

    • Downloads (Last 12 months)111
    • Downloads (Last 6 weeks)5
    Reflects downloads up to 04 Jan 2025

    Other Metrics

    Citations

    Cited By

    View all
    • (2024)Balancing Autonomy: Investigating User-Controlled vs Automated Guidance Systems for Sequential TasksCompanion Proceedings of the 2024 Conference on Interactive Surfaces and Spaces10.1145/3696762.3698056(73-78)Online publication date: 27-Oct-2024
    • (2024)EasyAsk: An In-App Contextual Tutorial Search Assistant for Older Adults with Voice and Touch InputsProceedings of the ACM on Interactive, Mobile, Wearable and Ubiquitous Technologies10.1145/36785168:3(1-27)Online publication date: 9-Sep-2024
    • (2024)Improving Video Navigation for Spatial Task Tutorials by Spatially Segmenting and Situating How-To VideosProceedings of the 2024 ACM Symposium on Spatial User Interaction10.1145/3677386.3682103(1-13)Online publication date: 7-Oct-2024
    • (2024)Enhancing How People Learn Procedural Tasks Through How-to VideosAdjunct Proceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3672539.3686711(1-5)Online publication date: 13-Oct-2024
    • (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
    • (2024)Having Difficulty Understanding Manuals? Automatically Converting User Manuals into Instructional VideosProceedings of the ACM on Human-Computer Interaction10.1145/36602458:EICS(1-19)Online publication date: 17-Jun-2024
    • (2024)Tutorial mismatches: investigating the frictions due to interface differences when following software video tutorialsProceedings of the 2024 ACM Designing Interactive Systems Conference10.1145/3643834.3661511(1942-1955)Online publication date: 1-Jul-2024
    • (2024)From Viewers to Teachers: Child-Led Teaching Strategies and Family Participation in YouTube How-TosProceedings of the 23rd Annual ACM Interaction Design and Children Conference10.1145/3628516.3655821(396-407)Online publication date: 17-Jun-2024
    • (2024)Temaneki: Map-Based Collaboration Tool for Consensus-Building in Student-Run Festival Management TeamsExtended Abstracts of the CHI Conference on Human Factors in Computing Systems10.1145/3613905.3651013(1-8)Online publication date: 11-May-2024
    • (2024)HelpCall: Designing Informal Technology Assistance for Older Adults via VideoconferencingProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642938(1-23)Online publication date: 11-May-2024
    • Show More Cited By

    View Options

    Login options

    View options

    PDF

    View or Download as a PDF file.

    PDF

    eReader

    View online with eReader.

    eReader

    Media

    Figures

    Other

    Tables

    Share

    Share

    Share this Publication link

    Share on social media