SwapVid:通过直接操作整合视频观看和文档探索
作者
交互式数据可视化数据故事讲述(Data Storytelling)环境感知与上下文计算软件工程师与开发者UI/UX 设计师HCI 研究员
文献标题
SwapVid: Integrating Video Viewing and Document Exploration with Direct Manipulation
文献信息
- 主题领域: 人机交互技术与用户界面设计
- 关键词: 文档与视频交互, 视频文档匹配, 讲座视频, 屏幕共享文档, 用户界面设计
研究背景与问题
-
发现的问题或挑战:
- 文档和视频结合的界面(如在线讲座中的幻灯片与视频)尽管可以增强内容理解,但观众需要频繁切换焦点以导航文档和视频内容,这导致认知负担增加。
- 当前的工具(如Zoom和Coursera)对于支持视频与文档的同时探索较为有限,缺乏平滑的交互策略。
-
重要性: 由于 COVID-19 疫情的推动,在线学习和交流的大量普及,使得文档与视频同步的用户体验问题日益严重。解决这一问题可以大幅度提高用户对于这种内容形式的理解效率。
-
研究动机与相关工作:
- 现有工具多基于分屏(side-by-side)界面,切换视频和文档间操作复杂。
- 之前的研究尝试使用直接操作的视频导航(如直接拉动视频中的物体),但仅限于特定场景且没有更深入地考虑视频与文档的无缝过渡。
- 本论文探索如何通过深度结合视频和文档内容,提供更无缝和直观的交互方式。
解决方案
-
提出的方法:
- 引入SwapVid界面——一个集成视频与文档视图的系统,通过直接的用户操作(如文档滚动、视频时间轴操作)无缝切换视频和文档模式。
- 使用基于OCR(光学字符识别)的算法,自动在视频帧与文档内容之间建立映射关系。
-
创新之处:
- 无需分屏,通过叠加与切换实现单窗口交互。
- 动态同步视频时间轴与文档中的具体内容。
- 提供了文档和视频模式之间平滑过渡的用户体验。
-
实施步骤和关键技术:
- 序列分析器: 使用OCR技术,从视频帧和文档中提取文本及其位置,建立两者的匹配映射。
- 交互界面设计: 提供基于滚动和时间轴操作触发的模式切换,增强任务流程的连贯性。
- 可视化功能:
- 在视频时轴中突出显示与文档匹配的时间点。
- 在文档视图中高亮正在播放的视频内容对应的位置。
研究成果
-
具体成果:
- 开发了SwapVid原型,并通过20名参与者的用户实验进行了评估。
- 实验显示SwapVid显著降低了用户在基于视频的文档导航和基于文档的视频探索任务中的时间和物理工作负担。
- 用户对SwapVid在内容探索任务中的偏好高于传统分屏界面。
-
与现有解决方案的对比优势:
- 通过无缝切换缩减了分屏切换操作的成本。
- 用OCR可精确识别并同步文档与视频内容,提高导航效率。
- 实验结果表明,特别是对于幻灯片型文档,SwapVid明显改善了任务性能。
-
实验或评估结果:
- 导航性能: 在基于视频的文档探索任务中(V2D Task),SwapVid比传统分屏界面显著减少了任务完成时间和用户的鼠标移动距离。
- 主观评估: 用户对SwapVid的系统可用性评分(SUS)为良好等级,并在内容探索任务中表现出偏爱。
- 认知负担: 通过用户的眼动追踪实验,发现使用SwapVid后认知负担相对较低。
-
局限性与未来方向:
- 当前的SwapVid仅适用于预录制视频,未支持实时视频(如Zoom会议)。
- OCR基于文字识别,对于低分辨率视频或无文字内容的文档可能存在限制。
- 用户对界面改进的意见包括:允许动态缩放、提供节省空间的画中画功能以及对移动设备更好的支持。
- 未来工作包括将系统集成至实时视频工具中,拓展内容匹配算法以支持更多文档类型(如动画幻灯片)及链接式文档。
研究问题 / 现实痛点
这篇论文在当前问题库中对应的问题线索。
help
研究问题
3- 如何减少用户在查看秒数和文档内容切换间的认知负担?分类: 学习支持方法、因素与体验影响同类问题arrow_forward
- 如何实现视频内容和文档内容的无缝互动且提高导航效率?分类: 学习支持方法、因素与体验影响同类问题arrow_forward
- OCR技术在视频-文档同步中可以发挥怎样的作用以提升内容获取效率?分类: 学习支持方法、因素与体验影响同类问题arrow_forward
lightbulb
现实痛点
1- 用户在在线课程时切换视频与讲义查看内容效率低下。分类: 学习支持方法、因素与体验影响同类问题arrow_forward
- 83%
Vistribute:在动态多设备设置中分发交互式可视化
CHI '19· 交互式数据可视化 +1
- 67%
DataSelfie:赋能人们设计个性化视觉来代表他们的数据
CHI '19· 交互式数据可视化 +1
- 67%
ActiveInk: (Th)Inking与数据
CHI '19· 交互式数据可视化 +1
- 67%
变色龙:为静态数字文档带来交互性
CHI '20· 交互式数据可视化 +1
- 67%
超越指令:如何视频中的信息类型分类
CHI '23· 交互式数据可视化 +1
- 67%
表格插图师:基于拼图的平面表格交互式创作
CHI '24· 交互式数据可视化 +1
- 67%
解构信息图表中的视觉隐喻:一个设计空间
CHI '26· 数据故事讲述(Data Storytelling) +1
- 67%
HelpViz:从基于文本的指令自动生成上下文视觉移动教程
UIST '21· 交互式数据可视化 +1
- 67%
Ragged Blocks:带样式渲染结构化文本
UIST '25· 交互式数据可视化 +1
- 63%
GeoCamera:使用相机运动在地理可视化中讲述故事
CHI '23· 交互式数据可视化 +2
基于研究子主题与职业分类的 Jaccard 相似度(≥60%)
快捷操作
广告推荐
学习 AI 编程到 CodeNow
open_in_new打开DOI链接
DOI: https://doi.org/10.1145/3613904.3642515
一眼看懂
fact_check论文快照
dataset
来源
CHI
calendar_month
年份
2024
emoji_events
奖项
未标记奖项
group
作者
5 位作者
sell
研究子方向
交互式数据可视化、数据故事讲述(Data Storytelling)、环境感知与上下文计算
work
职业/产业
软件工程师与开发者、UI/UX 设计师、HCI 研究员
article
内容状态
已索引正文
hub
相关论文
10 篇相关论文