Techniques for Flexible Responsive Visualization Design

ACM Human Factors in Computing Systems (CHI)

Publication date: April 27, 2020

Jane Hoffswell, Wilmot Li, Leo Zhicheng Liu

Best Paper

Adobe Research thumbnail image

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.

Learn More

Research Area:  Adobe Research iconHuman Computer Interaction