SlideShare uma empresa Scribd logo
1 de 16
Melbourne Trains
Author driven vs Viewer driven
Melbourne Taxis
Exploration and Engagement
The Data’s Journey
Tell a story that you can interact with
Our Process
                            Iteration




     Explore and analyse
                                             Develop detailed
         data. Define
                                                design and                  Develop and deploy
      requirements and
                                                visualisation                   visualisation
      conceptual design.
                                                prototypes.




                            Feedback




      Exploration                                Design                     Development
Gather and review data                  Create interactive prototypes   Develop select visualisation
Assess audience needs                   Design technical architecture   Implement server backend
Sketch conceptual designs               Design detailed interactions    Handover and training
Produce data profile
Author driven vs Viewer driven
  Martini Glass
                          Author driven, linear narrative initially
                          Opens up to viewer driven at end
                          Tell a story then exploration
                          e.g. Interactive news




  Interactive Slideshow
                          Balance of author and viewer driven
                          Exploration at each stage
                          Primarily linear narrative




  Drill Down Story
                          Viewer driven narrative
                          Initial high level overview
                          Viewer then drills into detail
                          e.g. Interactive map



                                                                      J. Heer
Not just the averages
Draw the viewer into the data
Form
                    Visual Encoding
Orientation   Line Length   Line Width     Size




Shape         Curvature     Enclosure      Motion




Colour                      Position
Intensity     Hue           2-D Position   Grouping




                                                      Ware
Gestalt Principles of Visual Perception
    Similarity   Similarity   Connection




    Continuity   Closure      Enclosure




    Proximity    Proximity    Proximity
Expanding Toolsets
“Real artists ship”

Don’t over reach
Focus on the story of the data
Use visual encoding wisely
Don’t make your viewer work too hard at the start
Introduction Workshop - Visualizing Marathon Data Visualisation

Mais conteúdo relacionado

Destaque

Thorton+vs+caldor
Thorton+vs+caldorThorton+vs+caldor
Thorton+vs+caldor
Henry Jin
 
Sintesis TiO2 melalui metoda sol gel dan pendoppingan
Sintesis TiO2 melalui metoda sol gel dan pendoppinganSintesis TiO2 melalui metoda sol gel dan pendoppingan
Sintesis TiO2 melalui metoda sol gel dan pendoppingan
Getstar Zsky
 
16h40 às 17h00 yiochi
16h40 às 17h00   yiochi16h40 às 17h00   yiochi
16h40 às 17h00 yiochi
Rakuten Brasil
 
Sourajit Aiyer - Financial Planning Standards Board Journal - Transition to F...
Sourajit Aiyer - Financial Planning Standards Board Journal - Transition to F...Sourajit Aiyer - Financial Planning Standards Board Journal - Transition to F...
Sourajit Aiyer - Financial Planning Standards Board Journal - Transition to F...
South Asia Fast Track
 
Politics Greek Contest presentation / March 2011
Politics Greek Contest presentation / March 2011Politics Greek Contest presentation / March 2011
Politics Greek Contest presentation / March 2011
Learn Politics
 
Format mingguan topik 7
Format mingguan topik 7Format mingguan topik 7
Format mingguan topik 7
Lavendar Craft
 
Horror genre presentation
Horror genre presentationHorror genre presentation
Horror genre presentation
jessiekeegan
 
Excel ii tip_tricks
Excel ii tip_tricksExcel ii tip_tricks
Excel ii tip_tricks
Hams Ari
 

Destaque (20)

Thorton+vs+caldor
Thorton+vs+caldorThorton+vs+caldor
Thorton+vs+caldor
 
Dpa
DpaDpa
Dpa
 
Sintesis TiO2 melalui metoda sol gel dan pendoppingan
Sintesis TiO2 melalui metoda sol gel dan pendoppinganSintesis TiO2 melalui metoda sol gel dan pendoppingan
Sintesis TiO2 melalui metoda sol gel dan pendoppingan
 
16h40 às 17h00 yiochi
16h40 às 17h00   yiochi16h40 às 17h00   yiochi
16h40 às 17h00 yiochi
 
