[论文解读] User-Centric Semi-Automated Infographics Authoring and Recommendation

Anjul Tyagi, Jian Zhao+3 more|arXiv (Cornell University)|Aug 26, 2021

Data Visualization and Analytics参考文献 55被引用 5

一句话总结

本文提出了一种以用户为中心的半自动化信息图设计框架，将设计过程解耦为三个独立阶段：视觉信息流（VIF）布局、视觉组（VG）设计以及连接元素。该框架已集成至 Infographics Wizard 工具中，通过自动化推荐与直接操作支持新手和专家用户，显著缩短设计时间，同时保持高度可定制性，并支持将设计导出为 SVG 格式以供后续编辑。

ABSTRACT

Designing infographics can be a tedious process for non-experts and time-consuming even for professional designers. Based on the literature and a formative study, we propose a flexible framework for automated and semi-automated infographics design. This framework captures the main design components in infographics and streamlines the generation workflow into three steps, allowing users to control and optimize each aspect independently. Based on the framework, we also propose an interactive tool, ame{}, for assisting novice designers with creating high-quality infographics from an input in a markdown format by offering recommendations of different design components of infographics. Simultaneously, more experienced designers can provide custom designs and layout ideas to the tool using a canvas to control the automated generation process partially. As part of our work, we also contribute an individual visual group (VG) and connection designs dataset (in SVG), along with a 1k complete infographic image dataset with segmented VGs. This dataset plays a crucial role in diversifying the infographic designs created by our framework. We evaluate our approach with a comparison against similar tools, a user study with novice and expert designers, and a case study. Results confirm that our framework and ame{} excel in creating customized infographics and exploring a large variety of designs.

研究动机与目标

• 解决非专业人士和时间受限的专业人士在创建引人注目的信息图时面临的挑战。
• 克服现有全自动化工具依赖僵化模板、缺乏设计多样性的局限。
• 通过交互式反馈支持新手和专家设计师，实现完全自动化与部分控制的结合。
• 提供一种灵活且解耦的框架，实现对 VIF 布局、VG 设计和连接元素的独立优化。
• 通过发布一个包含 1K 张信息图的数据集（含分割的 VG）和 SVG 格式的组件，推动未来研究。

提出的方法

• 该框架将信息图设计分解为四个核心组件：VIF 布局、VG 设计、中心图形（pivot graphics）和连接元素，实现各部分的独立优化。
• Infographics Wizard 通过 Markdown 输入界面实现该框架，可为所有组件生成设计推荐。
• 该工具支持通过画布对 VIF 布局和 VG 进行直接操作，使专家用户能够引导自动化生成过程。
• 设计推荐基于一个新整理的 1K 张分割信息图和 1K 个 SVG 格式 VG 的数据集，采用学习排序模型生成。
• 系统支持将最终设计导出为 SVG 文件，以便在 Adobe Illustrator 等专业工具中进行后续编辑。
• 通过 10 名参与者的形成性研究，分析用户感知与工作流程偏好，为框架设计提供了依据。

实验结果

研究问题

• RQ1 半自动化信息图创作系统如何为新手和专家设计师提供对设计组件的灵活控制？
• RQ2 哪些关键设计组件能够实现模块化、可重用且可定制的信息图生成？
• RQ3 解耦 VIF 布局、VG 设计和连接元素如何提升设计多样性与用户控制力？
• RQ4 基于整理数据集的自动化推荐在多大程度上能生成高质量且独特的信息图设计？
• RQ5 用户在半自动化设计环境中如何看待自动化与用户控制之间的平衡？

主要发现

• 该框架通过将 VIF 布局、VG 设计和连接元素解耦为独立的处理阶段，实现了完全自动化与半自动化的信息图生成。
• 针对新手和专家设计师的用户研究证实，Infographics Wizard 有效支持设计探索与定制，用户满意度高。
• 参与者表示，该工具对 VG、VIF 流、连接方式和配色方案的控制能力提供了强大的设计自由度，尤其优于现有工具。
• 用户称赞界面在修改中心图形时的实时响应性能，有专家指出设计更新速度快且准确。
• 用户建议改进 VG 编辑功能，并优化生成的连接与 VG 之间的对齐效果，指出了未来改进方向。
• 用户高度认可系统可将设计导出为 SVG 文件，认为这是在 Adobe Illustrator 等专业工具中进一步优化设计的关键支持。