Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
The 8 Hats ofData Visualisation Design       Andy Kirk
The popular emergence of    data visualisation
What is data visualisation?     The representation andpresentation of data that exploits our visual perception abilities i...
Popularity          Google Insights: Keyword Infographichttp://www.google.com/insights/search/#q=%22Big%20Data%22%2CInfogr...
#1: DataPeriscopic: Yahoo! C.O.R.E Data Visualization (2012)           http://www.flickr.com/photos/visualizeyahoo/sets/72...
#2: TechnologyThe „eyeo‟ Festival (2011-2012)          http://eyeofestival.com/
#3: ExposureHans Rosling: TEDTalks “Myths about the developing world“ (2006)               http://www.ted.com/talks/hans_r...
What’s Missing?    The skills required for most effectively displaying informationare not intuitive and rely largely on pr...
Art & Science
What’s Missing?Doing data visualisation well is less a technology problem,   more a people problem.   Paraphrasing Aron Pi...
http://images.wikia.com/marvel_dc/images/9/93/Adventures_of_Superman_424.jpg | http://www.adobenido.com/blog/wp-content/up...
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 52Festive Road and visits a fancy-dress costume sh...
InitiatorData ScientistJournalistComputer ScientistDesignerCognitive ScientistCommunicatorProject Manager
Design ProcessMindsets /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 Res...
Initiator Brief: Open, strict, helpful, unhelpful Format: Static, interactive, video Audience size: One, group, www Audien...
Initiator
Initiator     From “Information Dashboard Design” and http://centerview.corda.com/corda/dashboards/examples/sales/main.das...
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 Enhan...
Journalist
Journalist The „storyteller‟ – establishes narrative Formulates the questions Finds the stories/key angles Deeper research...
Journalist     What questions or curiosities      are you hoping to answer      through this visualisation? What stories s...
Journalist    Good content reasoners    and presenters are rare,      designers are not.                          Edward T...
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 a...
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 pursue...
Designer The data visualisation anatomy… Data representation layer Colour and background layer Animation and interaction l...
Designer      Length                                        Volume                                 Size    Area          T...
Designer
Cognitive Scientist
Cognitive Scientist The „thinker‟ – visual perception Knows how the eye and brain work Understands principles like „Gestal...
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%...
Cognitive Scientist             http://colorbrewer2.org/
Communicator
Communicator The „negotiator‟ – needs a hard hat Acts at the client-designer gateway Manage expectations Present possibili...
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 cap...
Project Manager Pressures: Timescales, editorial Rules: Structure, layout, style, colour Capability: Design, technical, te...
Project Manager          http://v2.centralstory.com/about/squiggle/
Purpose &     Prepare &     Formulate     Design     Construct &               parameters   explore data   questions   con...
Purpose &     Prepare &     Formulate     Design     Construct &               parameters   explore data   questions   con...
Purpose &     Prepare &     Formulate     Design     Construct &             parameters   explore data   questions   conce...
Purpose &     Prepare &     Formulate     Design     Construct &               parameters   explore data   questions   con...
Purpose &     Prepare &     Formulate     Design     Construct &            parameters   explore data   questions   concep...
Purpose &     Prepare &     Formulate     Design     Construct &               parameters   explore data   questions   con...
InitiatorData ScientistJournalistComputer ScientistDesignerCognitive ScientistCommunicatorProject Manager
http://images.wikia.com/marvel_dc/images/9/93/Adventures_of_Superman_424.jpg | http://www.adobenido.com/blog/wp-content/up...
The 8 Hats ofData Visualisation Design       Andy Kirk
Thank you!
The 8 Hats of Data Visualisation
The 8 Hats of Data Visualisation
Upcoming SlideShare
Loading in …5
×

The 8 Hats of Data Visualisation

82,773 views

Published on

These slides are from recent talks by Andy Kirk of visualisingdata.com. The subject refers to the many different mindsets or roles that are required to be fulfilled for the effective design of data visualisation.

Published in: Design, Technology, Education
  • Get access to 16,000 woodworking plans, Download 50 FREE Plans... ■■■ http://tinyurl.com/y3hc8gpw
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Want to preview some of our plans? You can get 50 Woodworking Plans and a 440-Page "The Art of Woodworking" Book... Absolutely FREE ➤➤ http://tinyurl.com/yy9yh8fu
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Nice !! Download 100 % Free Ebooks, PPts, Study Notes, Novels, etc @ https://www.ThesisScientist.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • And thanks Pickme India, really articulate and appreciated comment and how did you know I needed my camera repairing? Wonderful stuff. Now, do you happen to know of a prince in Nigeria who needs some funds diverting?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Here you go Harry! http://www.ecrater.co.uk/p/11094521/vintage-era-1980-pacman-namco-video?gps=1
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

