Infographics & Data Visualisation

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    Notes on slide 1

    Trivia: this day in 1633 Galileo faced court over his heliocentric research

    Depicts one million plastic cups, the number used on airline flights in the US every six hours.

    40 million paper cups a day

    410,000 (15 minutes)

    Infographics is everywhereRoadway sign,Subway map,Brochure,Product manual,Instructions on prescription bottle,Assembly guide

    The main goal of data visualization is its ability to visualize data, communicating information clearly and effectively. It doesn’t mean that data visualization needs to look boring to be functional or extremely sophisticated to look beautiful.

    http://www.traumkrieger.de/virtualwater/

    There are countless possibilities of how to visualize data; but there are many design patterns which are proven to be effective for specific types of data. The following section provides examples of data visualization patterns and a short rationale for when to use them.Independent quantities (bar charts)Comparing the values of independent variablesContinuous quantities (line graphs & stacked area)For data that is continuous, for example when visualizing data over a period of time.Proportions (pie & ring charts)Proportions are used when the data represents parts of a whole.Hierarchies (tree diagrams)Used when the data has a strict hierarchy that needs to be communicated.Networks (diagram map)Network visualizations are used when the most important feature of the visualization is to show which data is connected to each other, as opposed to how.CorrelationsThese are used when each piece of data has two quantifiable variables which can be plotted on a grid.CartographicFor data that is relevant to specific locations or regions which can be plotted on a map.There are more. Don’t limit your scope on these! (see next example)

    “Certain visual features operate ‘preattentively:’ they convey information before the viewer pays conscious attention”

    There is no visual aid to help us find the values greater than 1.0, forcing us to read all of the data and understand it. Now look at the following table.

    StaticThe data visualization does not change over time, and offers no user interaction.AnimatedThe data visualization changes over time - using time as another dimension or variable.InteractiveThe user can interact with the visualization by altering what data is viewed and / or how it is viewed - however the results of interactions are not immediately visible.Direct manipulationThe user can interact with the visualization by altering what data is viewed and / or how it is viewed - and the result of all interactions are immediately visible.

    1 Favorite

    Infographics & Data Visualisation - Presentation Transcript

    1. INTRODUCTION TOInfographics& Data Visualisation
      TrisnadiKurniawan / WEB DESIGNER
      Delivering Awesome Web Applications
    2. About Trisnadi
      SSW Web DesignerUser Experience & Interface Design
      ProjectsASP.NET, SharePoint, DotNetNuke
      ClientsWorleyParsons, NineMSN, Microsoft, Energy Australia
      • 80% of the brain is dedicated to visual processing
      • Visual processing is not new, its part of our history
      • Written language originated from drawing and sketching
    13. deliver message
    14. deliver POWERFUL message
    15. Infographics≠ Data Visualisation
    16. visual representations of information, data or knowledge often used to support information, strengthen it and present it within a sensitive context.
      infographics
    23. visually display measuredquantities by means of the combined use of points, lines, a coordinate system, numbers, symbols, words, shading and colour.
      Data Visualisation
    24. More than simply translating a table of data into a visualisation
    25. It should be...
      Quick
      Accurate
      Powerful
    27. Checklist
      Show the data
      AccurateDon’t distort the data
      Make large data sets coherent
      Serve a clear purpose
      Reveal the data at different levelsOverview vs Detailed
      EngagingEncourage viewer to compare different pieces of data
    28. Examine the Data
    29. Data VisualisationPatterns
      PROPORTIONS
      CONTINUOUS
      INDEPENDENT
      HIERARCHIES
      CORRELATIONS
      NETWORKS
      CARTOGRAPHICS
    31. Revealing the Data8 Preattentive Variables
    32. “Certain visual features operate ‘preattentively:’ they convey information before the viewer pays conscious attention”
      JeniferTidwell
    41. +
      1
      682
      605
      4074
    42. Find all numbers greater than 1.0
    43. Find all numbers greater than 1.0
    48. Bad Exampleswhen infographics is less-than-helpful
    51. there’s more...
    52. INTERACTIONS
    53. VisualisationCategories
    55. Looking Forward
      Descry (MIX Lab)http://www.visitmix.com/Lab/descry
      Gapminderhttp://www.gapminder.org/
      Google Visualisationhttp://code.google.com/apis/ajax/playground/?type=visualization
      Digg Labshttp://labs.digg.com/stack/
    56. IntroductionOverview, Definition, History, Examples
      Data Visualisation PatternsBar charts, Line graphs, Stacked area charts, Pie charts, Ring charts, Scatterplots, Bubble charts
      Preattentive VariablesColour hue, Brightness, Saturation, Texture, Position, Orientation, Size, Shape
      User InteractionStatic, Animated, Interactive, Direct Manipulation
      In Summary
    57. Questions?tristan@ssw.com.au
    58. References
      Designing Interfaces by Jenifer Tidwellhttp://designinginterfaces.com
      Picturing Excess by Chris Jordanhttp://www.chrisjordan.com
      Visualising Databy Joel Laumans http://piksels.com
      MIX Descryhttp://www.visitmix.com/Lab/descry
      Data Visualization: Modern Approach by Smashing Magazinehttp://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/
    59. Thank You!
      Gateway Court Suite 10 81 - 91 Military Road Neutral Bay, Sydney NSW 2089 AUSTRALIA
      ABN: 21 069 371 900
      Phone: + 61 2 9953 3000 Fax: + 61 2 9953 3105
      info@ssw.com.auwww.ssw.com.au
      Delivering Awesome Web Applications
    SlideShare Zeitgeist 2009

    + trisnaditrisnadi Nominate

    custom

    306 views, 1 favs, 0 embeds more stats

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 306
      • 306 on SlideShare
      • 0 from embeds
    • Comments 0
    • Favorites 1
    • Downloads 0
    Most viewed embeds

    more

    All embeds

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories

    Tags

    -->
    What's New

    © 2009 SlideShare Inc. All rights reserved.