SlideShare una empresa de 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

Más contenido relacionado

Destacado

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
 

Destacado (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
 

Similar 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
 

Similar 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

Último (20)

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
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
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
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...
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
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
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 

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 del 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