Reflections on how designers design with data

In recent years many popular data visualizations have emerged that are created largely by designers whose main area of expertise is not computer science. Designers generate these visualizations using a handful of design tools and environments. To better inform the development of tools intended for designers working with data, we set out to understand designers' challenges and perspectives. We interviewed professional designers, conducted observations of designers working with data in the lab, and observed designers working with data in team settings in the wild. A set of patterns emerged from these observations from which we extract a number of themes that provide a new perspective on design considerations for visualization tool creators, as well as on known engineering problems.

[1]  Maria da Gandra,et al.  Information Design: in theory, an informed practice , 2012 .

[2]  Tamara Munzner,et al.  The four-level nested model revisited: blocks and guidelines , 2012, BELIV '12.

[3]  Allison Druin,et al.  Technology probes: inspiring design for and with families , 2003, CHI '03.

[4]  Catherine Plaisant,et al.  The challenge of information visualization evaluation , 2004, AVI.

[5]  Erik Stolterman,et al.  The anatomy of prototypes: Prototypes as filters, prototypes as manifestations of design ideas , 2008, TCHI.

[6]  Casey Reas,et al.  Processing.org: a networked context for learning computer programming , 2005, SIGGRAPH '05.

[7]  Eytan Adar,et al.  Benefitting InfoVis with Visual Difficulties , 2011, IEEE Transactions on Visualization and Computer Graphics.

[8]  Daniel L. Schwartz,et al.  Parallel prototyping leads to better design results, more divergence, and increased self-efficacy , 2010, TCHI.

[9]  Ban Al-Ani,et al.  Homebrew databases: complexities of everyday information management in nonprofit organizations , 2011, CHI.

[10]  Hadley Wickham,et al.  A Layered Grammar of Graphics , 2010 .

[11]  Jeffrey Heer,et al.  Protovis: A Graphical Toolkit for Visualization , 2009, IEEE Transactions on Visualization and Computer Graphics.

[12]  M. Sheelagh T. Carpendale,et al.  Creation and Collaboration: Engaging New Audiences for Information Visualization , 2008, Information Visualization.

[13]  Seth A. Myers,et al.  A quantitative content analysis of errors and inaccuracies in Missouri newspaper information graphics , 2009 .

[14]  Clayton Lewis.  NoPumpG: Creating Interactive Graphics With Spreadsheet Machinery , 1987 .

[15]  Daniel L. Schwartz,et al.  Prototyping dynamics: sharing multiple designs improves exploration, group rapport, and results , 2011, CHI.

[16]  Tamara Munzner,et al.  A Nested Model for Visualization Design and Validation , 2009, IEEE Transactions on Visualization and Computer Graphics.

[17]  David R. Karger,et al.  Potluck: Data mash-up tool for casual users , 2008, J. Web Semant..

[18]  Pat Hanrahan,et al.  Show Me: Automatic Presentation for Visual Analysis , 2007, IEEE Transactions on Visualization and Computer Graphics.

[19]  Xiaoji Chen,et al.  Vis-à-vis: A Visual Language for Spreadsheet Visualizations , 2011 .

[20]  Hanspeter Pfister,et al.  What Makes a Visualization Memorable? , 2013, IEEE Transactions on Visualization and Computer Graphics.

[21]  Mark W. Newman,et al.  Sitemaps, storyboards, and specifications: a sketch of Web site design practice , 2000, DIS '00.

[22]  Carl Gutwin,et al.  Useful junk?: the effects of visual embellishment on comprehension and memorability of charts , 2010, CHI.

[23]  Ronen I. Brafman,et al.  Designing with interactive example galleries , 2010, CHI.

[24]  Jeffrey Heer,et al.  Narrative Visualization: Telling Stories with Data , 2010, IEEE Transactions on Visualization and Computer Graphics.

[25]  Tamara Munzner,et al.  The nested blocks and guidelines model , 2015, Inf. Vis..

[26]  Randall Teal,et al.  Developing a (Non‐linear) Practice of Design Thinking , 2010 .

[27]  Tamara Munzner,et al.  Design Study Methodology: Reflections from the Trenches and the Stacks , 2012, IEEE Transactions on Visualization and Computer Graphics.

[28]  William E. Lorensen,et al.  The design and implementation of an object-oriented toolkit for 3D graphics and visualization , 1996, Proceedings of Seventh Annual IEEE Visualization '96.

[29]  Jarke J. van Wijk,et al.  What Does the User Want to See? What do the Data Want to Be? , 2009, Inf. Vis..

[30]  Mark W. Newman,et al.  The designers' outpost: a tangible interface for collaborative web site , 2001, UIST '01.

[31]  Melanie Tory,et al.  How Information Visualization Novices Construct Visualizations , 2010, IEEE Trans. Vis. Comput. Graph..

[32]  Monica M. C. Schraefel,et al.  Graph sketcher: extending illustration to quantitative graphs , 2009, CHI.

[33]  HeerJeffrey,et al.  D3 Data-Driven Documents , 2011 .

[34]  Jade Goldstein-Stewart,et al.  Interactive graphic design using automatic presentation knowledge , 1994, CHI '94.

[35]  M. Sheelagh T. Carpendale,et al.  Visual Thinking In Action: Visualizations As Used On Whiteboards , 2011, IEEE Transactions on Visualization and Computer Graphics.

[36]  Jeffrey Heer,et al.  SpanningAspectRatioBank Easing FunctionS ArrayIn ColorIn Date Interpolator MatrixInterpola NumObjecPointI Rectang ISchedu Parallel Pause Scheduler Sequen Transition Transitioner Transiti Tween Co DelimGraphMLCon IData JSONCon DataField DataSc Dat DataSource Data DataUtil DirtySprite LineS RectSprite , 2011 .

[37]  Melanie Tory,et al.  A Survey of Visualization Construction User Interfaces , 2013, EuroVis.

[38]  Jeffrey Heer,et al.  Wrangler: interactive visual specification of data transformation scripts , 2011, CHI.

[39]  Pat Hanrahan,et al.  Polaris: a system for query, analysis and visualization of multi-dimensional relational databases , 2000, IEEE Symposium on Information Visualization 2000. INFOVIS 2000. Proceedings.

[40]  Joseph M. Hellerstein,et al.  Potter's Wheel: An Interactive Data Cleaning System , 2001, VLDB.

[41]  Martin Wattenberg,et al.  ManyEyes: a Site for Visualization at Internet Scale , 2007, IEEE Transactions on Visualization and Computer Graphics.