SlideShare a Scribd company logo
1 of 66
The 8 Hats of
Data Visualisation Design



       Andy Kirk
The popular emergence of
    data visualisation
What is data visualisation?

     The representation and
presentation of data that exploits
 our visual perception abilities in
    order to amplify cognition
Popularity
          Google Insights: Keyword Infographic




http://www.google.com/insights/search/#q=%22Big%20Data%22%2CInfographics&date=6%2F2007%2058m&cmpt=q
#1: Data
Periscopic: Yahoo! C.O.R.E Data Visualization (2012)




           http://www.flickr.com/photos/visualizeyahoo/sets/72157629000570607/
#2: Technology
The „eyeo‟ Festival (2011-2012)




          http://eyeofestival.com/
#3: Exposure
Hans Rosling: TEDTalks “Myths about the developing world“ (2006)




               http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html
What’s Missing?

    The skills required for most
 effectively displaying information
are not intuitive and rely largely on
 principles that must be learned.

       Stephen Few, „Show Me the Numbers‟
Art & Science
What’s Missing?


Doing data visualisation well is
 less a technology problem,
   more a people problem.
   Paraphrasing Aron Pilhofer, New York Times
http://images.wikia.com/marvel_dc/images/9/93/Adventures_of_Superman_424.jpg | http://www.adobenido.com/blog/wp-content/uploads/2012/01/wonder_woman.jpg
So, why the ‘8 hats of data
  visualisation design’?
Edward de Bono‟s 6 Thinking Hats




          http://www.debonogroup.com/six_thinking_hats.php
Mr Benn, a man wearing a black suit and bowler hat, leaves his house at 52
Festive Road and visits a fancy-dress costume shop where he is invited by the
moustachioed, fez-wearing shopkeeper to try on a particular outfit. He leaves
the shop through a magic door at the back of the changing room and enters a
world appropriate to his costume, where he has an adventure (which usually
contains a moral) before the shopkeeper reappears to lead him back to the
changing room, and the story comes to an end. Mr Benn returns to his normal
life, but is left with a small souvenir of his magical adventure.

            http://realtimeshortstories.files.wordpress.com/2011/10/mr_benn.jpg | http://www.youtube.com/watch?v=FMSJNrzQ3PM
Initiator
Data Scientist
Journalist
Computer Scientist
Designer
Cognitive Scientist
Communicator
Project Manager
Design Process




Mindsets
 /Roles
Initiator
Initiator




            http://www.ratestogo.com/blog/wp-content/uploads/2009/01/thinker.jpg
Initiator
 The „leader‟ – seeks a solution
 Person with problem/curiosity/ opportunity
 Appetite to explore, find answers
 Researcher mindset, seek evidence
 Creates the analytical direction
 Sets the tone of the project
 Identifies and sets parameters
Initiator
 Brief: Open, strict, helpful, unhelpful
 Format: Static, interactive, video
 Audience size: One, group, www
 Audience type: Domain experts, general
 Resolution: High level, detail, exploratory
Initiator
Initiator




     From “Information Dashboard Design” and http://centerview.corda.com/corda/dashboards/examples/sales/main.dashxm l
Initiator




            http://www.npr.org/2011/10/31/141816460/visualizing-how-a-population-grows-to-7-billion
Initiator




            http://oecdbetterlifeindex.org/countries/united-kingdom/
Initiator




            http://hci.stanford.edu/jheer/files/zoo/
Initiator




            http://www.chrisjordan.com/gallery/rtn2/#gyre2
Data Scientist
Data Scientist
 The „data miner‟ – acquires the data
 Addresses the data for quality
 Prepares the data for its purpose
 Enhances and consolidate the data
 Strong statistical knowledge
 Undertakes initial descriptive analysis
 Undertakes exploratory visual analysis
Journalist
Journalist
 The „storyteller‟ – establishes narrative
 Formulates the questions
 Finds the stories/key angles
 Deeper researcher mindset
 Validates the analytical enquiry
 Gets answers
Journalist

     What questions or curiosities
      are you hoping to answer
      through this visualisation?

 What stories should users/readers be
 able to derive from this visualisation?
Journalist


    Good content reasoners
    and presenters are rare,
      designers are not.
                          Edward Tufte



         http://adage.com/article/adagestat/edward-tufte-adagestat-q-a/230884/
Computer Scientist
Computer Scientist




      http://collider.com/wp-content/uploads/WarGames-Sheedy-and-Broderick-on-computer.jpg
Computer Scientist
 The „executor‟ – brings the project alive
 Has the critical technical capability
 Acquires, handles and analyses data
 Technical illustration skills
 Technical programming skills
