Techniques for Flexible Responsive Visualization Design

要旨

Responsive visualizations adapt to effectively present information based on the device context. Such adaptations are essential for news content that is increasingly consumed on mobile devices. However, existing tools provide little support for responsive visualization design. We analyze a corpus of 231 responsive news visualizations and discuss formative interviews with five journalists about responsive visualization design. These interviews motivate four central design guidelines: enable simultaneous cross-device edits, facilitate device-specific customization, show cross-device previews, and support propagation of edits. Based on these guidelines, we present a prototype system that allows users to preview and edit multiple visualization versions simultaneously. We demonstrate the utility of the system features by recreating four real-world responsive visualizations from our corpus.

受賞
Best Paper
キーワード
Visualization
Responsive Design
News
Mobile Devices
著者
Jane Hoffswell
University of Washington, Seattle, WA, USA
Wilmot Li
Adobe Research, Seattle, WA, USA
Zhicheng Liu
Adobe Research, Seattle, WA, USA
DOI

10.1145/3313831.3376777

論文URL

https://doi.org/10.1145/3313831.3376777

動画

会議: CHI 2020

The ACM CHI Conference on Human Factors in Computing Systems (https://chi2020.acm.org/)

セッション: Ubiquitous, smelly & immersive visualization

Paper session
316A MAUI
5 件の発表
2020-04-30 01:00:00
2020-04-30 02:15:00
日本語まとめ
読み込み中…