交互插图分类法:用于视觉表示交互场景的风格和技术分类
荣誉提名作者
交互式数据可视化计算方法在HCI中的应用HCI 研究员
文献标题
Interaction Illustration Taxonomy: Classification of Styles and Techniques for Visually Representing Interaction Scenarios
文献信息
- 主题领域: 人机交互(Human-Computer Interaction, HCI)
- 关键词: 交互场景图示化, 分类体系, 静态插图, 图像设计策略, 可视化技术, 用户界面, 动态交互, 图像编码工具, 开源工具, 设计推荐
研究背景与问题
-
现存问题或挑战:
- 静态插图在描述互动场景时无处不在,但缺乏系统的设计策略和指导。
- 人机交互(HCI)的学术论文中大量使用静态图表,但其多样性及设计策略尚未被充分研究。
- 没有既定的指导原则帮助研究人员设计交互场景的插图。
-
研究重要性:
- 图示化互动场景有助于传递复杂的交互概念,尤其是在静态的非动态展示媒介中(例如 PDF)。
- 随着每年 HCI 领域出版的论文数量增长,对图示设计的标准化需求迫切,以提升研究的传播力和可理解性。
-
研究动机:
- 为了解决创建插图的挑战,该研究提出了一个统一的分类体系,整合可视化设计方法以清晰呈现互动场景。
- 分类体系不仅可以帮助研究者设计更高质量的图表,还能揭示已有插图设计策略中未被注意的创新。
解决方案
-
提出的方法:
- 分类体系构建: 提出一个涵盖静态插图主要设计元素的分类体系,包括 "What"(插图内容的概念部分)和 "How"(插图的可视化属性)。
- 设计元素分类: 分类分为六个主要类别:布景、交互动态、用户和身体部位、视觉特性、互动系统以及输入/输出方式。
- 数据集分析: 对来自四个顶级 ACM HCI 会议的插图及专利数据中的插图进行编码和结构化分析。
- 策略识别: 通过数据探索,分析插图的常见设计模式和策略。
-
创新点:
- 构建统一分类体系,整合现存关于交互场景插图的研究并扩展其视野。
- 提供了三种开源工具,支持插图编码、分类体系可视化和策略探索。
- 提出结构策略和交互策略,提供设计指导并激发对交互场景插图的创新应用。
-
实施步骤:
- 收集2018年ACM会议论文中的插图(CHI, UIST, CSCW, Ubicomp),排除不符合互动场景定义的图表。
- 基于数据集应用扎根理论法,手动编码插图的设计元素。
- 迭代式精化分类体系,计算编码一致性得分,确保分类定义稳定。
- 开发工具以支持大规模插图分析和策略发现。
研究成果
-
具体成果:
- 分类体系: 构建了一个覆盖六个主要类别设计元素的插图分类体系。
- 策略识别: 提取了19种具体的插图设计策略,包括结构性策略(如选择帧布局、定义元素关系)与交互性策略(如突出互动空间、用户动作)。
- 工具开发: 发布三项开源工具:编码工具、分类可视化工具与探索工具,帮助研究人员复现或扩展研究。
-
优势:
- 有助于标准化交互场景的插图设计。
- 提供了具体设计策略,可立即应用于学术论文插图制作。
- 支持研究人员进一步开发和扩展该领域的研究。
-
实验与评估结果:
- 代码一致性得分稳定,达到了“实质性”级别(Fleiss’ κ和Krippendorff’s α约0.61-0.66)。
- 数据集分析揭示了插图设计分布规律,如用户表示比例、主要使用的视觉技术与结构布局。
-
局限性与未来方向:
- 局限于静态插图,未来可扩展至动态或可交互插图领域。
- 插图策略未经过用户研究验证,未来可设计实验以评估策略的实际表现力。
- 分类体系以 HCI 数据集为基础,需涵盖更多领域(如教育、产品设计)以提升通用性。
研究问题 / 现实痛点
这篇论文在当前问题库中对应的问题线索。
help
研究问题
3- 如何系统分类和指导静态交互情景的可视化设计?分类: 机器学习模型可视分析同类问题arrow_forward
- 现有的静态图示的设计元素及其常见策略有哪些?分类: 机器学习模型可视分析同类问题arrow_forward
- 如何建立一个统一的分类法以提升交互场景图示的质量与创新?分类: 机器学习模型可视分析同类问题arrow_forward
lightbulb
现实痛点
1- 研究者缺乏标准化的设计指南绘制高质量的交互场景图示。分类: 机器学习模型可视分析同类问题arrow_forward
- 100%
从可检测到可检查:理解音像数据的定性分析
CHI '21· 交互式数据可视化 +1
- 75%
大规模可视化API使用示例
CHI '18· 交互式数据可视化 +1
- 75%
VINS:面向移动用户界面设计的视觉搜索
CHI '21· 交互式数据可视化 +1
- 75%
Tessera:在任务级别离散化数据处理工作流程
CHI '21· 交互式数据可视化 +1
- 75%
通过数字“现场”观察理解视觉调查模式
CHI '22· 交互式数据可视化 +1
- 75%
元管理器:一个收集和探索代码元信息的工具
CHI '24· 交互式数据可视化 +1
- 75%
图表阅读的Task驱动眼动控制
CHI '25· 交互式数据可视化 +1
- 75%
ProTAL:用于时间动作定位的拖放视频编程框架
CHI '25· 交互式数据可视化 +1
- 75%
回放 enactments:通过历史数据探索可能的未来
DIS '20· 交互式数据可视化 +1
- 75%
用户自适应支持处理杂志风格叙事可视化:识别重要的用户特征
IUI '18· 交互式数据可视化 +1
基于研究子主题与职业分类的 Jaccard 相似度(≥60%)
快捷操作
广告推荐
学习 AI 编程到 CodeNow
open_in_new打开DOI链接
DOI: https://doi.org/10.1145/3411764.3445586
一眼看懂
fact_check论文快照
dataset
来源
CHI
calendar_month
年份
2021
emoji_events
奖项
荣誉提名
group
作者
4 位作者
sell
研究子方向
交互式数据可视化、计算方法在HCI中的应用
work
职业/产业
HCI 研究员
article
内容状态
已索引正文
hub
相关论文
10 篇相关论文