Computer Scientist




         http://www.visualisingdata.com/index.php/resources/
Designer
Designer




           http://degaryan.blogspot.com/2011/03/introduction.html
Designer
 The „creative‟ – conceives the solution
 Understands the message
 Understands the possibilities
 Explores and pursues different options
 Rationalises and reasons design options
 Balances form and function
Designer
 The data visualisation anatomy…
 Data representation layer
 Colour and background layer
 Animation and interaction layer
 Layout, placement and apparatus layer
 The annotation layer
Designer
      Length                                        Volume
                                 Size
    Area          Texture                 Colour            Label
                              Direction
      Saturation                                        Position
                              Slope
 Height        Angle                      Radius/Diameter
                               Speed
           Curvature/Arc                            Shape
                                      Orientation
     Transparency
                            Luminance                   Glyph
           Flow                                Motion
                       Blur/Focus
Designer
Cognitive Scientist
Cognitive Scientist
 The „thinker‟ – visual perception
 Knows how the eye and brain work
 Understands principles like „Gestalt Laws‟
 Colour theories, HCI
 Memory, attention, decision making
Cognitive Scientist




       Images from http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htm
Cognitive Scientist




 Visible pixels on left graph: blue = 82% pink =18%

 Visible pixels on right graph: blue = 91% pink = 9%

       Office for National Statistics: Presentation by Alan Smith, “The Curious Incident of Kevins in Zurich…and other stories”
Cognitive Scientist




             http://colorbrewer2.org/
Communicator
Communicator
 The „negotiator‟ – needs a hard hat
 Acts at the client-designer gateway
 Manage expectations
 Present possibilities
 Launch and publicise
Project Manager
Project Manager




        http://www.bat-mania.co.uk/main/heroes/images/alfred_batphone.JPG
Project Manager
 The „manager‟ – looks after the project
 Manages the progress, cohesively
 Understands brief
 Understands capabilities
 Finishes, checks, attention to detail
 Concerned with visualisation/stats ethics
 Identifies and sets parameters
Project Manager
 Pressures: Timescales, editorial
 Rules: Structure, layout, style, colour
 Capability: Design, technical, technology
 People: Individual, team, collaboration
Project Manager




          http://v2.centralstory.com/about/squiggle/
Purpose &     Prepare &     Formulate     Design     Construct &
               parameters   explore data   questions   concepting     launch

   Initiator

   Data
  Scientist

  Journalist

 Computer
 Scientist

  Designer

  Cognitive
  Scientist

Communicator

  Project
  Manager
Purpose &     Prepare &     Formulate     Design     Construct &
               parameters   explore data   questions   concepting     launch

  Initiator




Communicator

  Project
  Manager
Purpose &     Prepare &     Formulate     Design     Construct &
             parameters   explore data   questions   concepting     launch

 Initiator

 Data
Scientist




Computer
Scientist




Project
Manager
Purpose &     Prepare &     Formulate     Design     Construct &
               parameters   explore data   questions   concepting     launch

   Initiator

   Data
  Scientist

  Journalist




Communicator

  Project
  Manager
Purpose &     Prepare &     Formulate     Design     Construct &
            parameters   explore data   questions   concepting     launch




Computer
Scientist

Designer

Cognitive
Scientist




Project
Manager
Purpose &     Prepare &     Formulate     Design     Construct &
               parameters   explore data   questions   concepting     launch




 Computer
 Scientist

  Designer

  Cognitive
  Scientist

Communicator

  Project
  Manager
Initiator
Data Scientist
Journalist
Computer Scientist
Designer
Cognitive Scientist
Communicator
Project Manager
http://images.wikia.com/marvel_dc/images/9/93/Adventures_of_Superman_424.jpg | http://www.adobenido.com/blog/wp-content/uploads/2012/01/wonder_woman.jpg
The 8 Hats of
Data Visualisation Design



       Andy Kirk
Thank you!

More Related Content

What's hot

Data Visualization Project Presentation
Data Visualization Project PresentationData Visualization Project Presentation
Data Visualization Project PresentationShubham Shrivastava
 
Introduction To Data Science
Introduction To Data ScienceIntroduction To Data Science
Introduction To Data ScienceSpotle.ai
 
Xr: L'informatique Immersive: Enjeux pour les entreprises
Xr: L'informatique Immersive: Enjeux pour les entreprisesXr: L'informatique Immersive: Enjeux pour les entreprises
Xr: L'informatique Immersive: Enjeux pour les entreprisesdbo design
 
AUGMENTED REALITY Documentation
AUGMENTED REALITY DocumentationAUGMENTED REALITY Documentation
AUGMENTED REALITY DocumentationVenu Gopal
 
