Structuring Visualization Mock-ups at a Graphical Level by Dividing the Display Space - Archive ouverte HAL Access content directly
Journal Articles IEEE Transactions on Visualization and Computer Graphics Year : 2017

Structuring Visualization Mock-ups at a Graphical Level by Dividing the Display Space

(1) , (2)
1
2

Abstract

Mock-ups are rapid, low fidelity prototypes, that are used in many design-related fields to generate and share ideas. While their creation is supported by many mature methods and tools, surprisingly little are suited for the needs of information visualization. In this article, we introduce a novel approach to creating visualizations mock-ups, based on a dialogue between graphic design and parametric toolkit explorations. Our approach consists in iteratively subdividing the display space, while progressively informing each division with realistic data. We show that a wealth of mock-ups can easily be created using only temporary data attributes, as we wait for more realistic data to become available. We describe the implementation of this approach in a D3-based toolkit, which we use to highlight its generative power, and we discuss the potential for transitioning towards higher fidelity prototypes.
Fichier principal
Vignette du fichier
infovis17-visualization-mockups.pdf (2.38 Mo) Télécharger le fichier
Origin : Files produced by the author(s)
Loading...

Dates and versions

hal-01560881 , version 1 (12-07-2017)

Identifiers

Cite

Romain Vuillemot, Jeremy Boy. Structuring Visualization Mock-ups at a Graphical Level by Dividing the Display Space. IEEE Transactions on Visualization and Computer Graphics, 2017, 24 (1), pp.424 - 434. ⟨10.1109/TVCG.2017.2743998⟩. ⟨hal-01560881⟩
183 View
487 Download

Altmetric

Share

Gmail Facebook Twitter LinkedIn More