[논문 리뷰] User-Centric Semi-Automated Infographics Authoring and Recommendation

Anjul Tyagi, Jian Zhao외 3명|arXiv (Cornell University)|2021. 08. 26.

Data Visualization and Analytics참고 문헌 55인용 수 5

한 줄 요약

이 논문은 사용자 중심의 반자동 프레임워크를 제안하며, 인포그래픽 설계 과정을 세 가지 독립적인 단계로 분리한다: 시각적 정보 흐름(VIF) 레이아웃, 시각적 그룹(VG) 디자인, 연결 요소. 이 프레임워크는 인포그래픽스 워즈드라는 상호작용 도구에 구현되었으며, 초보자와 전문가 사용자 모두를 지원하기 위해 자동 추천 기능과 직접 조작 기능을 결합하여 설계 시간을 크게 단축시키면서도 높은 커스터마이제이션과 SVG 형식으로의 내보내기를 가능하게 한다. 향후 편집을 위해 Adobe Illustrator와 같은 도구에서 사용할 수 있다.

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 형식의 구성 요소를 공개함으로써 향후 연구를 촉진하기 위해.

제안 방법

• 프레임워크는 인포그래픽 디자인을 네 가지 핵심 구성 요소로 분해한다: VIF 레이아웃, VG 디자인, 피벗 그래픽, 연결 요소로, 이는 각각의 독립적 최적화를 가능하게 한다.
• 인포그래픽스 워즈드는 마크다운 입력 인터페이스를 통해 프레임워크를 구현하며, 모든 구성 요소에 걸쳐 설계 추천을 생성한다.
• 캔버스를 통한 직접 조작을 통해 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와 같은 전문 도구에서의 추가 정교화를 가능하게 하는 핵심 요소로 평가받았다.