Design Patterns and Trade-Offs in Responsive Visualization for Communication

dc.contributor.authorKim, Hyeoken_US
dc.contributor.authorMoritz, Dominiken_US
dc.contributor.authorHullman, Jessicaen_US
dc.contributor.editorBorgo, Rita and Marai, G. Elisabeta and Landesberger, Tatiana vonen_US
dc.date.accessioned2021-06-12T11:02:37Z
dc.date.available2021-06-12T11:02:37Z
dc.date.issued2021
dc.description.abstractIncreased access to mobile devices motivates the need to design communicative visualizations that are responsive to varying screen sizes. However, relatively little design guidance or tooling is currently available to authors. We contribute a detailed characterization of responsive visualization strategies in communication-oriented visualizations, identifying 76 total strategies by analyzing 378 pairs of large screen (LS) and small screen (SS) visualizations from online articles and reports. Our analysis distinguishes between the Targets of responsive visualization, referring to what elements of a design are changed and Actions representing how targets are changed. We identify key trade-offs related to authors' need to maintain graphical density, referring to the amount of information per pixel, while also maintaining the ''message'' or intended takeaways for users of a visualization. We discuss implications of our findings for future visualization tool design to support responsive transformation of visualization designs, including requirements for automated recommenders for communication-oriented responsive visualizations.en_US
dc.description.number3
dc.description.sectionheadersDesign Guidelines
dc.description.seriesinformationComputer Graphics Forum
dc.description.volume40
dc.identifier.doi10.1111/cgf.14321
dc.identifier.issn1467-8659
dc.identifier.pages459-470
dc.identifier.urihttps://doi.org/10.1111/cgf.14321
dc.identifier.urihttps://diglib.eg.org:443/handle/10.1111/cgf14321
dc.publisherThe Eurographics Association and John Wiley & Sons Ltd.en_US
dc.subjectHuman centered computing
dc.subjectEmpirical studies in visualization
dc.subjectVisualization design and evaluation methods
dc.titleDesign Patterns and Trade-Offs in Responsive Visualization for Communicationen_US
Files
Original bundle
Now showing 1 - 2 of 2
Loading...
Thumbnail Image
Name:
v40i3pp459-470.pdf
Size:
6.25 MB
Format:
Adobe Portable Document Format
Loading...
Thumbnail Image
Name:
1069-file1.pdf
Size:
630.91 KB
Format:
Adobe Portable Document Format
Collections