Quest for Emotional Engagement: Information Visualization (v1.5)

28,223 views
28,301 views

Published on

Published in: Economy & Finance, Business
2 Comments
97 Likes
Statistics
Notes
  • Love this
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • The idea of having interactive visualisations for scientific data is something that has been discussed a lot in the last 2 or 3 years. I was part of a workshop/symposium back in April (2012) where this topic was explored, and I'll be at another in September. There is also a lot of discussion of how visualisation and analysis need to be combined.

    There is certainly a hunger for it. I guess one of the things my scientist colleagues are interested in exploring (apart from the data itself!) is how one works with [journal] publishers to make this possible.

    Interesting times, and it's great to see heavyweights from the UXD community being involved. Thanks, Stephen!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
28,223
On SlideShare
0
From Embeds
0
Number of Embeds
17,433
Actions
Shares
0
Downloads
582
Comments
2
Likes
97
Embeds 0
No embeds

No notes for slide

Quest for Emotional Engagement: Information Visualization (v1.5)

  1. 1. u es The t Version 1.5Q t a o g for l ent na em io g m nE E @stephenanderson #uxiliveInformation VisualizationSte phen P. Anderson
  2. 2. ProductStephen P. Strategy aND n Deonsisuglting C Anderson
  3. 3. ProductStephen P. Strategy aND n Deonsisuglting C Anderson
  4. 4. ProductStephen P. Strategy aND n Deonsisuglting C Anderson
  5. 5. information
  6. 6. How do we make sense ofcomplex information information?
  7. 7. (Rebooting your Windows PC)
  8. 8. How do we make sense ofcomplex information information?
  9. 9. Identifying information peoplehave difficulty making sense of…
  10. 10. The Villains: lists spreadsheets grid views dashboards
  11. 11. The Villains: lists spreadsheets grid views dashboards
  12. 12. The Villains: THERE’S SOMETHING MISSING FROM THESE DESIGN PATTERNS… RELATIONSHIPS! spreadsheets lists INCLUDING PROCESSES, PROPORTIONS & CHANGES OVER TIME grid views dashboards
  13. 13. The Villains: lists spreadsheets grid views dashboards
  14. 14. The Villains: Guilty of...? spreadsheets lists F ailure to aid dashboards in m aking sense grid views of compley information!
  15. 15. Villain N o: 1 P retends to be more useful & engaging, by being visual. But, aside from a pictured. or product shot, nothing much is adde It’s simply list data, disquised as more. grid layout
  16. 16. W hi ch ca m er ash ou ld I bu y ,a nd w hy ?
  17. 17. W hi ch ca m er ash ou ld I bu y ,a nd w hy ?
  18. 18. !!!Dang!Whew! GoodFun Toy
  19. 19. W ha t a re t hed if fe re nc es ?H el p m e m a ke se ns eof m y op t io ns !
  20. 20. WHAT’S NOT IMPORTANT!
  21. 21. WHAT IS IMPORTANT!the reviews on amazon.compricing (as an indicator of quality) in-depth review from placeslike dpreview.com actual photos taken with camera search results, just t0 see what comes up
  22. 22. cameras older than ‘x’ years! http://amazon.com
  23. 23. INSPIRATION!
  24. 24. http://dpreview.com
  25. 25. http://labs.digg.com
  26. 26. Resultsarranged on a timelineOLDER NEWEST
  27. 27. POPULARITY n sales ranking)(f rom Flickr and Amazo
  28. 28. Customermazon) A Reviews (from
  29. 29. Customermazon) A Reviews (from
  30. 30. (H over state) PRICING PHOTOS SPECS REVIEWS
  31. 31. (Photos taken PRICING with this camera PHOTOSSPECS from Flickr) REVIEWS View more on Flickr
  32. 32. etc. PRICING PHOTOSSPECS REVIEWS
  33. 33. “DATA” CAN BE:• Numbers• Metadata• Any information contained in a spreadsheet• Anything you can get via an API! (photos, images, text info)• Anything you can calculate from base data (difference between to numbers)• Anything you can derive from data (sentiment analysis)
  34. 34. “DATA” CAN BE:• Numbers• Metadata• Any information contained in a spreadsheet• Anything you can get via an API! (photos, images, text info)• Anything you can calculate from base data (difference between to numbers)• Anything you can derive from data (sentiment analysis)
  35. 35. Villain N 2 o: This pat ern doesn’t even try to be useful or engaging. S een in lists of all kinds & search engine results pages lists
  36. 36. The Blue Sky of BenefitsFinally, something good!Drowning in a Sea of Deductiblesamount of money that the insured must pay before anybenefits from the health insurance policy can be used.
  37. 37. The Blue Sky of BenefitsFinally, something good! Co-insurance This is usually a percentage amount that is the Co-payments insureds responsibility. A common co-insurance split is 80/20. This means that the insurance The co-payment is a fixed amount that company will pay 80% of the procedure and the the insured is required to pay at the time insured is required to pay the other 20%. of service. It is usually required for basic doctor visits and when purchasing 100% prescription medications. 90/10 $10/ $45 / $55 80/20 $10/ $35 / $45 Emergencies and Specialists Office Visits Prescriptions Gabe-endo, Elijah’s oral surgery, Erin’s wrist, chiropractor, x-rays Pharmaceutical Deductible $250/pp ? Individual DeductibleDrowning in a Sea of Deductiblesamount of money that the insured must pay before anybenefits from the health insurance policy can be used. Family Deductible
  38. 38. Villain N o: 3 Is the workhorse used by many people.” Extr emely flexible- can be what anyone needs it to be. C onsequently, it ends up being atliitoln,e more than a treasure trove of iwsformof data. n hidden beyond rows and ro “t he spreadsheet” Places burden of usefullness entirely ESliv li, aSPnRgEAoDSsHEET,dORif eDAreTAt GRnaIDmSes upon user. AeKAs:amTAe BL e by n th
  39. 39. Packaged Order Order Shipped Shipped Tracking EstimatedOrder # Items Ordered Cut On for Placed Received Out On By Number Arrival Delivery 1 box olive mat329103 board 1/15 1/15 - - 1/21 UPS 1/23 3 of something 1 super special329100 1/12 1/13 1/15 1/15 1/19 UPS SCG78299 1/23 frame 5 sheets (8ʼx4ʼ)329099 1/12 1/13 N/A 1/16 1/17 FedEx FJ8989221 1/20 AG Glass
  40. 40. Packaged Order Order Shipped Shipped Tracking EstimatedOrder # Items Ordered Cut On for Placed Received Out On By Number Arrival Delivery 1 box olive mat329103 board 1/15 1/15 - - 1/21 UPS 1/23 3 of something 1 super special329100 1/12 1/13 1/15 1/15 1/19 UPS SCG78299 1/23 frame 5 sheets (8ʼx4ʼ)329099 1/12 1/13 N/A 1/16 1/17 FedEx FJ8989221 1/20 AG Glass
  41. 41. Packaged Order Order Shipped Shipped Tracking EstimatedOrder # Items Ordered Cut On for Placed Received Out On By Number Arrival Delivery 1 box olive mat329103 board 1/15 1/15 - - 1/21 UPS 1/23 3 of something 1 super special329100 1/12 1/13 1/15 1/15 1/19 UPS SCG78299 1/23 frame 5 sheets (8ʼx4ʼ)329099 1/12 1/13 N/A 1/16 1/17 FedEx FJ8989221 1/20 AG Glass
  42. 42. Packaged Order Order Shipped Shipped Tracking EstimatedOrder # Items Ordered Cut On for Placed Received Out On By Number Arrival Delivery 1 box olive mat329103 board 1/15 1/15 - - 1/21 UPS 1/23 3 of something 1 super special329100 1/12 1/13 1/15 1/15 1/19 UPS SCG78299 1/23 frame 5 sheets (8ʼx4ʼ)329099 1/12 1/13 N/A 1/16 1/17 FedEx FJ8989221 1/20 AG Glass
  43. 43. Movie Title Ceremony DateOscar Year Screener Leaked by Oscar Night?US Release Date Screener/Retail DVD Leaked by Oscar Night?Screener Release US Release to DVD-BluRay LeakCam LeakTelesync LeakTelecine, R5 or PPV LeakScreener LeakRetail DVD-BluRay LeakUS Release to First LeakUS Release to Screener LeakScreener Release to Screener Leak
  44. 44. Movie Title Oscar Year Durationked)Release Type (before lea Leak type US Release to Screener Leak Screener LeakUS Release Date US Release to DVD-BluRay Leak Telesync LeakScreener Release US Release to First Leak Telecine, R5 or PPV LeakRetail DVD-BluRay Release Screener Release to Screener Leak Cam Leak Retail DVD-BluRay Leak Screener Leaked by Oscar Night? Screener/Retail DVD Leaked by Osc Ceremony Date
  45. 45. Movie TitleOscar Year Durationked) (before lea Release Type Leak type Screener Leak Telesync Leak US Release Date US Release to First Leak Telecine, R5 or PPV Leak Cam Leak US Release to Screener Leak Screener Release Screener Release to Screener Leak Retail DVD-BluRay Leak Retail DVD-BluRay Release US Release to DVD-BluRay Leak Screener Leaked by Oscar Night? Screener/Retail DVD Leaked by Oscar Night? Ceremony Date
  46. 46. Screener Leak Telesync Leak Telecine, R5 or PPV LeakUS Release Date US Release to Screener Leak Cam Leak
  47. 47. US Release Date US Release to Screener Leak Screener Leak Telecine, R5 or PPV Leak Cam Leak Telesync
  48. 48. US Release Date US Release to Screener Leak X Telecine, R5 or PPV Leak Screener Leak Cam Leak Telesync
  49. 49. Date Duration DateUS Release Date US Release to Screener Leak X Telecine, R5 or PPV Leak Screener Leak Cam Leak Telesync
  50. 50. Date Duration DateUS Release Date US Release to Screener Leak X Telecine, R5 or PPV Leak Screener Leak Cam Leak Telesync
  51. 51. Date Duration DateUS Release Date US Release to Screener Leak X Telecine, R5 or PP Screener Leak Cam Leak Telesync
  52. 52. Date DateUS Release Date X
  53. 53. DateUS Release Date X
  54. 54. Date X
  55. 55. align by date OR by [ initial ] release Align by: Date Initial Release Oscas Night 11/26 12/9 1/26 11/26 12/9 1/26 x x x x xDark Knight x Dark Knight 11/26 12/9 1/26 11/26 12/9 1/26 x x x x x Bolt x Bolt 12/9 11/26 1/21 12/9 11/26 1/21 x xx x Benjamin x Button Benjamin x Button
  56. 56. align by date OR by [ initial ] release Align by: Date Initial Release Oscas Night 11/26 12/9 1/26 11/26 12/9 1/26 x x x x xDark Knight x Dark Knight 11/26 12/9 1/26 11/26 12/9 1/26 x x x x x Bolt x Bolt 12/9 11/26 1/21 12/9 11/26 1/21 x xx x Benjamin x Button Benjamin x Button
  57. 57. Villain N 4 o: Two words: Information Overload. A lot of useful data, some information, very lit le that is actionable. the dashboard
  58. 58. March 2010 Overall, your performance improved. However, while you did better (+21% increase!) following up on new opportunities, you didn’t have as many Wins this month (-14%) as in previous months NOTE: ACES ARE HIGH! 213 73 64 53 38 12 Leads Contacted Contacts Qualified Interviews Proposals Written Sales Closed! Closed & PaidWow. This was 112% While 73 isn’t a bad Text commenting on Text commenting on Text commenting on Text commenting onof your target. Good number, at 32% it’s this performance this performance this performance this performancejob!! below last months average of 45%. VIEW PIPELINE DETAILS FOR MARCH 2010 How does this compare? My Peers: Previous Months Leads Contacted Contacts Qualified Interviews Proposals Written Sales Closed! Closed & Paid
  59. 59. My Peers: Previous Months Leads Contacted Contacts Qualified Interviews Proposals Written Sales Closed! Closed & Paid 1. Harold F. 1. Yvonne R.1. John S. 1. John S. 1. George B. 1. George B. 2. John S. 2. Harold F.2. George B. 2. Yvonne R. 2. José A. 2. John S. 3. George B. 3. John S.3. José A. 3. George B. 3. John S. 3. José A. 4. José A. 4. George B.4. Yvonne R. 4. José A. 4. Yvonne R. 4. Yvonne R. 5. Yvonne R. 5. José A.5. Harold F. 5. Harold F. 5. Harold F. 5. Harold F. By the Numbers:$21,304 " 17 ! INBOUND LEADS 82 OUTBOUND LEADS 137REVENUE THIS MONTH WINS THIS MONTH MAIN SOURCE OF WINS:$19,497 19 Advertising (8) Cold Calling (4)AVG MONTHLY REVENUE AVG WINS PER MONT Something else (3)$116,927 120 TOP 3 OBJECTIONS:REVENUE YTD WINS THIS YEAR Happy with current vendor Price to high Contract to restrictive WHY OPPORTUNITIES WENT DEAD: Happy with current vendor GROUP AVERAGE Price to high Contract to restrictive YOUR AVERAGE
  60. 60. Present Past
  61. 61. 5 ? o:Villain N“He-w ho-has-!et- to- be-named ” The one that is com plained about... where there is con fusion & compleyit! Can often found
  62. 62. Visualizing research papers referenced in a selection of books
  63. 63. Visualizing research papers referenced in a selection of books
  64. 64. Visualizing research papers referenced in a selection of books (sort by date released)
  65. 65. Visualizing research papers referenced in a selection of books (sort by date released)
  66. 66. Visualizing research papers referenced in a selection of books (sort by date released)
  67. 67. Visualizing research papers referenced in a selection of books (sort by date released)
  68. 68. AN EXERCISE! LIST SOME THINGS YOUQ| (OR YOUR FIND CUSTOMERS CONFUSING /CLIENTS)
  69. 69. AN EXERCISE! LIST SOME THINGS YOUQ| (OR YOUR FIND CUSTOMERS CONFUSING /CLIENTS) • My AT&T phone bill • The world of artisan cheese s • IP addresses, domain names, hosting, email, URLs/U RIs, etc. • Playing the “rewards points” game w/ Hotels, Airlines Cr edit Cards • Understanding international sh ipping opt ions across carriers • YOUR TURN!
  70. 70. Identifying information peoplehave difficulty making sense of…
  71. 71. A CHALLENGE: Have you found aLook beyond these place where complexpatterns: information might be best represented in a visual way? Spreadsheets Dashboards If so, make it so! If not, keep looking… Grid Views Search Results
  72. 72. Why this is about so muchmore than pretty pictures…
  73. 73. YOUR BRAIN
  74. 74. WORKING YOUR BRAINMEMORY
  75. 75. WORKING YOUR BRAIN MEMORYJUDGEMENT
  76. 76. WORKING YOUR BRAIN MEMORY UNDERSTANDINGJUDGEMENT RELATIONSHIPS
  77. 77. Short-term memory is wherethe real work of sense-makingtakes place WORKING YOUR BRAIN MEMORY UNDERSTANDING JUDGEMENT RELATIONSHIPSShort-term memory has alimited amount space.
  78. 78. Short-term memory is wherethe real work of sense-makingtakes place WORKING YOUR BRAIN MEMORY UNDERSTANDING JUDGEMENT RELATIONSHIPS We can help this guy out!Short-term memory has alimited amount space.
  79. 79. “PRE-ATTENTIVE PROCESSING”
  80. 80. “PRE-ATTENTIVE PROCESSING”
  81. 81. Form: Orientation Line Length Line Width
  82. 82. Form: Size Enclosure Shape
  83. 83. Form: Curvature Proximity Proximity
  84. 84. Color: Hue Intensity
  85. 85. Spatial Position: 2-D Position
  86. 86. Motion:
  87. 87. HEARING Short-term memory is where the real work of sense-making TASTE takes place SMELL TOUCHSENSORY ORGANS SHORT-TERM LONG-TERM MEMORY MEMORY UNDERSTANDING JUDGEMENT RELATIONSHIPS BALANCE PAIN TIME Short-term memory has a TEMPERATURE AND MORE! limited amount space.
  88. 88. HEARING Short-term memory is where the real work of sense-making TASTE takes place SMELL TOUCH SENSORY ORGANS SHORT-TERM LONG-TERM MEMORY MEMORY UNDERSTANDING UNDERSTANDINGPRE-ATTENTIVE PROCESSING JUDGEMENT RELATIONSHIPS RELATIONSHIPS BALANCE PAIN TIME Short-term memory has a TEMPERATURE AND MORE! limited amount space.
  89. 89. HEARING Short-term memory is where the real work of sense-making TASTE takes place SMELL TOUCH METAPHORS /SCHEMA SENSORY ORGANS SHORT-TERM LONG-TERM MEMORY MEMORY UNDERSTANDING UNDERSTANDINGPRE-ATTENTIVE PROCESSING JUDGEMENT RELATIONSHIPS RELATIONSHIPS BALANCE PAIN SEMIOTICS TIME Short-term memory has a TEMPERATURE AND MORE! limited amount space.
  90. 90. HEARING Short-term memory is where the real work of sense-making TASTE takes place SMELL TOUCH METAPHORS /SCHEMA SENSORY ORGANS SHORT-TERM LONG-TERM MEMORY MEMORY UNDERSTANDING UNDERSTANDINGPRE-ATTENTIVE PROCESSING JUDGEMENT RELATIONSHIPS RELATIONSHIPS BALANCE PAIN SEMIOTICS TIME Short-term memory has a TEMPERATURE AND MORE! limited amount space.
  91. 91. The Blue Sky of BenefitsFinally, something good! Co-insurance This is usually a percentage amount that is the Co-payments insureds responsibility. A common co-insurance split is 80/20. This means that the insurance The co-payment is a fixed amount that company will pay 80% of the procedure and the the insured is required to pay at the time insured is required to pay the other 20%. of service. It is usually required for basic doctor visits and when purchasing 100% prescription medications. 90/10 $10/ $45 / $55 80/20 $10/ $35 / $45 Emergencies and Specialists Office Visits Prescriptions Gabe-endo, Elijah’s oral surgery, Erin’s wrist, chiropractor, x-rays Pharmaceutical Deductible $250/pp ? Individual DeductibleDrowning in a Sea of Deductiblesamount of money that the insured must pay before anybenefits from the health insurance policy can be used. Family Deductible
  92. 92. HEARING Short-term memory is where the real work of sense-making TASTE takes place SMELL TOUCH METAPHORS /SCHEMA SENSORY ORGANS SHORT-TERM LONG-TERM MEMORY MEMORY UNDERSTANDING UNDERSTANDINGPRE-ATTENTIVE PROCESSING JUDGEMENT RELATIONSHIPS RELATIONSHIPS BALANCE PAIN SEMIOTICS TIME Short-term memory has a TEMPERATURE AND MORE! limited amount space.
  93. 93. Why this is about so muchmore than pretty pictures…
  94. 94. Thinking and doing.
  95. 95. Thinking and doing.Thinking through doing.
  96. 96. “By rearranging the board, the player acquired information that was otherwise difficult to perceive. Although she could have acquired this information by mentally simulating the move, it was simpler and faster to physically carry out the move and then reverse it. More importantly, the problem space is now partly in the head and partly in the world, with interaction linking and blending these two spaces together.Interacting with the environment—in this example, rearranging it to address animmediate epistemic need—can generate insight into a problem by treating theenvironment as a resource for reducing cognitive complexity. Instead of relyingexclusively on an internal representation, the player creates, and operates on, anexternal representation of the problem space. Thus, interaction creates bothphysical and informational changes in the environment. The player can thenleverage these informational changes to simplify cognitively complex tasks.”— KARL FAST, “Interaction and the epistemic potential of digital libraries” Read this! http://www.springerlink.com/content/4755373gw24g00l8/?MUD=MP
  97. 97. Conversing: Manipulating: Navigating:conveying intended touching, grasping, moving from oneactions through or handling visually location or piece oflanguage (i.e., the perceptible aspects information tomouth and talking). (i.e., the hands and another (i.e., the handling). feet and walking). adapted from Karl Fast “Interaction and the epistemic potential of digital libraries”
  98. 98. Why this is thrilling…
  99. 99. LIMITED WAYSABUNDANCE OF (BIOLOGICALLY) CRUD* TOOLS INFORMATION 1 2 3 TO RESPOND
  100. 100. LIMITED WAYSABUNDANCE OF (BIOLOGICALLY) CRUD* TOOLS INFORMATION 2 3 TO RESPOND
  101. 101. LIMITED WAYSABUNDANCE OF (BIOLOGICALLY) CRUD* TOOLS INFORMATION 3 TO RESPOND
  102. 102. LIMITED WAYSABUNDANCE OF (BIOLOGICALLY) CRUD* TOOLS INFORMATION TO RESPOND
  103. 103. PresentC.R.U.D. TOOLS *
  104. 104. PresentC.R.U.D. TOOLS *CREATEREADUNDODELETE
  105. 105. PresentC.R.U.D. TOOLS *CREATEREADUNDODELETE(ALSO BROWSE, SEARCH, & FILTER)
  106. 106. Present FutureC.R.U.D. TOOLS *CREATE TOOLS FOR UNDERSTANDINGREADUNDODELETE(ALSO BROWSE, SEARCH, & FILTER)
  107. 107. Present FutureC.R.U.D. TOOLS *CREATE TOOLS FOR UNDERSTANDINGREAD COMPAREUNDO COMPREHENDDELETE EXPLORE(ALSO BROWSE, SEARCH, & FILTER) ANALYZE EVALUATE SYNTHESIZE
  108. 108. Why visual interactions?
  109. 109. Why visual interactions?…to help people make informed decisions(understand what is already known, but hasn’t been shown)
  110. 110. Why visual interactions?…to help people make informed decisions(understand what is already known, but hasn’t been shown)…to explore possibilities…to affect behavior change…to create a shared platform for conversation…to explore what is unknown
  111. 111. Why visual interactions? …to help people make informed decisions (understand what is already known, but hasn’t been shown)…to explore possibilities …to explore possibilities …to affect behavior change …to create a shared platform for conversation …to explore what is unknown
  112. 112. Watch this!http://vimeo.com/36579366
  113. 113. Why visual interactions? …to help people make informed decisions (understand what is already known, but hasn’t been shown)…to explore possibilities …to explore possibilities …to affect behavior change …to create a shared platform for conversation …to explore what is unknown
  114. 114. Why visual interactions? …to help people make informed decisions (understand what is already known, but hasn’t been shown) …to explore possibilities…to affect behavior change …to affect behavior change …to create a shared platform for conversation …to explore what is unknown
  115. 115. http://mattmckeon.com/facebook-privacy/
  116. 116. http://mattmckeon.com/facebook-privacy/
  117. 117. http://mattmckeon.com/facebook-privacy/
  118. 118. http://mattmckeon.com/facebook-privacy/
  119. 119. http://mattmckeon.com/facebook-privacy/
  120. 120. http://mattmckeon.com/facebook-privacy/
  121. 121. Why visual interactions? …to help people make informed decisions (understand what is already known, but hasn’t been shown) …to explore possibilities…to affect behavior change …to affect behavior change …to create a shared platform for conversation …to explore what is unknown
  122. 122. Why visual interactions? …to help people make informed decisions (understand what is already known, but hasn’t been shown) …to explore possibilities …to affect behavior change…to create a a shared platformfor conversation …to create shared platform for conversation …to explore what is unknown
  123. 123. http://www.businessmodelgeneration.com/
  124. 124. http://www.businessmodelgeneration.com/
  125. 125. Why visual interactions? …to help people make informed decisions (understand what is already known, but hasn’t been shown) …to explore possibilities …to affect behavior change…to create a a shared platformfor conversation …to create shared platform for conversation …to explore what is unknown
  126. 126. Why visual interactions? …to help people make informed decisions (understand what is already known, but hasn’t been shown) …to explore possibilities …to affect behavior change …to create a shared platform for conversation…to explore what is unknown …to explore what is unknown
  127. 127. A single DNA sequencer cannow generate in a day whatit took 10 years to collect forthe Human Genome Project.
  128. 128. http://datavisualization.ch/tools/pathline-connecting-designers-with-scientists/
  129. 129. http://datavisualization.ch/tools/pathline-connecting-designers-with-scientists/
  130. 130. “ The 19th Century culture was defined by the novel. The 20th Century culture was defined by the cinema. The culture of the 21st Century will be defined by the interface.” — LEV MANOVICH, media theory professor of Visual Arts, University of California, San Diego http://www.ted.com/talks/aaron_koblin.html
  131. 131. Thank you!slideshare.net/stephenpa getmentalnotes.comStephen P Anderson .@stephenandersonwww.poetpainter.com

×