Towards Visualization Thumbnail Designs that Entice Reading Data-driven Articles

by   Hwiyeon Kim, et al.

As online news increasingly include data journalism, there is a corresponding increase in the incorporation of visualization in article thumbnail images. However, little research exists on the design rationale for visualization thumbnails, such as resizing, cropping, simplifying, and embellishing charts that appear within the body of the associated article. Therefore, in this paper we aim to understand these design choices and determine what makes a visualization thumbnail inviting and interpretable. To this end, we first survey visualization thumbnails collected online and discuss visualization thumbnail practices with data journalists and news graphics designers. Based on the survey and discussion results, we then define a design space for visualization thumbnails and conduct a user study with four types of visualization thumbnails derived from the design space. The study results indicate that different chart components play different roles in attracting reader attention and enhancing reader understandability of the visualization thumbnails. We also find various thumbnail design strategies for effectively combining the charts' components, such as a data summary with highlights and data labels, and a visual legend with text labels and Human Recognizable Objects (HROs), into thumbnails. Ultimately, we distill our findings into design implications that allow effective visualization thumbnail designs for data-rich news articles. Our work can thus be seen as a first step toward providing structured guidance on how to design compelling thumbnails for data stories.


page 1

page 4

page 6

page 7

page 9

page 11


Thumbnails for Data Stories: A Survey of Current Practices

When people browse online news, small thumbnail images accompanying link...

Visualizing information on watch faces: A survey with smartwatch users

People increasingly wear smartwatches that can track a wide variety of d...

What Makes a Data-GIF Understandable?

GIFs are enjoying increasing popularity on social media as a format for ...

Generative Design Inspiration for Glyphs with Diatoms

We introduce Diatoms, a technique that generates design inspiration for ...

Touching Data: A Discoverability-based Evaluation of a Visualization Interface for Tablet Computers

While a number of touch-based visualization systems have appeared in rec...

Evaluating the Effect of Enhanced Text-Visualization Integration on Combating Misinformation in Data Story

Misinformation has disruptive effects on our lives. Many researchers hav...

Visual Designs for Binned Aggregation of Multi-Class Scatterplots

Point sets in 2D with multiple classes are a common type of data. A cano...

Please sign up or login with your details

Forgot password? Click here to reset