[論文レビュー] 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

ひとこと要約

本論文は、ユーザー中心の、部分的に自動化されたインフォグラフィック設計フレームワークを提案する。このフレームワークは、プロセスを3つの独立した段階に分離する：視覚的情報フロー（VIF）レイアウト、視覚的グループ（VG）デザイン、接続要素。このフレームワークは、インフォグラフィックス・ウィザードとして実装されており、自動推奨と直接操作を組み合わせることで、初心者および熟練ユーザーの両方を支援するインタラクティブなツールである。設計時間を顕著に短縮するとともに、高レベルのカスタマイズ性と、後続の編集に適した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デザイン、接続要素の独立した最適化を可能にする、柔軟で分離されたフレームワークを提供すること。
• 1,000枚のインフォグラフィックから構成され、VGがセグメント化され、SVG形式で提供されるデータセットを公開することで、今後の研究を促進すること。

提案手法

• フレームワークは、インフォグラフィック設計を4つのコアコンポーネントに分解する：VIFレイアウト、VGデザイン、ピボットグラフィックス、接続要素。これにより、各コンponentの独立した最適化が可能になる。
• インフォグラフィックス・ウィザードは、マークダウン入力インターフェースを介してフレームワークを実装し、全コンポーネントにわたる設計推奨を生成する。
• キャンバス上での直接操作により、VIFレイアウトおよびVGの編集が可能で、熟練ユーザーが自動生成をガイドできる。
• 設計推奨は、新たに収集された1,000枚のセグメント化されたインフォグラフィックと1,000枚のSVG形式のVGを用いた学習済みランク付けモデルによって生成される。
• 最終的なデザインは、Adobe Illustratorなどのツールでの後続編集に適したSVGファイル形式でエクスポート可能である。
• 10名の参加者による形態的研究を通じて、ユーザーの認識とワークフローの好みを分析し、フレームワークの設計を支援した。

実験結果

リサーチクエスチョン

• RQ1 部分的に自動化されたインフォグラフィック作成システムは、設計コンポーネントに対する柔軟な制御を、初心者および熟練デザイナーの両者にどのように提供できるか？
• RQ2 モジュラーで再利用可能かつカスタマイズ可能なインフォグラフィック生成を可能にする主要な設計コンポーネントは何か？
• RQ3 VIFレイアウト、VGデザイン、接続要素の分離によって、デザインの多様性とユーザーの制御性はどのように向上するか？
• RQ4 収集済みデータセットに基づく自動推奨は、どれほど高品質で独自性のあるインフォグラフィック設計を生成できるか？
• RQ5 部分的に自動化された設計環境において、自動化とユーザー制御のバランスは、ユーザーにどのように認識されるか？

主な発見

• フレームワークは、VIFレイアウト、VGデザイン、接続要素を独立したパイプライン段階に分離することで、完全自動化と部分自動化の両方のインフォグラフィック生成を可能にする。
• 初心者および熟練デザイナーを対象としたユーザー研究により、インフォグラフィックス・ウィザードが、高いユーザー満足度を達成しつつ、効果的なデザインの探求とカスタマイズを支援することが確認された。
• 参加者らは、VG、VIFフロー、接続、カラーパレットの制御が可能なこのツールが、既存のツールと比較して強いデザインの自由度を提供していると報告した。
• ピボットグラフィックスを変更する際のリアルタイムの応答性が高く評価され、ある熟練ユーザーは、設計更新の速度と正確さを称賛した。
• ユーザーは、VG編集機能の強化や、生成された接続とVGの整合性の向上を提案しており、今後の改善分野を示している。
• SVG形式でのデザインエクスポートが、Adobe Illustratorなどのプロフェッショナルツールでのさらに高度な修正を可能にする重要な要因であると評価された。