The Future Of Data Visualization
The Future Of Data VisualizationThe Future Of Data Visualization
The Future Of Data VisualizationFITC
 
Practical Artificial Intelligence for Dummies
Practical Artificial Intelligence for Dummies Practical Artificial Intelligence for Dummies
Practical Artificial Intelligence for Dummies VIJAY MUTHU
 
Project sentiment analysis
Project sentiment analysisProject sentiment analysis
Project sentiment analysisBob Prieto
 
The Mobile Future of Extended Reality
The Mobile Future of Extended RealityThe Mobile Future of Extended Reality
The Mobile Future of Extended RealityQualcomm Research
 
Wired_Rabobank_27062023.pptx
Wired_Rabobank_27062023.pptxWired_Rabobank_27062023.pptx
Wired_Rabobank_27062023.pptxSimonedeGijt
 
Extended Reality (XR): The End of Distance @ SXSW
Extended Reality (XR): The End of Distance @ SXSWExtended Reality (XR): The End of Distance @ SXSW
Extended Reality (XR): The End of Distance @ SXSWRori DuBoff
 
Augmented Reality - General conclusions and recommendations
Augmented Reality - General conclusions and recommendationsAugmented Reality - General conclusions and recommendations
Augmented Reality - General conclusions and recommendationsbanholzer76
 
Virtual Reality Systems and Applications
Virtual Reality Systems and ApplicationsVirtual Reality Systems and Applications
Virtual Reality Systems and ApplicationsRahul Amabadkar
 
Data Visualization in Data Science
Data Visualization in Data ScienceData Visualization in Data Science
Data Visualization in Data ScienceMaloy Manna, PMP®
 
AI Everywhere: How Microsoft is Democratizing AI
AI Everywhere: How Microsoft is Democratizing AIAI Everywhere: How Microsoft is Democratizing AI
AI Everywhere: How Microsoft is Democratizing AIPaul Prae
 
Python for Big Data Analytics
Python for Big Data AnalyticsPython for Big Data Analytics
Python for Big Data AnalyticsEdureka!
 
Metaverse and virtual reality.pptx
Metaverse and virtual reality.pptxMetaverse and virtual reality.pptx
Metaverse and virtual reality.pptxHITESHDAHIYA20
 

What's hot (20)

METAVERSE .pptx
METAVERSE .pptxMETAVERSE .pptx
METAVERSE .pptx
 
Data Visualization Project Presentation
Data Visualization Project PresentationData Visualization Project Presentation
Data Visualization Project Presentation
 
Introduction To Data Science
Introduction To Data ScienceIntroduction To Data Science
Introduction To Data Science
 
Xr: L'informatique Immersive: Enjeux pour les entreprises
Xr: L'informatique Immersive: Enjeux pour les entreprisesXr: L'informatique Immersive: Enjeux pour les entreprises
Xr: L'informatique Immersive: Enjeux pour les entreprises
 
AUGMENTED REALITY Documentation
AUGMENTED REALITY DocumentationAUGMENTED REALITY Documentation
AUGMENTED REALITY Documentation
 
The Future Of Data Visualization
The Future Of Data VisualizationThe Future Of Data Visualization
The Future Of Data Visualization
 
Practical Artificial Intelligence for Dummies
Practical Artificial Intelligence for Dummies Practical Artificial Intelligence for Dummies
Practical Artificial Intelligence for Dummies
 
Project sentiment analysis
Project sentiment analysisProject sentiment analysis
Project sentiment analysis
 
Data Visualization with Tableau - by Knowledgebee Trainings
Data Visualization with Tableau - by Knowledgebee TrainingsData Visualization with Tableau - by Knowledgebee Trainings
Data Visualization with Tableau - by Knowledgebee Trainings
 
The Mobile Future of Extended Reality
The Mobile Future of Extended RealityThe Mobile Future of Extended Reality
The Mobile Future of Extended Reality
 
Wired_Rabobank_27062023.pptx
Wired_Rabobank_27062023.pptxWired_Rabobank_27062023.pptx
Wired_Rabobank_27062023.pptx
 
Extended Reality (XR): The End of Distance @ SXSW
Extended Reality (XR): The End of Distance @ SXSWExtended Reality (XR): The End of Distance @ SXSW
Extended Reality (XR): The End of Distance @ SXSW
 
Ai ppt
Ai pptAi ppt
Ai ppt
 
Augmented Reality - General conclusions and recommendations
Augmented Reality - General conclusions and recommendationsAugmented Reality - General conclusions and recommendations
Augmented Reality - General conclusions and recommendations
 