Sourajit Aiyer - Financial Planning Standards Board Journal - Transition to F...
Sourajit Aiyer - Financial Planning Standards Board Journal - Transition to F...Sourajit Aiyer - Financial Planning Standards Board Journal - Transition to F...
Sourajit Aiyer - Financial Planning Standards Board Journal - Transition to F...
 
FORZA E CORAGGIO - COME TRASFORMARE UNA CRISI IN OPPORTUNITA'
FORZA E CORAGGIO - COME TRASFORMARE UNA CRISI IN OPPORTUNITA'FORZA E CORAGGIO - COME TRASFORMARE UNA CRISI IN OPPORTUNITA'
FORZA E CORAGGIO - COME TRASFORMARE UNA CRISI IN OPPORTUNITA'
 
IBM forms & advantages
IBM forms & advantagesIBM forms & advantages
IBM forms & advantages
 
8 Reasons Hearing Loss is More Dangerous Than You Think
8 Reasons Hearing Loss is More Dangerous Than You Think8 Reasons Hearing Loss is More Dangerous Than You Think
8 Reasons Hearing Loss is More Dangerous Than You Think
 
DOĞASI GİRİŞİM: ETKİNLİK YÖNETİMİ
DOĞASI GİRİŞİM: ETKİNLİK YÖNETİMİ DOĞASI GİRİŞİM: ETKİNLİK YÖNETİMİ
DOĞASI GİRİŞİM: ETKİNLİK YÖNETİMİ
 
Politics Greek Contest presentation / March 2011
Politics Greek Contest presentation / March 2011Politics Greek Contest presentation / March 2011
Politics Greek Contest presentation / March 2011
 
Introduction to Message-Oriented Middleware
Introduction to Message-Oriented MiddlewareIntroduction to Message-Oriented Middleware
Introduction to Message-Oriented Middleware
 
Horario tercer semestre alumnos
Horario tercer semestre  alumnos Horario tercer semestre  alumnos
Horario tercer semestre alumnos
 
2015 2016 elections in africa
2015 2016 elections in africa2015 2016 elections in africa
2015 2016 elections in africa
 
Mocadors amb puntes
Mocadors amb puntesMocadors amb puntes
Mocadors amb puntes
 
Format mingguan topik 7
Format mingguan topik 7Format mingguan topik 7
Format mingguan topik 7
 
Horror genre presentation
Horror genre presentationHorror genre presentation
Horror genre presentation
 
Farsund digitalworkshop
Farsund digitalworkshopFarsund digitalworkshop
Farsund digitalworkshop
 
Excel ii tip_tricks
Excel ii tip_tricksExcel ii tip_tricks
Excel ii tip_tricks
 
Sourajit Aiyer - South Asian Federation of Exchanges, Pakistan - Triggers Tha...
Sourajit Aiyer - South Asian Federation of Exchanges, Pakistan - Triggers Tha...Sourajit Aiyer - South Asian Federation of Exchanges, Pakistan - Triggers Tha...
Sourajit Aiyer - South Asian Federation of Exchanges, Pakistan - Triggers Tha...
 
Everithing Marine
Everithing MarineEverithing Marine
Everithing Marine
 

Semelhante a Introduction Workshop - Visualizing Marathon Data Visualisation

User Centered Mobile Web Design
User Centered Mobile Web DesignUser Centered Mobile Web Design
User Centered Mobile Web Design
Yvette Shen
 
Infographics & Data Visualisation
Infographics & Data VisualisationInfographics & Data Visualisation
Infographics & Data Visualisation
trisnadi
 

Semelhante a Introduction Workshop - Visualizing Marathon Data Visualisation (20)

Prototypes, Prototypes, Prototypes
Prototypes, Prototypes, PrototypesPrototypes, Prototypes, Prototypes
Prototypes, Prototypes, Prototypes
 
Activity-Based Serendipitous Recommendations with the Magitti Mobile Leisure ...
Activity-Based Serendipitous Recommendations with the Magitti Mobile Leisure ...Activity-Based Serendipitous Recommendations with the Magitti Mobile Leisure ...
Activity-Based Serendipitous Recommendations with the Magitti Mobile Leisure ...
 
SVA Workshop - Fall 121011
SVA Workshop - Fall 121011SVA Workshop - Fall 121011
SVA Workshop - Fall 121011
 
