Interface Design Considerations for Data Visualization

This talk illustrates the design process behind Kindred Britain (kindred.stanford.edu), an interactive network visualization and digital humanities project, made with Nicholas Jenkins and Elijah Meeks of Stanford University. I'll discuss interface and visual design considerations critical to any visualization, framed in the context of five core elements we faced with Kindred Britain: visual structure, navigation structure, interaction, color, and authorship.

Transcript

1. Primary Identity —Full Name Logos FULL NAME LOGO WITH TAGLINE 1-LINE FOR EXTREME HORIZONTAL SPACE RESTRICTIONS RECOMMENDED: FULL NAME LOGO WITH TAGLINE 2-LINES PRIMARY LOGO, VARIATIONS: FULL NAME LOGO WITH TAGLINE CENTERED FOR SQUARE FORMAT SPACE RESTRICTIONS An Introduction to Designing With D3 Scott Murray Interactive Data Visualization for the Web Interface Design Considerations for Data Visualization Scott Murray @alignedleft alignedleft.com Assistant Professor, Design University of San Francisco Author, Interactive Data Visualization for the Web
2. K I N D R E D B R I TA I N kindred.stanford.edu Nicholas Jenkins Associate Professor, English Stanford University Elijah Meeks Digital Humanities Specialist Stanford University
4. Visual Structure
18. Navigation Structure
23. Interaction
35. Color
36. ...avoiding catastrophe becomes the first principle in bringing color to information: Above all, do no harm.” —Edward Tufte, Envisioning Information “ Position is everything. Color is difficult.” —Moritz Stefaner “
44. Authorship
51. Visual Structure Navigation Structure Interaction Color Authorship how to see how to move how to act how to differentiate how to critique
52. An Introduction to Designing With D3 Scott Murray Interactive Data Visualization for the Web Scott Murray @alignedleft alignedleft.com