Data Engineering Basics
Data Engineering BasicsData Engineering Basics
Data Engineering Basics
 
Virtual Reality Systems and Applications
Virtual Reality Systems and ApplicationsVirtual Reality Systems and Applications
Virtual Reality Systems and Applications
 
Data Visualization in Data Science
Data Visualization in Data ScienceData Visualization in Data Science
Data Visualization in Data Science
 
AI Everywhere: How Microsoft is Democratizing AI
AI Everywhere: How Microsoft is Democratizing AIAI Everywhere: How Microsoft is Democratizing AI
AI Everywhere: How Microsoft is Democratizing AI
 
Python for Big Data Analytics
Python for Big Data AnalyticsPython for Big Data Analytics
Python for Big Data Analytics
 
Metaverse and virtual reality.pptx
Metaverse and virtual reality.pptxMetaverse and virtual reality.pptx
Metaverse and virtual reality.pptx
 

Similar to The 8 Hats of Data Visualisation

An approach for data visualisation
An approach for data visualisation An approach for data visualisation
An approach for data visualisation Tridant
 
Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypestec
 
Fresh Thinking on Communicating with Data
Fresh Thinking on Communicating with DataFresh Thinking on Communicating with Data
Fresh Thinking on Communicating with DataAndy Kirk
 
Data Science Highlights
Data Science Highlights Data Science Highlights
Data Science Highlights Joe Lamantia
 
Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...
Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...
Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...Garrett Teoh Hor Keong
 
Collaboration between design and engineering
Collaboration between design and engineeringCollaboration between design and engineering
Collaboration between design and engineering吉閔 鄭
 
The Professional Design Process
The Professional Design ProcessThe Professional Design Process
The Professional Design Processugencarelle
 
Explore Data: Data Science + Visualization
Explore Data: Data Science + VisualizationExplore Data: Data Science + Visualization
Explore Data: Data Science + VisualizationRoelof Pieters
 
Kick start graph visualization projects
Kick start graph visualization projectsKick start graph visualization projects
Kick start graph visualization projectsLinkurious
 
Structured Data Presentation
Structured Data PresentationStructured Data Presentation
Structured Data PresentationShawn Day
 
Andy Kirk's Webinar for Tableau (July 2016)
Andy Kirk's Webinar for Tableau (July 2016)Andy Kirk's Webinar for Tableau (July 2016)
Andy Kirk's Webinar for Tableau (July 2016)Andy Kirk
 
How to Build Data Science Teams
How to Build Data Science TeamsHow to Build Data Science Teams
How to Build Data Science TeamsGanes Kesari
 
Content is king - Designing a Citizen-Centred Local Government Website
Content is king - Designing a Citizen-Centred Local Government WebsiteContent is king - Designing a Citizen-Centred Local Government Website
Content is king - Designing a Citizen-Centred Local Government WebsiteDaniel Alb
 
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11EffectiveUI
 
MindCanvas- Reimagine what online user research can be
MindCanvas- Reimagine what online user research can beMindCanvas- Reimagine what online user research can be
MindCanvas- Reimagine what online user research can beAmit Ranjan
 
Prototyping Physical & Immersive Environments for UX Designers
Prototyping Physical & Immersive Environments for UX DesignersPrototyping Physical & Immersive Environments for UX Designers
Prototyping Physical & Immersive Environments for UX DesignersSusan Oldham
 
BarCampBangalore presentation on MindCanvas
BarCampBangalore presentation on MindCanvasBarCampBangalore presentation on MindCanvas
BarCampBangalore presentation on MindCanvasAmit Ranjan
 
Rich User Experience Documentation - Update
Rich User Experience Documentation - UpdateRich User Experience Documentation - Update
Rich User Experience Documentation - UpdateJohn Yesko
 
Effective Software Development in the 21st Century
Effective Software Development in the 21st CenturyEffective Software Development in the 21st Century
Effective Software Development in the 21st CenturyAgileee
 
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdfvisualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdfdimce3
 

Similar to The 8 Hats of Data Visualisation (20)

An approach for data visualisation
An approach for data visualisation An approach for data visualisation
An approach for data visualisation
 
Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypes
 
Fresh Thinking on Communicating with Data
Fresh Thinking on Communicating with DataFresh Thinking on Communicating with Data
Fresh Thinking on Communicating with Data
 
Data Science Highlights
Data Science Highlights Data Science Highlights
Data Science Highlights
 
Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...
Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...
Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...
 
Collaboration between design and engineering
Collaboration between design and engineeringCollaboration between design and engineering
Collaboration between design and engineering
 
