Toolscape: enhancing the learning experience of how-to videos

Video tutorials on the web have gained popularity in various domains, but most video repositories are not designed to support the unique content and structure of how-to videos. Learners face difficulty in finding relevant videos and applying the skills embedded in a video clip. We introduce ToolScape, a video browsing interface with a storyboard summarization and an interactive timeline. It allows learners to quickly scan, filter, and review multiple videos without having to play them. Learners can also jump to or repeat a particular step within a clip by clicking interactive indices on the timeline. In a within-subjects study where participants engaged in end-to-end design tasks with ToolScape and a control interface based on YouTube, the participants using ToolScape rated their design work higher and showed a higher gain in self-efficacy. External raters ranked designs using ToolScape higher.

[1]  Daniel L. Schwartz,et al.  Parallel prototyping leads to better design results, more divergence, and increased self-efficacy , 2010, TCHI.

[2]  Takeo Igarashi,et al.  Generating photo manipulation tutorials by demonstration , 2009, ACM Trans. Graph..

[3]  Mira Dontcheva,et al.  Pause-and-play: automatically linking screencast video tutorials with applications , 2011, UIST.

[4]  Krzysztof Z. Gajos,et al.  Learnersourcing subgoal labeling to support learning from how-to videos , 2013, CHI Extended Abstracts.

[5]  David Richard Moore,et al.  E-Learning and the Science of Instruction: Proven Guidelines for Consumers and Designers of Multimedia Learning , 2006 .

[6]  Rob Miller,et al.  Generating annotations for how-to videos using crowdsourcing , 2013, CHI Extended Abstracts.

[7]  Panos Balatsoukas,et al.  An evaluation framework of user interaction with metadata surrogates , 2009, J. Inf. Sci..

[8]  Pei-Yu Chi,et al.  MixT: automatic generation of step-by-step mixed media tutorials , 2012, CHI Extended Abstracts.

[9]  Pei-Yu Chi,et al.  MixT: automatic generation of step-by-step mixed media tutorials , 2012, UIST.

[10]  Björn Hartmann,et al.  Delta: a tool for representing and comparing workflows , 2012, CHI.

[11]  D. Schunk.  Goal Setting and Self-Efficacy During Self-Regulated Learning , 1990 .

[12]  Tovi Grossman,et al.  Chronicle: capture, exploration, and playback of document workflow histories , 2010, UIST.

[13]  A. Bandura.  Self-efficacy: toward a unifying theory of behavioral change. , 1977, Psychological review.