通过参数化声明模板进行集成可视化编辑

交互式数据可视化原型设计与用户测试软件工程师与开发者UI/UX 设计师

文献标题

Integrated Visualization Editing via Parameterized Declarative Templates

文献信息

  • 主题领域: 信息可视化、用户界面设计、多模式交互系统
  • 关键词: 信息可视化, 声明式生成器, 模板, 用户界面, Ivy, 系统

研究背景与问题

  • 问题与挑战: 创建可视化的界面通常分为三种主要模态:文本式指定(灵活但缓慢)、面板构建(探索性强但难以定制)、图表选择(简单但限制性强)。这些模态各有优缺点,但在现有系统中经常独立存在,用户无法在这些模态之间自由切换。
  • 重要性: 单模态界面通常限制用户的灵活性或可探索性,例如文本式系统可能对新手不友好,而图表选择可能不适合专家。现有界面的缺陷迫使用户在分析中切换工具或依赖难以复用的临时解决方案。
  • 研究动机与相关工作: 作者旨在整合多种模态,为用户提供一个既易于使用、又支持强灵活性与探索性的可视化编辑工具。此外,作者关注如何扩展声明式可视化生成器使其支持复用和组织能力。

解决方案

  • 方法或解决方案: 提出了一种名为“参数化声明模板”(Parameterized Declarative Templates)的抽象机制。这种机制基于JSON的声明式可视化生成器,通过简单编程元素(变量、条件)扩展声明式语法。
  • 创新点:
    1. 引入一种跨语言的模板机制,使得用户可以通过参数化操作更灵活地复用图表定义。
    2. 结合文本式编辑与图形化构建的多模态界面,支持实时同步和直观设计。
    3. 通过设定模板,用户可以快速创建复杂的图表,同时支持快速探索与组织性复用。
  • 实施步骤与关键技术:
    • 定义模板语言:扩展JSON以包括变量定义和条件控制,增强声明式生成器的功能。
    • 构建原型系统 (Ivy):实现支持多语言模板的编辑器,结合文本式和GUI界面。
    • 增加交互功能:实现“模态转换”、面板构建、相关模板推荐、快速变化比较(“fan out”)等功能。

研究成果

  • 具体成果:
    • 系统化地将Vega-Lite和Google Sheets的图表简化为紧凑的模板集合,分别实现了3.5倍和1.8倍的压缩比。
    • 原型系统Ivy支持四种语言(Vega、Vega-Lite、Atom、简单表格语言),并提供了模板创建、参数选择和视图探索等功能。
    • 实验研究表明,与单模态工具相比,该系统显著增强了灵活性(G3)和复用性(G4),同时保持易用性(G1)和探索性(G2)。
  • 与现有解决方案的比较:
    • Ivy超越了传统的图表选择和面板构建界面,支持用户轻松切换模态。
    • 模板的抽象机制显著减少了图表代码的冗余,提高了组织效率。
    • 相比完全文本式系统,Ivy的图形化界面降低了学习曲线,同时保持了文本式的强表达能力。
  • 实验结果:
    • 用户实验显示所有参与者均能在一定指导下完成复杂任务,包括数据探索、图表创建和模板构建任务。
    • Ivy系统的可用性评分介于“普通”至“优秀”之间,显示出用户认可其多模态交互的优点。
  • 局限性与未来方向:
    • 部分用户反馈系统较难学习,尤其在文本与GUI之间切换操作时存在困难。
    • 作者指出,可通过嵌入到现有工具中(如Shiny和Jupyter)提升实用性和便携性。
    • 提出未来可进一步扩展支持的语言范围,加强模板内部参数类型的多样性(如数据字段到颜色方案的绑定)。

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/papers/chi/47707/2021

广告推荐

学习 AI 编程到 CodeNow

open_in_new打开DOI链接
DOI: https://doi.org/10.1145/3411764.3445356
一眼看懂

论文快照

fact_check
dataset
来源
CHI
calendar_month
年份
2021
emoji_events
奖项
未标记奖项
group
作者
2 位作者
sell
研究子方向
交互式数据可视化、原型设计与用户测试
work
职业/产业
软件工程师与开发者、UI/UX 设计师
article
内容状态
已索引正文
hub
相关论文
10 篇相关论文