The Professional Design Process
The Professional Design ProcessThe Professional Design Process
The Professional Design Process
 
Explore Data: Data Science + Visualization
Explore Data: Data Science + VisualizationExplore Data: Data Science + Visualization
Explore Data: Data Science + Visualization
 
Kick start graph visualization projects
Kick start graph visualization projectsKick start graph visualization projects
Kick start graph visualization projects
 
Structured Data Presentation
Structured Data PresentationStructured Data Presentation
Structured Data Presentation
 
Andy Kirk's Webinar for Tableau (July 2016)
Andy Kirk's Webinar for Tableau (July 2016)Andy Kirk's Webinar for Tableau (July 2016)
Andy Kirk's Webinar for Tableau (July 2016)
 
How to Build Data Science Teams
How to Build Data Science TeamsHow to Build Data Science Teams
How to Build Data Science Teams
 
Content is king - Designing a Citizen-Centred Local Government Website
Content is king - Designing a Citizen-Centred Local Government WebsiteContent is king - Designing a Citizen-Centred Local Government Website
Content is king - Designing a Citizen-Centred Local Government Website
 
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
 
MindCanvas- Reimagine what online user research can be
MindCanvas- Reimagine what online user research can beMindCanvas- Reimagine what online user research can be
MindCanvas- Reimagine what online user research can be
 
Prototyping Physical & Immersive Environments for UX Designers
Prototyping Physical & Immersive Environments for UX DesignersPrototyping Physical & Immersive Environments for UX Designers
Prototyping Physical & Immersive Environments for UX Designers
 
BarCampBangalore presentation on MindCanvas
BarCampBangalore presentation on MindCanvasBarCampBangalore presentation on MindCanvas
BarCampBangalore presentation on MindCanvas
 
Rich User Experience Documentation - Update
Rich User Experience Documentation - UpdateRich User Experience Documentation - Update
Rich User Experience Documentation - Update
 
Effective Software Development in the 21st Century
Effective Software Development in the 21st CenturyEffective Software Development in the 21st Century
Effective Software Development in the 21st Century
 
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdfvisualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
 

More from Andy Kirk

The State of the Union 2019+, by Andy Kirk
The State of the Union 2019+, by Andy KirkThe State of the Union 2019+, by Andy Kirk
The State of the Union 2019+, by Andy KirkAndy Kirk
 
The Design of Time (2019), by Andy Kirk
The Design of Time (2019), by Andy KirkThe Design of Time (2019), by Andy Kirk
The Design of Time (2019), by Andy KirkAndy Kirk
 
Data Visualisation: A Game of Decisions
Data Visualisation: A Game of DecisionsData Visualisation: A Game of Decisions
Data Visualisation: A Game of DecisionsAndy Kirk
 
The Design of Nothing (2017)
The Design of Nothing (2017)The Design of Nothing (2017)
The Design of Nothing (2017)Andy Kirk
 
The Seven Hats of Visualisation Design: A 2017 Reboot
The Seven Hats of Visualisation Design: A 2017 RebootThe Seven Hats of Visualisation Design: A 2017 Reboot
The Seven Hats of Visualisation Design: A 2017 RebootAndy Kirk
 
The Good, The Bad and The Greys of Data Visualisation Design
The Good, The Bad and The Greys of Data Visualisation DesignThe Good, The Bad and The Greys of Data Visualisation Design
The Good, The Bad and The Greys of Data Visualisation DesignAndy Kirk
 
Separating Myth from Truth in Data Visualisation
Separating Myth from Truth in Data VisualisationSeparating Myth from Truth in Data Visualisation
Separating Myth from Truth in Data VisualisationAndy Kirk
 
Andy Kirk's Talk at the Information Plus Conference 2016
Andy Kirk's Talk at the Information Plus Conference 2016Andy Kirk's Talk at the Information Plus Conference 2016
Andy Kirk's Talk at the Information Plus Conference 2016Andy Kirk
 
Data Visualisation Literacy - Learning to See
Data Visualisation Literacy - Learning to SeeData Visualisation Literacy - Learning to See
Data Visualisation Literacy - Learning to SeeAndy Kirk
 
Andy Kirk's talk at the ACEhp 2015 Conference
Andy Kirk's talk at the ACEhp 2015 ConferenceAndy Kirk's talk at the ACEhp 2015 Conference
Andy Kirk's talk at the ACEhp 2015 ConferenceAndy Kirk
 
The Design of Time
The Design of TimeThe Design of Time
The Design of TimeAndy Kirk
 
Let's do some thinking about data visualisation thinking
Let's do some thinking about data visualisation thinkingLet's do some thinking about data visualisation thinking
Let's do some thinking about data visualisation thinkingAndy Kirk
 
