Successfully reported this slideshow.

Web visions pdx 2013

1,173 views

Published on

  • Thanks for sharing your slide deck!

    I particularly appreciate slides 14 and 15 in which you point out that crafted explanations are at the intersection of (good) design and (clear) communication; I don't remember reading that in Art of Explanation.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Web visions pdx 2013

  1. 1. Lee LeFever, Common Craft@leelefeverThe Art of ExplanationWebVisions PDX May24, 2013
  2. 2. All directions are not created equal.
  3. 3. Empathy is the key.
  4. 4. The Curse of Knowledge
  5. 5. Our explanations just… happen.
  6. 6. Why Explanation MattersSo I tried toexplain itAs the CEOexplainedThe suspect had noexplanation
  7. 7. IncreaseUnderstandingExplanations Increase UnderstandingWhy?
  8. 8. The Cost of UnderstandingUnderstandingComes with a Cost
  9. 9. Lower the Cost of Understandingis KeyExplanationsLower the Cost ofUnderstanding
  10. 10. Why Me??
  11. 11. RSS Explanation ProblemRSS is…
  12. 12. The RSS Explanation ProblemRSSin Plain English50 millionviews
  13. 13. Everyone.Explanation is a fundamentalskill everyone can improve.
  14. 14. Design + Communication = ExplanationDesign CommunicationExplanation
  15. 15. We are all designers
  16. 16. We are all explainers
  17. 17. The Difference – Focus
  18. 18. The Difference – Focus
  19. 19. ExplanationLike design, explanation should bedone with intention and focus. It’s askill that can be developed and usedto solve problems.
  20. 20. Explanation ScaleI understandvery littleI understandsome basicsI have a strongunderstanding
  21. 21. Explanation Scale
  22. 22. Explanation Scale
  23. 23. Explanation ScaleA ZG V
  24. 24. Explanation Scale
  25. 25. Explanation ScaleBig Ideas Details
  26. 26. Explanation Scale• Start with big ideas and focus on “why”• Then add details and focus on “how”
  27. 27. Explanation Scale
  28. 28. Context and AgreementAgreementAgreementAgreementContextContext Context
  29. 29. Context and AgreementAgreementContext
  30. 30. Context and AgreementWe can allagree…You knowthis idea…
  31. 31. Context and Agreement
  32. 32. Context and Agreement
  33. 33. Context and Agreement
  34. 34. Meet Jam HandyJam Handy(1886 -1983)
  35. 35. Differential Gear
  36. 36. An Example – Differential GearOriginally produced for Chevrolet by Jam Handy Organization (1937) Licensing: Public Domain.
  37. 37. An example – Differential Gear
  38. 38. Context and AgreementContext
  39. 39. Story
  40. 40. Story
  41. 41. Story
  42. 42. StoryGo Bob! He’s Like Me
  43. 43. Story
  44. 44. Context and AgreementContextStory
  45. 45. Connections
  46. 46. ConnectionsAlien (1979)
  47. 47. ConnectionsJaws inSpace
  48. 48. ConnectionsAnalogy
  49. 49. ConnectionsDr. Nadine Burke Harristhisamericanlife.org“Back to School” Ep. #474
  50. 50. Context and AgreementContextStory Connect
  51. 51. What’s Your Job Again?My job…?????
  52. 52. Start with Agreement & ContextAgreementContextWhat does the world of userexperience look like?
  53. 53. The World is Getting More Complicated
  54. 54. Connect to something familiarConnections
  55. 55. Relate the process with a storyUX
  56. 56. Agreement, Context, Connections, Story
  57. 57. Explaining Dropbox
  58. 58. Hate that feeling!ContextAgreement
  59. 59. That makes sense.I see now!Connections
  60. 60. Go Josh! He’s Like MeStory
  61. 61. 30k Views Per Day, 30m Total ViewsDropbox UsersViews100M30 M
  62. 62. Be remarkable
  63. 63. RadiolabColorsSeason 10, Episode 13Radiolab.org – WBEZTom Cronin
  64. 64. RadiolabWhat does therainbow look liketo animals?
  65. 65. Representing Color with Sound
  66. 66. What rainbow would a dog see?No Red Color Receptors
  67. 67. Recap
  68. 68. Mantis ShrimpMantis shrimp, photo by ursanate/flickr-CC-BY-2.0
  69. 69. Be Remarkable• This is a bullet point you won’t read in a million years• Here is another bullet point• By now you’ve totally tuned out and thinking aboutleaving• There’s no need to write any more.• This is a bullet point you won’t read in a million years• Here is another bullet point• By now you’ve totally tuned out and thinking aboutleaving• There’s no need to write any more.
  70. 70. Common Craft Style
  71. 71. Classroom Activity
  72. 72. Media MattersScreenFlowScreencasting SoftwarePowerPoint orKeynote+
  73. 73. Go Animate
  74. 74. Woven into the fabric of work life.
  75. 75. ??Look for problems to solve.
  76. 76. Lee LeFever @leelefevercommoncraft.comartofexplanation.com

×