Activity
ActivityActivity
Activity
 
Mining Social Graph Data
Mining Social Graph DataMining Social Graph Data
Mining Social Graph Data
 
User Centered Mobile Web Design
User Centered Mobile Web DesignUser Centered Mobile Web Design
User Centered Mobile Web Design
 
Visualising the user experience
Visualising the user experience Visualising the user experience
Visualising the user experience
 
SVA Workshop 021112
SVA Workshop 021112SVA Workshop 021112
SVA Workshop 021112
 
Vanderbeeken_EXPERIENTIA
Vanderbeeken_EXPERIENTIAVanderbeeken_EXPERIENTIA
Vanderbeeken_EXPERIENTIA
 
Introduction to Information Architecture and Design - SVA Workshop 03/23/13
Introduction to Information Architecture and Design - SVA Workshop 03/23/13Introduction to Information Architecture and Design - SVA Workshop 03/23/13
Introduction to Information Architecture and Design - SVA Workshop 03/23/13
 
Narrative visualization
Narrative visualizationNarrative visualization
Narrative visualization
 
SVA Workshop 032512
SVA Workshop 032512SVA Workshop 032512
SVA Workshop 032512
 
Introduction to Information Architecture and Design - SVA Workshop 021613
Introduction to Information Architecture and Design - SVA Workshop 021613Introduction to Information Architecture and Design - SVA Workshop 021613
Introduction to Information Architecture and Design - SVA Workshop 021613
 
Introduction to Information Architecture and Design - SVA Workshop 120812
Introduction to Information Architecture and Design - SVA Workshop 120812Introduction to Information Architecture and Design - SVA Workshop 120812
Introduction to Information Architecture and Design - SVA Workshop 120812
 
2013 Professional Portfolio
2013 Professional Portfolio2013 Professional Portfolio
2013 Professional Portfolio
 
Infographics & Data Visualisation
Infographics & Data VisualisationInfographics & Data Visualisation
Infographics & Data Visualisation
 
Caleb Brown - Current Résumé
Caleb Brown - Current RésuméCaleb Brown - Current Résumé
Caleb Brown - Current Résumé
 
Introduction to Information Architecture and Design - SVA Workshop 0712
Introduction to Information Architecture and Design - SVA Workshop 0712Introduction to Information Architecture and Design - SVA Workshop 0712
Introduction to Information Architecture and Design - SVA Workshop 0712
 
Introduction to Information Architecture and Design - SVA Workshop 0929
Introduction to Information Architecture and Design - SVA Workshop 0929Introduction to Information Architecture and Design - SVA Workshop 0929
Introduction to Information Architecture and Design - SVA Workshop 0929
 
Information visualisation
Information visualisationInformation visualisation
Information visualisation
 

Último

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Último (20)

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 

Introduction Workshop - Visualizing Marathon Data Visualisation

  • 1.
  • 3. Author driven vs Viewer driven
  • 7. Tell a story that you can interact with
  • 8. Our Process Iteration Explore and analyse Develop detailed data. Define design and Develop and deploy requirements and visualisation visualisation conceptual design. prototypes. Feedback Exploration Design Development Gather and review data Create interactive prototypes Develop select visualisation Assess audience needs Design technical architecture Implement server backend Sketch conceptual designs Design detailed interactions Handover and training Produce data profile
  • 9. Author driven vs Viewer driven Martini Glass Author driven, linear narrative initially Opens up to viewer driven at end Tell a story then exploration e.g. Interactive news Interactive Slideshow Balance of author and viewer driven Exploration at each stage Primarily linear narrative Drill Down Story Viewer driven narrative Initial high level overview Viewer then drills into detail e.g. Interactive map J. Heer
  • 10. Not just the averages
  • 11. Draw the viewer into the data
  • 12. Form Visual Encoding Orientation Line Length Line Width Size Shape Curvature Enclosure Motion Colour Position Intensity Hue 2-D Position Grouping Ware
  • 13. Gestalt Principles of Visual Perception Similarity Similarity Connection Continuity Closure Enclosure Proximity Proximity Proximity
  • 15. “Real artists ship” Don’t over reach Focus on the story of the data Use visual encoding wisely Don’t make your viewer work too hard at the start

Notas do Editor

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n