The Design of Nothing
The Design of NothingThe Design of Nothing
The Design of NothingAndy Kirk
 
Data Visualisation and Infographic Design: 'State of the Union'
Data Visualisation and Infographic Design: 'State of the Union'Data Visualisation and Infographic Design: 'State of the Union'
Data Visualisation and Infographic Design: 'State of the Union'Andy Kirk
 
Andy kirk NYC Data Visualization Meetup
Andy kirk NYC Data Visualization MeetupAndy kirk NYC Data Visualization Meetup
Andy kirk NYC Data Visualization MeetupAndy Kirk
 
Andy Kirk's Facebook Talk
Andy Kirk's Facebook TalkAndy Kirk's Facebook Talk
Andy Kirk's Facebook TalkAndy Kirk
 
Andy Kirk talk at Big Data World Europe, September 2012
Andy Kirk talk at Big Data World Europe, September 2012Andy Kirk talk at Big Data World Europe, September 2012
Andy Kirk talk at Big Data World Europe, September 2012Andy Kirk
 
Andy Kirk Malofiej 20 Presentation
Andy Kirk Malofiej 20 PresentationAndy Kirk Malofiej 20 Presentation
Andy Kirk Malofiej 20 PresentationAndy Kirk
 
Andy Kirk Viz Marathon London 2011
Andy Kirk Viz Marathon London 2011Andy Kirk Viz Marathon London 2011
Andy Kirk Viz Marathon London 2011Andy Kirk
 

More from Andy Kirk (19)

The State of the Union 2019+, by Andy Kirk
The State of the Union 2019+, by Andy KirkThe State of the Union 2019+, by Andy Kirk
The State of the Union 2019+, by Andy Kirk
 
The Design of Time (2019), by Andy Kirk
The Design of Time (2019), by Andy KirkThe Design of Time (2019), by Andy Kirk
The Design of Time (2019), by Andy Kirk
 
Data Visualisation: A Game of Decisions
Data Visualisation: A Game of DecisionsData Visualisation: A Game of Decisions
Data Visualisation: A Game of Decisions
 
The Design of Nothing (2017)
The Design of Nothing (2017)The Design of Nothing (2017)
The Design of Nothing (2017)
 
The Seven Hats of Visualisation Design: A 2017 Reboot
The Seven Hats of Visualisation Design: A 2017 RebootThe Seven Hats of Visualisation Design: A 2017 Reboot
The Seven Hats of Visualisation Design: A 2017 Reboot
 
The Good, The Bad and The Greys of Data Visualisation Design
The Good, The Bad and The Greys of Data Visualisation DesignThe Good, The Bad and The Greys of Data Visualisation Design
The Good, The Bad and The Greys of Data Visualisation Design
 
Separating Myth from Truth in Data Visualisation
Separating Myth from Truth in Data VisualisationSeparating Myth from Truth in Data Visualisation
Separating Myth from Truth in Data Visualisation
 
Andy Kirk's Talk at the Information Plus Conference 2016
Andy Kirk's Talk at the Information Plus Conference 2016Andy Kirk's Talk at the Information Plus Conference 2016
Andy Kirk's Talk at the Information Plus Conference 2016
 
Data Visualisation Literacy - Learning to See
Data Visualisation Literacy - Learning to SeeData Visualisation Literacy - Learning to See
Data Visualisation Literacy - Learning to See
 
Andy Kirk's talk at the ACEhp 2015 Conference
Andy Kirk's talk at the ACEhp 2015 ConferenceAndy Kirk's talk at the ACEhp 2015 Conference
Andy Kirk's talk at the ACEhp 2015 Conference
 
The Design of Time
The Design of TimeThe Design of Time
The Design of Time
 
Let's do some thinking about data visualisation thinking
Let's do some thinking about data visualisation thinkingLet's do some thinking about data visualisation thinking
Let's do some thinking about data visualisation thinking
 
The Design of Nothing
The Design of NothingThe Design of Nothing
The Design of Nothing
 
Data Visualisation and Infographic Design: 'State of the Union'
Data Visualisation and Infographic Design: 'State of the Union'Data Visualisation and Infographic Design: 'State of the Union'
Data Visualisation and Infographic Design: 'State of the Union'
 
Andy kirk NYC Data Visualization Meetup
Andy kirk NYC Data Visualization MeetupAndy kirk NYC Data Visualization Meetup
Andy kirk NYC Data Visualization Meetup
 
Andy Kirk's Facebook Talk
Andy Kirk's Facebook TalkAndy Kirk's Facebook Talk
Andy Kirk's Facebook Talk
 
