Interface Design Considerations for Data Visualization

A464352136da1292242d810c001ed275?s=47 Scott Murray
March 12, 2014

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.

A464352136da1292242d810c001ed275?s=128

Scott Murray

March 12, 2014
Tweet

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
  3. None
  4. Visual Structure

  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. None
  15. None
  16. None
  17. None
  18. Navigation Structure

  19. None
  20. None
  21. None
  22. None
  23. Interaction

  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  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 “
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None
  44. Authorship

  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  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