SwapVid: Integrating Video Viewing and Document Exploration with Direct Manipulation
Authors
Document Title
SwapVid: Integrating Video Viewing and Document Exploration with Direct Manipulation
Document Information
- Domain: Human-Computer Interaction and User Interface Design
- Keywords: Document and video interaction, video-document matching, lecture videos, screen-shared documents, user interface design
Research Background and Problem Statement
-
Identified Problems or Challenges:
- Interfaces combining documents and videos (e.g., slides and videos in online lectures) can enhance content comprehension, but viewers often need to frequently shift focus to navigate between document and video content, increasing cognitive load.
- Current tools (e.g., Zoom and Coursera) provide limited support for simultaneous exploration of video and document content, lacking smooth interaction strategies.
-
Importance: The widespread adoption of online learning and communication driven by the COVID-19 pandemic has exacerbated user experience issues related to synchronized document and video content. Addressing these issues can significantly improve users' comprehension efficiency for this type of content.
-
Research Motivation and Related Work:
- Existing tools predominantly use side-by-side interfaces, making operations between video and document cumbersome.
- Previous studies have attempted direct manipulation for video navigation (e.g., dragging objects in videos), but these approaches were limited to specific scenarios and did not deeply consider seamless transitions between video and document content.
- This paper explores how to deeply integrate video and document content to provide a more seamless and intuitive interaction method.
Solution
-
Proposed Method:
- Introduce the SwapVid interface—a system that integrates video and document views, enabling seamless switching between video and document modes through direct user operations (e.g., document scrolling, video timeline manipulation).
- Utilize OCR (Optical Character Recognition)-based algorithms to automatically establish mapping relationships between video frames and document content.
-
Innovations:
- Eliminates the need for split-screen interfaces by enabling single-window interaction through overlay and switching.
- Dynamically synchronizes the video timeline with specific content in the document.
- Provides a smooth user experience for transitions between document and video modes.
-
Implementation Steps and Key Technologies:
- Sequence Analyzer: Uses OCR technology to extract text and its location from video frames and documents, establishing matching relationships between the two.
- Interactive Interface Design: Enables mode switching triggered by scrolling and timeline operations, enhancing task flow continuity.
- Visualization Features:
- Highlights time points in the video timeline that match the document content.
- Highlights the corresponding location in the document view for the currently playing video content.
Research Outcomes
-
Specific Results:
- Developed a SwapVid prototype and evaluated it through user experiments with 20 participants.
- Experiments demonstrated that SwapVid significantly reduced user time and physical workload in video-based document navigation and document-based video exploration tasks.
- Users showed a preference for SwapVid over traditional split-screen interfaces in content exploration tasks.
-
Advantages Compared to Existing Solutions:
- Seamless switching reduces the operational cost of split-screen transitions.
- OCR enables precise recognition and synchronization of document and video content, improving navigation efficiency.
- Experimental results indicate that SwapVid significantly enhances task performance, especially for slide-based documents.
-
Experiment or Evaluation Results:
- Navigation Performance: In video-based document exploration tasks (V2D Task), SwapVid significantly reduced task completion time and user mouse movement distance compared to traditional split-screen interfaces.
- Subjective Evaluation: Users rated SwapVid's system usability (SUS) as "good" and expressed a preference for it in content exploration tasks.
- Cognitive Load: Eye-tracking experiments revealed that cognitive load was relatively lower when using SwapVid.
-
Limitations and Future Directions:
- SwapVid currently only supports pre-recorded videos and does not yet accommodate live video (e.g., Zoom meetings).
- OCR-based text recognition may face limitations with low-resolution videos or documents without textual content.
- User feedback for interface improvements includes dynamic zooming, space-saving picture-in-picture functionality, and better support for mobile devices.
- Future work includes integrating the system into live video tools, expanding content matching algorithms to support more document types (e.g., animated slides) and linked documents.
Research Questions / Practical Problems
Question signals indexed for this paper.
Research Questions
3- How can cognitive load be reduced when users switch between viewing timestamps and document content?Category: Learning Support Methods, Factors, and Experience ImpactSimilar questionsarrow_forward
- How can seamless interaction between video and document content be achieved while improving navigation efficiency?Category: Learning Support Methods, Factors, and Experience ImpactSimilar questionsarrow_forward
- What role can OCR play in video-document synchronization to improve content access efficiency?Category: Learning Support Methods, Factors, and Experience ImpactSimilar questionsarrow_forward
Practical Problems
1- Users inefficiently switch between videos and lecture notes when taking online courses.Category: Learning Support Methods, Factors, and Experience ImpactSimilar questionsarrow_forward
- 83%
Vistribute: Distributing Interactive Visualizations in Dynamic Multi-Device Setups
CHI '19· Interactive Data Visualization +1
- 67%
DataSelfie: Empowering People to Design Personalized Visuals to Represent Their Data
CHI '19· Interactive Data Visualization +1
- 67%
ActiveInk: (Th)Inking with Data
CHI '19· Interactive Data Visualization +1
- 67%
Chameleon: Bringing Interactivity to Static Digital Documents
CHI '20· Interactive Data Visualization +1
- 67%
Beyond Instructions: A Taxonomy of Information Types in How-to Videos
CHI '23· Interactive Data Visualization +1
- 67%
Table Illustrator: Puzzle-based interactive authoring of plain tables
CHI '24· Interactive Data Visualization +1
- 67%
Unpacking Visual Metaphors in Infographics: A Design Space
CHI '26· Data Storytelling +1
- 67%
HelpViz: Automatic Generation of Contextual Visual Mobile Tutorials from Text-Based Instructions
UIST '21· Interactive Data Visualization +1
- 67%
Ragged Blocks: Rendering Structured Text With Style
UIST '25· Interactive Data Visualization +1
- 63%
GeoCamera: Telling Stories in Geographic Visualizations with Camera Movements
CHI '23· Interactive Data Visualization +2
Based on Jaccard similarity of research subtopics & professions (≥60%)