Andy Kirk talk at Big Data World Europe, September 2012
Andy Kirk talk at Big Data World Europe, September 2012Andy Kirk talk at Big Data World Europe, September 2012
Andy Kirk talk at Big Data World Europe, September 2012
 
Andy Kirk Malofiej 20 Presentation
Andy Kirk Malofiej 20 PresentationAndy Kirk Malofiej 20 Presentation
Andy Kirk Malofiej 20 Presentation
 
Andy Kirk Viz Marathon London 2011
Andy Kirk Viz Marathon London 2011Andy Kirk Viz Marathon London 2011
Andy Kirk Viz Marathon London 2011
 

Recently uploaded

怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 

Recently uploaded (20)

怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 

The 8 Hats of Data Visualisation

  • 1. The 8 Hats of Data Visualisation Design Andy Kirk
  • 2.
  • 3. The popular emergence of data visualisation
  • 4. What is data visualisation? The representation and presentation of data that exploits our visual perception abilities in order to amplify cognition
  • 5.
  • 6. Popularity Google Insights: Keyword Infographic http://www.google.com/insights/search/#q=%22Big%20Data%22%2CInfographics&date=6%2F2007%2058m&cmpt=q
  • 7. #1: Data Periscopic: Yahoo! C.O.R.E Data Visualization (2012) http://www.flickr.com/photos/visualizeyahoo/sets/72157629000570607/
  • 8. #2: Technology The „eyeo‟ Festival (2011-2012) http://eyeofestival.com/
  • 9. #3: Exposure Hans Rosling: TEDTalks “Myths about the developing world“ (2006) http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html
  • 10. What’s Missing? The skills required for most effectively displaying information are not intuitive and rely largely on principles that must be learned. Stephen Few, „Show Me the Numbers‟
  • 12. What’s Missing? Doing data visualisation well is less a technology problem, more a people problem. Paraphrasing Aron Pilhofer, New York Times
  • 14. So, why the ‘8 hats of data visualisation design’?
  • 15. Edward de Bono‟s 6 Thinking Hats http://www.debonogroup.com/six_thinking_hats.php
  • 16. Mr Benn, a man wearing a black suit and bowler hat, leaves his house at 52 Festive Road and visits a fancy-dress costume shop where he is invited by the moustachioed, fez-wearing shopkeeper to try on a particular outfit. He leaves the shop through a magic door at the back of the changing room and enters a world appropriate to his costume, where he has an adventure (which usually contains a moral) before the shopkeeper reappears to lead him back to the changing room, and the story comes to an end. Mr Benn returns to his normal life, but is left with a small souvenir of his magical adventure. http://realtimeshortstories.files.wordpress.com/2011/10/mr_benn.jpg | http://www.youtube.com/watch?v=FMSJNrzQ3PM
  • 20. Initiator http://www.ratestogo.com/blog/wp-content/uploads/2009/01/thinker.jpg
  • 21. Initiator The „leader‟ – seeks a solution Person with problem/curiosity/ opportunity Appetite to explore, find answers Researcher mindset, seek evidence Creates the analytical direction Sets the tone of the project Identifies and sets parameters
  • 22. Initiator Brief: Open, strict, helpful, unhelpful Format: Static, interactive, video Audience size: One, group, www Audience type: Domain experts, general Resolution: High level, detail, exploratory
  • 24. Initiator From “Information Dashboard Design” and http://centerview.corda.com/corda/dashboards/examples/sales/main.dashxm l
  • 25. Initiator http://www.npr.org/2011/10/31/141816460/visualizing-how-a-population-grows-to-7-billion
  • 26. Initiator http://oecdbetterlifeindex.org/countries/united-kingdom/
  • 27. Initiator http://hci.stanford.edu/jheer/files/zoo/
  • 28. Initiator http://www.chrisjordan.com/gallery/rtn2/#gyre2
  • 30. Data Scientist The „data miner‟ – acquires the data Addresses the data for quality Prepares the data for its purpose Enhances and consolidate the data Strong statistical knowledge Undertakes initial descriptive analysis Undertakes exploratory visual analysis
  • 32. Journalist The „storyteller‟ – establishes narrative Formulates the questions Finds the stories/key angles Deeper researcher mindset Validates the analytical enquiry Gets answers
  • 33. Journalist What questions or curiosities are you hoping to answer through this visualisation? What stories should users/readers be able to derive from this visualisation?
  • 34. Journalist Good content reasoners and presenters are rare, designers are not. Edward Tufte http://adage.com/article/adagestat/edward-tufte-adagestat-q-a/230884/
  • 36. Computer Scientist http://collider.com/wp-content/uploads/WarGames-Sheedy-and-Broderick-on-computer.jpg
  • 37. Computer Scientist The „executor‟ – brings the project alive Has the critical technical capability Acquires, handles and analyses data Technical illustration skills Technical programming skills
  • 38. Computer Scientist http://www.visualisingdata.com/index.php/resources/
  • 40. Designer http://degaryan.blogspot.com/2011/03/introduction.html
  • 41. Designer The „creative‟ – conceives the solution Understands the message Understands the possibilities Explores and pursues different options Rationalises and reasons design options Balances form and function
  • 42. Designer The data visualisation anatomy… Data representation layer Colour and background layer Animation and interaction layer Layout, placement and apparatus layer The annotation layer
  • 43. Designer Length Volume Size Area Texture Colour Label Direction Saturation Position Slope Height Angle Radius/Diameter Speed Curvature/Arc Shape Orientation Transparency Luminance Glyph Flow Motion Blur/Focus
  • 46. Cognitive Scientist The „thinker‟ – visual perception Knows how the eye and brain work Understands principles like „Gestalt Laws‟ Colour theories, HCI Memory, attention, decision making
  • 47. Cognitive Scientist Images from http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htm
  • 48. Cognitive Scientist Visible pixels on left graph: blue = 82% pink =18% Visible pixels on right graph: blue = 91% pink = 9% Office for National Statistics: Presentation by Alan Smith, “The Curious Incident of Kevins in Zurich…and other stories”
  • 49. Cognitive Scientist http://colorbrewer2.org/
  • 51. Communicator The „negotiator‟ – needs a hard hat Acts at the client-designer gateway Manage expectations Present possibilities Launch and publicise
  • 53. Project Manager http://www.bat-mania.co.uk/main/heroes/images/alfred_batphone.JPG
  • 54. Project Manager The „manager‟ – looks after the project Manages the progress, cohesively Understands brief Understands capabilities Finishes, checks, attention to detail Concerned with visualisation/stats ethics Identifies and sets parameters
  • 55. Project Manager Pressures: Timescales, editorial Rules: Structure, layout, style, colour Capability: Design, technical, technology People: Individual, team, collaboration
  • 56. Project Manager http://v2.centralstory.com/about/squiggle/
  • 57. Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch Initiator Data Scientist Journalist Computer Scientist Designer Cognitive Scientist Communicator Project Manager
  • 58. Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch Initiator Communicator Project Manager
  • 59. Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch Initiator Data Scientist Computer Scientist Project Manager
  • 60. Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch Initiator Data Scientist Journalist Communicator Project Manager
  • 61. Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch Computer Scientist Designer Cognitive Scientist Project Manager
  • 62. Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch Computer Scientist Designer Cognitive Scientist Communicator Project Manager
  • 65. The 8 Hats of Data Visualisation Design Andy Kirk

