1. PRODUCTCAMP 6SATURDAY 8.18.12WEB: www.pcampatl.comTWITTER: @pcampatl #pcampatl Web: www.pcampatl.comFACEBOOK: facebook.com/productcampatlantaTwitter: @pcampatlFacebook: facebook.com/productcampatlantaFriday, August 17, 12

2. How to win friends and inuence people (...with data)A practical* discussion of datavisualization and report design Ken Hilburn VP, Community Enablement ken@juiceanalytics.com @khilburn(*and maybe a little fun)Friday, August 17, 12 3. we craft applications that makeusing data enjoyable and rewardingFriday, August 17, 12 4. understanding exploring presenting data doing learning discoveringmotivatingFriday, August 17, 12 5. understanding presentingexploring datadoinglearning discoveringmotivatingFriday, August 17, 12 6. 3 easy steps to win friendsTell a storyMake it clearApply design fundamentalsFriday, August 17, 12 7. Know the audiencestory!clear!designFriday, August 17, 12 8. People contextHow does the data fit into my workflow?Who is sharing thedata? Do they havecredibility? How do I interpret the metric?What other information am Ilooking at? Does it support What expectations oror contradict?assumptions do Ihave?story!clear!designFriday, August 17, 12 9. Walk in their shoeslifestyle whats it like to walk in their shoes?knowledge what do they already know about your topic?motivation and desire what turns their crank?values what are their priorities?inuence who or what inuences them?respect how can you make them feel respected? Resonate, Nancy Duarte, page 79story!clear!designFriday, August 17, 12 10. Friday, August 17, 12 11. Big Idea Your unique point of view Clear statement of whats at stake In the form of a complete sentence (noun, verb) Nancy Duarte, Resonate, page 78 story!clear!designFriday, August 17, 12 12. Big Idea examples these are not big ideasthese are big ideas Lunar missionThe United States should lead in spaceachievement because it holds the key toour future on Earth. Client sales callOur software gives your customersaccess to their records, which savesyour employees time and increases yourmargins by 2 percent. Third-quarter update Third-quarter numbers are down; and tostay in the game, every departmentneeds to support the sales initiative. Resonate, Nancy Duarte, page 79story!clear!designFriday, August 17, 12 13. Squelch the noisePerfection is achieved, not when theresnothing more to add, but when there is nothing left to take away. Antoine de Saint-ExupryFriday, August 17, 12 14. Data GourmetData Gourmand Data isnt like your kids. You donthave to pretend to love them equally. Amanda Cox, New York Timesstory!clear!designFriday, August 17, 12 15. story!clear!design goingtorain.comFriday, August 17, 12 16. Course check...Tell a storyMake it clearApply design fundamentalsstory!clear!designFriday, August 17, 12 17. 762story!clear!designFriday, August 17, 12 18. 762*career home runsstory!clear!designFriday, August 17, 12 19. Types of data contextcomparison to 284 +4.5% v. last month previous time period and goal metric name new leads -2.8% v. goal in Q3 2009relevant scope the new Vortex marketing campaignexplanation of drove new leads after a slow Q2 mitigating factorsGoalActual400shown within broader300context of overall trend and goals2001000 Q1 2009Q2 2009Q3 2009 Q4 2009 story!clear!designFriday, August 17, 12 20. Keep it simple: How we judge amounts story!clear!designFriday, August 17, 12 21. Concentric circles and squiggly linesOur ability to accurately judge data depends on how it isencoded visually 2D-space 3D-space radial distance area color value color intensity animationstory!clear!designFriday, August 17, 12 22. story!clear!designFriday, August 17, 12 23. story!clear!designFriday, August 17, 12 24. story!clear!designFriday, August 17, 12 25. story!clear!designFriday, August 17, 12 26. An exampleSemi-accurately: 2D areaMonthly timeline of 4G network launches1110Accurately: 2D length211 1 11 0N D J F MA M J J A SO N D J F 2008 09 10story!clear!designFriday, August 17, 12 27. Dangerous Curvesstory!clear!designFriday, August 17, 12 28. Dangerous Curvesstory!clear!designFriday, August 17, 12 29. Dangerous Curves Part 2story!clear!designFriday, August 17, 12 30. Dangerous Curves Part 2story!clear!designFriday, August 17, 12 31. story!clear!designFriday, August 17, 12 32. Visualization has limitsPeople perceive very accurately:length of a line, position in 2D spacePeople perceive semi-accurately:width, area, color intensity, radial distancePeople cant judge accurately at all:Odds of winning in Vegas story!clear!designFriday, August 17, 12 33. Keep it simple:Choosing the right chart story!clear!designFriday, August 17, 12 34. Choosing the right chart Variable Width Table or Table withBar ChartColumn Chart Circular Area Chart Line ChartColumn Chart Line Chart Column ChartEmbedded Charts Column HistogramScatter ChartLine HistogramBubble Chart Scatter Chart3D Area Chart Andrew Abela http://extremepresentation.typepad.com/blog/2006/09/choosing_a_good.htmlStacked 100% StackedStacked 100%Stacked Area Chart Pie Chart Waterfall Chart Stacked 100% Column ChartColumn ChartColumn ChartArea Chart story!clear!design with SubcomponentsFriday, August 17, 12 35. Chart Chooserhttp://www.chartchooser.com/Friday, August 17, 12 36. story!clear!designFriday, August 17, 12 37. FMstory!clear!designFriday, August 17, 12 38. Course check...Tell a storyMake it clearApply design fundamentalsstory!clear!designFriday, August 17, 12 39. Friday, August 17, 12 40. Fundamental rules of chart designReduce chartjunkIncrease data-ink ratio(remove chart elements that (make every pixel tell a story aboutare decorative or ornamental) your data)story!clear!designFriday, August 17, 12 41. Use your brains strengths Images courtesy of Tim Bray: http://www.tbray.org/ongoing/When/200x/2003/03/13/Data-InkFriday, August 17, 12 42. Remove chart-junkIncrease data-ink Increase data-inkImages courtesy of Tim Bray: http://www.tbray.org/ongoing/When/200x/2003/03/13/Data-Inkstory!clear!designFriday, August 17, 12 43. Fundamental rules of table designReduceIncrease data-ink ratiotablejunk (make every character meaningful)(remove elements that aredecorative or ornamental)story!clear!designFriday, August 17, 12 44. Reduce tablejunkstory!clear!designFriday, August 17, 12 45. Reduce tablejunkstory!clear!designFriday, August 17, 12 46. Reduce tablejunkstory!clear!designFriday, August 17, 12 47. Principle of Continuity Objects that are aligned are perceived as a group Principle of Proximity Things that are spatially close belong to a groupstory!clear!designFriday, August 17, 12 48. Reduce tablejunkstory!clear!designFriday, August 17, 12 49. Reduce tablejunkstory!clear!designFriday, August 17, 12 50. Reduce tablejunkstory!clear!designFriday, August 17, 12 51. Increase data-ink ratiostory!clear!designFriday, August 17, 12 52. Increase data-ink ratio 1 degree latitude = ~60 miles .001 degree latitude = 300 feet 0.00000000000001 degree latitude = 1 micron, the width of a very small bacteria Hence, the software must have been pirated by a bacteriastory!clear!designFriday, August 17, 12 53. Increase data-ink ratiostory!clear!designFriday, August 17, 12 54. Increase data-ink ratiostory!clear!designFriday, August 17, 12 55. Increase data-ink ratiostory!clear!designFriday, August 17, 12 56. TablesRemove gridlinesUse lines or whitespace to separate areas thatare conceptually differentDisplay the smallest number of digits that youcan to support the needs of the tablestory!clear!designFriday, August 17, 12 57. Contrast Copyright 2010 Stanford Visualization Groupstory!clear!designFriday, August 17, 12 58. Contrast Copyright 2010 Stanford Visualization Groupstory!clear!designFriday, August 17, 12 59. Contraststory!clear!designFriday, August 17, 12 60. Contraststory!clear!designFriday, August 17, 12 61. ContrastAwarenessPOEs | trendsWhat is the Paid-Owned-Earned Split for Unique33.4k Unique Visitors35.9k9.73k 13.5k 0Total Visits12.7k35.9k Player Impressions What are the Trends for Unique Visitors daily | monthly | cummulative Engagement60 35.9k 50 Total Interactions -Mouse Over 4012m 15s30Average Engagement 20 Time Spent in Playerper Unique Visitor 10 0Viral JanFeb MarchAprilMay222story!clear!designFriday, August 17, 12 62. ContrastAwarenessPOEs | trendsWhat is the Paid-Owned-Earned Split for Unique33.4k9.73k Unique Visitors35.9k10.2k9.73k 13.5k 0Total Visits12.7k35.9k12.3k Player Impressions What are the Trends for Unique Visitors forWhat are the Trends for Unique Visitors daily | monthly | cummulative Engagement60 35.9k 12.3k 50 Total Interactions -Mouse Over 4012m 15s3015m 03sAverage Engagement 20 Time Spent in Playerper Unique Visitor 10 0Viral JanFeb MarchAprilMay2223story!clear!designFriday, August 17, 12 63. Today, weve coveredTell a storyMake it clearApply design fundamentalsFriday, August 17, 12 64. List of resources SkillResourceswww.smallmeans.com/new-york-times-infographics/ Learn from the bestwww.perceptualedge.com/bloginfographics.alltop.com Message and audience Be a data gourmetwww.juiceanalytics.com/writing/being-a-data-gourmet/www.chartchooser.com Choose the right chart www.extremepresentation.com/design/charts/www.juiceanalytics.com/writing/chart-selection-art-and-science/ Go beyond the basics A Tour of the Visualization Zoo (queue.acm.org/detail.cfm?id=1805128) Keep it simple Edward Tufte Q&A (www.edwardtufte.com/bboard/q-and-a?topic_id=1) Provide contextcolorbrewer2.org Act like a designerwww.juiceanalytics.com/writing/simple-font-framework/ Tell a story www.duarte.com/books/resonate/www/ Story tellingResonate, Nancy Duarte; The Presentation, Andrew Abela, Ph.D.Friday, August 17, 12 65. we craft applications that makeusing data enjoyable and rewardingFriday, August 17, 12 66. Thank you!Diamond Sponsor:Platinum Sponsors:Gold Sponsors: Silver Sponsors:Friday, August 17, 12