Learning Visual Importance for Graphic Designs and Data Visualizations
arXiv:1708.02660 · doi:10.1145/3126594.3126653
Abstract
Knowing where people look and click on visual designs can provide clues about how the designs are perceived, and where the most important or relevant content lies. The most important content of a visual design can be used for effective summarization or to facilitate retrieval from a database. We present automated models that predict the relative importance of different elements in data visualizations and graphic designs. Our models are neural networks trained on human clicks and importance annotations on hundreds of designs. We collected a new dataset of crowdsourced importance, and analyzed the predictions of our models with respect to ground truth importance and human eye movements. We demonstrate how such predictions of importance can be used for automatic design retargeting and thumbnailing. User studies with hundreds of MTurk participants validate that, with limited post-processing, our importance-driven applications are on par with, or outperform, current state-of-the-art methods, including natural image saliency. We also provide a demonstration of how our importance predictions can be built into interactive design tools to offer immediate feedback during the design process.
References in corpus (6)
- Very Deep Convolutional Networks for Large-Scale Image Recognition
- Caffe: Convolutional Architecture for Fast Feature Embedding
- TurkerGaze: Crowdsourcing Saliency with Webcam based Eye Tracking
- Deep Gaze I: Boosting Saliency Prediction with Feature Maps Trained on ImageNet
- BubbleView: an interface for crowdsourcing image importance maps and tracking visual attention
- Eye Tracking for Everyone
Cited by in corpus (26)
- A Survey on ML4VIS: Applying Machine Learning Advances to Data Visualization
- Towards Automated Infographic Design: Deep Learning-based Auto-Extraction of Extensible Timeline
- BubbleView: an interface for crowdsourcing image importance maps and tracking visual attention
- Understanding Visual Saliency in Mobile User Interfaces
- Constrained Graphic Layout Generation via Latent Optimization
- iBall: Augmenting Basketball Videos with Gaze-moderated Embedded Visualizations
- Predicting and Explaining Mobile UI Tappability with Vision Modeling and Saliency Analysis
- Predicting Visual Attention in Graphic Design Documents
- The State of the Art in Creating Visualization Corpora for Automated Chart Analysis
- DesignChecker: Visual Design Support for Blind and Low Vision Web Developers
- InfoColorizer: Interactive Recommendation of Color Palettes for Infographics
- Neural Design Network: Graphic Layout Generation with Constraints
- Towards Visualization Thumbnail Designs that Entice Reading Data-driven Articles
- Learning Personal Style from Few Examples
- Reinforced Labels: Multi-Agent Deep Reinforcement Learning for Point-Feature Label Placement
- MultiVision: Designing Analytical Dashboards with Deep Learning Based Recommendation
- Text2Poster: Laying out Stylized Texts on Retrieved Images
- Synthetically Trained Icon Proposals for Parsing and Summarizing Infographics
- Vignette: Perceptual Compression for Video Storage and Processing Systems
- Learning to Automate Chart Layout Configurations Using Crowdsourced Paired Comparison
- Attribute-conditioned Layout GAN for Automatic Graphic Design
- GUIComp: A GUI Design Assistant with Real-Time, Multi-Faceted Feedback
- VisCode: Embedding Information in Visualization Images using Encoder-Decoder Network
- SuperProvenanceWidgets: Tracking and Visualizing Analytic Provenance Across UI Control Elements
- AI4VIS: Survey on Artificial Intelligence Approaches for Data Visualization
- Learning Aesthetic Layouts via Visual Guidance