The 8 Hats of Data Visualisation

  1. The 8 Hats ofData Visualisation Design Andy Kirk
  2. The popular emergence of data visualisation
  3. What is data visualisation? The representation andpresentation of data that exploits our visual perception abilities in order to amplify cognition
  4. Popularity Google Insights: Keyword Infographichttp://www.google.com/insights/search/#q=%22Big%20Data%22%2CInfographics&date=6%2F2007%2058m&cmpt=q
  5. #1: DataPeriscopic: Yahoo! C.O.R.E Data Visualization (2012) http://www.flickr.com/photos/visualizeyahoo/sets/72157629000570607/
  6. #2: TechnologyThe „eyeo‟ Festival (2011-2012) http://eyeofestival.com/
  7. #3: ExposureHans Rosling: TEDTalks “Myths about the developing world“ (2006) http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html
  8. What’s Missing? The skills required for most effectively displaying informationare not intuitive and rely largely on principles that must be learned. Stephen Few, „Show Me the Numbers‟
  9. Art & Science
  10. What’s Missing?Doing data visualisation well is less a technology problem, more a people problem. Paraphrasing Aron Pilhofer, New York Times
  11. 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
  12. So, why the ‘8 hats of data visualisation design’?
  13. Edward de Bono‟s 6 Thinking Hats http://www.debonogroup.com/six_thinking_hats.php
  14. Mr Benn, a man wearing a black suit and bowler hat, leaves his house at 52Festive Road and visits a fancy-dress costume shop where he is invited by themoustachioed, fez-wearing shopkeeper to try on a particular outfit. He leavesthe shop through a magic door at the back of the changing room and enters aworld appropriate to his costume, where he has an adventure (which usuallycontains a moral) before the shopkeeper reappears to lead him back to thechanging room, and the story comes to an end. Mr Benn returns to his normallife, 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
  15. InitiatorData ScientistJournalistComputer ScientistDesignerCognitive ScientistCommunicatorProject Manager
  16. Design ProcessMindsets /Roles
  17. Initiator
  18. Initiator http://www.ratestogo.com/blog/wp-content/uploads/2009/01/thinker.jpg
  19. 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
  20. 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
  21. Initiator
  22. Initiator From “Information Dashboard Design” and http://centerview.corda.com/corda/dashboards/examples/sales/main.dashxm l
  23. Initiator http://www.npr.org/2011/10/31/141816460/visualizing-how-a-population-grows-to-7-billion
  24. Initiator http://oecdbetterlifeindex.org/countries/united-kingdom/
  25. Initiator http://hci.stanford.edu/jheer/files/zoo/
  26. Initiator http://www.chrisjordan.com/gallery/rtn2/#gyre2
  27. Data Scientist
  28. 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
  29. Journalist
  30. Journalist The „storyteller‟ – establishes narrative Formulates the questions Finds the stories/key angles Deeper researcher mindset Validates the analytical enquiry Gets answers
  31. 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?
  32. Journalist Good content reasoners and presenters are rare, designers are not. Edward Tufte http://adage.com/article/adagestat/edward-tufte-adagestat-q-a/230884/
  33. Computer Scientist
  34. Computer Scientist http://collider.com/wp-content/uploads/WarGames-Sheedy-and-Broderick-on-computer.jpg
  35. Computer Scientist The „executor‟ – brings the project alive Has the critical technical capability Acquires, handles and analyses data Technical illustration skills Technical programming skills
  36. Computer Scientist http://www.visualisingdata.com/index.php/resources/
  37. Designer
  38. Designer http://degaryan.blogspot.com/2011/03/introduction.html
  39. 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
  40. Designer The data visualisation anatomy… Data representation layer Colour and background layer Animation and interaction layer Layout, placement and apparatus layer The annotation layer
  41. 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
  42. Designer
  43. Cognitive Scientist
  44. 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
  45. Cognitive Scientist Images from http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htm
  46. 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”
  47. Cognitive Scientist http://colorbrewer2.org/
  48. Communicator
  49. Communicator The „negotiator‟ – needs a hard hat Acts at the client-designer gateway Manage expectations Present possibilities Launch and publicise
  50. Project Manager
  51. Project Manager http://www.bat-mania.co.uk/main/heroes/images/alfred_batphone.JPG
  52. 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
  53. Project Manager Pressures: Timescales, editorial Rules: Structure, layout, style, colour Capability: Design, technical, technology People: Individual, team, collaboration
  54. Project Manager http://v2.centralstory.com/about/squiggle/
  55. Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch Initiator Data Scientist Journalist Computer Scientist Designer Cognitive ScientistCommunicator Project Manager
  56. Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch InitiatorCommunicator Project Manager
  57. Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch Initiator DataScientistComputerScientistProjectManager
  58. Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch Initiator Data Scientist JournalistCommunicator Project Manager
  59. Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launchComputerScientistDesignerCognitiveScientistProjectManager
  60. Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch Computer Scientist Designer Cognitive ScientistCommunicator Project Manager
  61. InitiatorData ScientistJournalistComputer ScientistDesignerCognitive ScientistCommunicatorProject Manager
  62. 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
  63. The 8 Hats ofData Visualisation Design Andy Kirk
  64. Thank you!

×