Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Data as a creative material @CollideHalifax 2014

sebastien
November 05, 2014

Data as a creative material @CollideHalifax 2014

sebastien

November 05, 2014
Tweet

More Decks by sebastien

Other Decks in Design

Transcript

  1. Data as a creative material
    FFunction
    Data as a
    Creative Material
    Audrée Lapierre & Sébastien Pierre
    Collide
    Halifax, October 23rd 2014

    View full-size slide

  2. Data as a creative material
    FFunction
    Information Design & Data Visualization
    Studio founded in 2008
    Leader in Canada

    View full-size slide

  3. Data as a creative material

    View full-size slide

  4. Data as a creative material

    View full-size slide

  5. Data as a creative material

    View full-size slide

  6. Data as a creative material

    View full-size slide

  7. Data as a creative material
    About this talk

    View full-size slide

  8. Data as a creative material
    ART
    COMMUNICATION
    DESIGN

    View full-size slide

  9. Data as a creative material
    THOUGHTS EXPERIENCE
    &

    View full-size slide

  10. Data as a creative material
    PART I
    Art & Data

    View full-size slide

  11. Data as a creative material
    Ellsworth Kelly, The Meschers, 1951
    (oldest reference in Wikipedia's “generative art” entry)

    View full-size slide

  12. Data as a creative material
    Frieder Nake, Walk-through-Raster, series 2, 1-4
    See 20-20 digital hindsight. Frieder Nake, Walk-through-Raster,
    series 2, 1-4, C-type print, Germany, 1966. © artist. Photo: V&A
    Images.

    View full-size slide

  13. Data as a creative material
    Ryoji Ikeda, Datatron, 2008

    View full-size slide

  14. Data as a creative material
    THE PROCESS & THE RESULT
    Automation (in art) was a paradigm shift.
    The result is determined by a process,
    but unknown to the artist
    before the process is complete.

    View full-size slide

  15. Data as a creative material
    Jared Tarbell, Substrate 2003

    View full-size slide

  16. Data as a creative material
    Variations in output from Jared Tarbell, Substrate 2003

    View full-size slide

  17. Data as a creative material
    Jared Tarbell, Orbitals 2004

    View full-size slide

  18. Data as a creative material
    Jared Tarbell, Invader Fractals 2003

    View full-size slide

  19. Data as a creative material
    MACHINE CO-CREATION
    The result is the act of co-creation
    between the artists/programmer
    and the machine.

    View full-size slide

  20. Data as a creative material
    “Set an algorithm
    and let it go”
    Dextro, http://www.turux.org/

    View full-size slide

  21. Data as a creative material
    Subblue, Fractals http://www.subblue.com/

    View full-size slide

  22. Data as a creative material
    Robert Hodgin, Stippling, http://vimeo.com/8252908

    View full-size slide

  23. Data as a creative material
    RANDOM NUMBERS & ALGORITHMS
    Randomness, complex maths and
    physical/biological simulations are
    key materials in generative design

    View full-size slide

  24. Data as a creative material
    AESTHETICS OF COMPLEXITY
    The amount of details permitted
    by computers lead to an
    aesethetics of complexity.

    View full-size slide

  25. Data as a creative material
    Christoph Bader,
    https://www.flickr.com/photos/deskriptiv

    View full-size slide

  26. Data as a creative material
    Nervous Systems, Hyphae Lamp

    View full-size slide

  27. Data as a creative material
    Michael Hansmeyer, Digital Grotesque

    View full-size slide

  28. Data as a creative material
    MACHINE & ORGANICS
    Interestingly, some works give
    the impression of being the product
    of a natural process, reconciling
    technology & natural life

    View full-size slide

  29. Data as a creative material
    SWAPPING RANDOM NUMBERS FOR DATA
    Data is sampled from our
    environment. Its is a byproduct
    of human/natural activity.

    View full-size slide

  30. Data as a creative material
    Ben Fry, All Streets, 2008

    View full-size slide

  31. Data as a creative material
    Visualizing Friendships, Paul Butler, 2010

    View full-size slide

  32. Data as a creative material

    View full-size slide

  33. Data as a creative material
    A MIRROR OF OURSELVES
    As a reflection of ourselves &
    our complex social fabric,
    data adds a new dimension to
    the resulting artwork.

    View full-size slide

  34. Data as a creative material
    COMPLEX & MEANINGFUL
    Data has the same complex quality
    as random numbers do, but there is
    a potential for meaning & insights

    View full-size slide

  35. Data as a creative material
    PART II
    How the data
    landscape evolved

    View full-size slide

  36. Data as a creative material
    1990 2000 2010
    VOLUME OF DATA
    EASE OF WORKING WITH DATA

    View full-size slide

  37. Data as a creative material
    1990 2000 2010
    VOLUME OF DATA
    EASE OF WORKING WITH DATA
    Random
    Numbers
    Feeding more
    numbers in
    algorithms to
    increase complexity.

    View full-size slide

  38. Data as a creative material
    See it live on http://vimeo.com/72611093
    Design by Numbers
    John Maeda (MIT)
    Late 90s
    Designed by Numbers is an
    interactive environment for
    generative art, that later
    inspired Processing (Ben Fry,
    Casey Reas)

    View full-size slide

  39. Data as a creative material
    1990 2000 2010
    VOLUME OF DATA
    EASE OF WORKING WITH DATA
    Geographic &
    Scientific Data
    Visuals can be used to
    reveal things about our
    environment. Actual data
    makes interesting
    pictures!

    View full-size slide

  40. Data as a creative material
    Line Drops
    David Endelman
    1997
    “The lines in this image are of hundreds of
    underground and underwater pipelines
    that draw oil from a reservoir in the
    Huntington Beach area of California.”
    From “The Fine Art of GIS Cartography” ESRI proceedings

    View full-size slide

  41. Data as a creative material
    1990 2000 2010
    VOLUME OF DATA
    EASE OF WORKING WITH DATA
    Web 2.0
    APIs
    User-generated is
    published en-masse.
    Tagging creates new ways
    to organize content. RSS &
    APIs made content
    machine-accessible.

    View full-size slide

  42. Data as a creative material
    Interactive
    visualizations of a
    Delicious.com
    bookmark.
    Revealicious, Sébastien Pierre, 2005

    View full-size slide

  43. Data as a creative material
    1990 2000 2010
    VOLUME OF DATA
    EASE OF WORKING WITH DATA
    Social
    Networks &
    Media
    Data about large-scale
    communities and
    conversation is now
    available.

    View full-size slide

  44. Data as a creative material
    Vizster
    Early social network
    visualization tool
    Vizster, Jeffrey Heer & Danah Boyd, 2005

    View full-size slide

  45. Data as a creative material
    1990 2000 2010
    Open
    Data
    Citizens can understand
    and map how the
    governments work and
    perform services.

    View full-size slide

  46. Data as a creative material
    DataViva
    Interactive exploration
    of Brazil's open data.
    2014

    View full-size slide

  47. Data as a creative material
    More Data!
    The volume of available data grew
    significantly over the past decade

    View full-size slide

  48. Data as a creative material
    Easier to access & use
    Data is more accessible (data portals, APIs) and tools make it easier to use
    and visualize.

    View full-size slide

  49. Data as a creative material
    Data to understand our society
    With social networks, social media and open-data we have
    immediate access to a lot of information to understand our
    society.

    View full-size slide

  50. Data as a creative material
    Data for everyone
    With democratization of infographics, data-
    journalism & public datasets, data is not
    reserved to scientists and specialists anymore.

    View full-size slide

  51. Data as a creative material
    PART III
    Communicating Data

    View full-size slide

  52. Data as a creative material

    View full-size slide

  53. Data as a creative material

    View full-size slide

  54. Data as a creative material
    Similar diversity, Philipp Steinweber & Andreas Koller, 2001

    View full-size slide

  55. Data as a creative material

    View full-size slide

  56. Data as a creative material

    View full-size slide

  57. Data as a creative material
    Practical Tips
    What you need to know when working with data in
    (visual) communication
    #

    View full-size slide

  58. Data as a creative material
    #1
    Data Is Not Information
    Data needs context to be
    interpreted and turned to
    information.

    View full-size slide

  59. Data as a creative material

    View full-size slide

  60. Data as a creative material
    #2
    Data calls for (visual)
    Summaries
    Visuals and statistics allow to make
    the data digestible.

    View full-size slide

  61. Data as a creative material

    View full-size slide

  62. Data as a creative material
    #3
    Data = Fact
    (for a lot of people)
    Numbers have an authority that
    words don't have.

    View full-size slide

  63. Data as a creative material

    View full-size slide

  64. Data as a creative material
    #4
    Visuals Are
    The Message
    The way you choose to represent
    the data defines how people will
    read it.

    View full-size slide

  65. Data as a creative material
    HEADLINE
    “Obama undid the mess left by the previous
    administration”
    HEADLINE
    “Just as many jobs were lost during the Bush
    yeas as during the Obama years”

    View full-size slide

  66. Data as a creative material
    #4
    Data May Not Match
    Your Story
    Data won't necessary tell the story
    you would like it to tell (but you can
    always tweak the charts)

    View full-size slide

  67. Data as a creative material

    View full-size slide

  68. Data as a creative material

    View full-size slide

  69. Data as a creative material
    #6
    Data Opens Up Dialogue
    (and criticism)
    As there's not a single unique way to
    interpret data, using data means
    you open up to a conversation.

    View full-size slide

  70. Data as a creative material
    Same dataset, Three different
    interpretations
    Data: Spending of the global middleclass, 2009-2030

    View full-size slide

  71. Data as a creative material
    #7
    Data Leads to New
    Narrative Forms
    Showing data means that you won't
    be able to explain everything, and
    will let some of the story be written
    by the reader.

    View full-size slide

  72. Data as a creative material

    View full-size slide

  73. Data as a creative material
    PART IV
    The Visualization
    Spectrum

    View full-size slide

  74. Data as a creative material
    INFOGRAPHIC
    DATA VISUALIZATION
    INTERACTIVE
    CHART
    DASHBOARD
    ANNUAL REPORT
    DATA MINING TOOL
    MAPPING
    There are many different approaches we can take to a new data-driven project

    View full-size slide

  75. Data as a creative material

    View full-size slide

  76. Data as a creative material

    View full-size slide

  77. Data as a creative material
    START HERE

    View full-size slide

  78. Data as a creative material

    View full-size slide

  79. Data as a creative material
    EXPLORATION NARRATION

    View full-size slide

  80. Data as a creative material
    EXPLORATION NARRATION
    INFOGRAPHICS

    View full-size slide

  81. Data as a creative material

    View full-size slide

  82. Data as a creative material
    EXPLORATION NARRATION
    DATA JOURNALISM

    View full-size slide

  83. Data as a creative material
    http://www.washingtonpost.com/wp-srv/special/health/how-ebola-spreads/

    View full-size slide

  84. Data as a creative material
    EXPLORATION NARRATION
    DASHBOARDS

    View full-size slide

  85. Data as a creative material

    View full-size slide

  86. Data as a creative material
    EXPLORATION NARRATION
    DATA VISUALIZATION

    View full-size slide

  87. Data as a creative material

    View full-size slide

  88. Data as a creative material
    Exploration Narration
    PROS
    + Discovery
    + Free progression & exploration
    CONS
    - Little control
    - Could miss important things
    PROS
    + Controlled experience & messaging
    + Progressive introduction
    CONS
    - Experts might not like it
    - Reduced opportunity for new insights

    View full-size slide

  89. Data as a creative material
    DATA STORY
    DESIGN
    Data Visualization requires
    a multi-disciplinary approach

    View full-size slide

  90. Data as a creative material
    And that makes it difficult to find an
    individual who is good at everything
    DATA STORY
    DESIGN

    View full-size slide

  91. Data as a creative material
    At FFunction,
    we started like this
    DATA STORY
    DESIGN

    View full-size slide

  92. Data as a creative material
    We realized rather quickly the importance
    of storytelling... any thus, even when doing
    an exploratory visualization
    DATA STORY
    DESIGN

    View full-size slide

  93. Data as a creative material
    You might start as specialists
    DATA STORY
    DESIGN

    View full-size slide

  94. Data as a creative material
    But quickly, everyone will have to learn
    about the others' fields of expertise
    DATA STORY
    DESIGN

    View full-size slide

  95. Data as a creative material

    View full-size slide

  96. Data as a creative material
    PART VI
    What's Next

    View full-size slide

  97. Data as a creative material
    #1
    Many devices,
    Many sizes
    Desktop, laptop, mobile phone,
    table and interactive screens... How
    do we create visualizations that
    work across this wide range of
    supports?

    View full-size slide

  98. Data as a creative material

    View full-size slide

  99. Data as a creative material
    #2
    How do I relate to the
    data, how does it relate
    to me?
    With some of the novelty wearing
    out, how do we make data
    interesting, and how to we adapt
    this data to the user?
    YOU
    DATA

    View full-size slide

  100. Data as a creative material

    View full-size slide

  101. Data as a creative material
    #3
    Quantified Self &
    Internet of Things Data
    The quantity of data available about
    us, individually, is going to increase
    significantly with the new breed of
    devices coming in. This not only
    raises design questions, but ethical
    questions as well.

    View full-size slide

  102. Data as a creative material

    View full-size slide

  103. Data as a creative material
    #4
    Data For Good
    With Open Data, citizens can get
    involved and use data to influence
    and change society. Data can now
    be use to solve problems... and
    maybe help expose corruption?

    View full-size slide

  104. Data as a creative material
    Burak Arikan, Networks of Dispossession
    http://istanbul-urban-research.blogspot.ca/2014/01/networks-of-dispossession.html

    View full-size slide

  105. Data as a creative material
    Thanks!
    Data As A
    Creative Material
    FFUNCTION
    @ffunction
    www.ffctn.com

    View full-size slide