The 8 Hats of Data Visualisation
Upcoming SlideShare
Loading in...5
×
 

The 8 Hats of Data Visualisation

on

  • 29,595 views

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

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.

Statistics

Views

Total Views
29,595
Views on SlideShare
8,994
Embed Views
20,601

Actions

Likes
29
Downloads
379
Comments
4

115 Embeds 20,601

http://www.scoop.it 5307
http://www.visualisingdata.com 4117
http://owni.fr 3305
http://visualoop.com 2228
http://onlinejournalismblog.com 1489
http://theasideblog.blogspot.com 743
http://onlinejournalismblog.wordpress.com 489
http://aquideomnibusdubitandum.wordpress.com 473
http://putrofedon.collected.info 384
http://visualisingdata.com 300
http://seanmccolgan.com 244
http://theasideblog.blogspot.com.es 234
http://pieterdekok.wordpress.com 176
http://lifeandcode.tumblr.com 119
http://tweetedtimes.com 106
http://theasideblog.blogspot.ca 79
http://maschup.tumblr.com 55
http://www.etceter.com 54
http://theasideblog.blogspot.fr 47
http://theasideblog.blogspot.de 41
http://theasideblog.blogspot.co.uk 41
http://www.bernmedical.com 39
http://feeds.feedburner.com 35
http://www.weebly.com 33
http://theasideblog.blogspot.com.au 31
http://weblytica.org 26
http://www.kolaganti.com 23
http://theasideblog.blogspot.kr 21
http://theasideblog.blogspot.com.br 21
https://twitter.com 20
http://theasideblog.blogspot.in 17
http://sebsauvage.net 15
http://theasideblog.blogspot.sg 15
http://pinterest.com 14
http://vizdat.collected.info 14
http://theasideblog.blogspot.ie 12
http://translate.googleusercontent.com 10
http://theasideblog.blogspot.pt 9
http://tumby.me 8
https://si0.twimg.com 7
http://www.newsblur.com 7
http://theasideblog.blogspot.hk 7
http://theasideblog.blogspot.nl 7
http://theasideblog.blogspot.mx 6
http://flavors.me 6
http://safe.tumblr.com 6
http://theasideblog.blogspot.co.nz 6
http://autoblog.gamerz0ne.fr 6
http://fig.ly 6
http://www.pinterest.com 5
More...

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • 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?
    Are you sure you want to
    Your message goes here
    Processing…
  • Here you go Harry! http://www.ecrater.co.uk/p/11094521/vintage-era-1980-pacman-namco-video?gps=1
    Are you sure you want to
    Your message goes here
    Processing…
  • Marvelous!!! Job you have done. Actually, you are pleasure to know, seriously. Your work is incomparable. It’s a masterpiece.
    Your article is very resourceful and beneficial. And the work done is appreciable. Thumps up for it!!!!!!
    Camera Repair
    Are you sure you want to
    Your message goes here
    Processing…
  • I want that pacman baseball cap. Slide 35.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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.
  • If we take another look at Google Insights, this time for the term Infographic, we see a similar trend of interest.
  • 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
  • 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
  • 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’.
  • 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.
  • 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’.
  • 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’.

The 8 Hats of Data Visualisation The 8 Hats of Data Visualisation Presentation Transcript

  • 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 in order to amplify cognition
  • Popularity Google Insights: Keyword Infographichttp://www.google.com/insights/search/#q=%22Big%20Data%22%2CInfographics&date=6%2F2007%2058m&cmpt=q
  • #1: DataPeriscopic: Yahoo! C.O.R.E Data Visualization (2012) http://www.flickr.com/photos/visualizeyahoo/sets/72157629000570607/
  • #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_rosling_shows_the_best_stats_you_ve_ever_seen.html
  • 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‟
  • 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 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
  • 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 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 ScientistCommunicator Project Manager
  • Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch InitiatorCommunicator Project Manager
  • Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch Initiator DataScientistComputerScientistProjectManager
  • Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch Initiator Data Scientist JournalistCommunicator Project Manager
  • Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launchComputerScientistDesignerCognitiveScientistProjectManager
  • Purpose & Prepare & Formulate Design Construct & parameters explore data questions concepting launch Computer Scientist Designer Cognitive ScientistCommunicator Project Manager
  • 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/uploads/2012/01/wonder_woman.jpg
  • The 8 Hats ofData Visualisation Design Andy Kirk
  • Thank you!