Editor's Notes

  1. I’m going to briefly present some contemporary visualisation projects from prominent designers across the globe and pick out some key tips learned from each to help achieve effective and efficient visualisation results.
  2. If we take another look at Google Insights, this time for the term Infographic, we see a similar trend of interest.
  3. Volume: 95 million front page viewsVariety: Just imagine the range of data captured about every visitor and user of a yahoo searchVelocity: This was based on a fairly unpredictable near-real-time feed from Yahoo’s backend engine
  4. Volume: 95 million front page viewsVariety: Just imagine the range of data captured about every visitor and user of a yahoo searchVelocity: This was based on a fairly unpredictable near-real-time feed from Yahoo’s backend engine
  5. You’re also expected to be a super hero with all the abilities perfectly aligned, balanced and deployable at a moment’s notice.  It’s just not that likely, so you will usually rely on a team.  The advice I received from most people was ‘stay close, connected and together as a team’.
  6. Six Thinking Hats® is a simple, effective parallel thinking process that helps people be more productive, focused, and mindfully involved. And once learned, the tools can be applied immediately!You and your team members can learn how to separate thinking into six clear functions and roles. Each thinking role is identified with a colored symbolic "thinking hat." By mentally wearing and switching "hats," you can easily focus or redirect thoughts, the conversation, or the meeting.
  7. You’re also expected to be a super hero with all the abilities perfectly aligned, balanced and deployable at a moment’s notice.  It’s just not that likely, so you will usually rely on a team.  The advice I received from most people was ‘stay close, connected and together as a team’.
  8. You’re also expected to be a super hero with all the abilities perfectly aligned, balanced and deployable at a moment’s notice.  It’s just not that likely, so you will usually rely on a team.  The advice I received from most people was ‘stay close, connected and together as a team’.