Pro Yearly is on sale from $80 to $50! »

Learning from Comics - DotYork 2015

609b3b03baf8375ab06dea373f9a9a84?s=47 almostexact
April 09, 2015

Learning from Comics - DotYork 2015

Slides from my talk at DotYork 2015

609b3b03baf8375ab06dea373f9a9a84?s=128

almostexact

April 09, 2015
Tweet

Transcript

  1. LEARNING FROM COMICS Bonny Colville-Hyde User experience Architect @almostexact

  2. How do we make great digital stuff?

  3. Good intentions   :-/

  4. Understand Requirements (business + User)   Stakeholder Buy-in   :-)

    :-) +
  5. User research is Awesome.

  6. None
  7. Documenting & communicating Human experiences is hard

  8. None
  9. ‘Deliverables’ Suck

  10. None
  11. If we don’t engage decision makers, we fail.

  12. h#p://www.slideshare.net/birgitgcom   @birgitgcom  

  13. Communication is hard

  14. None
  15. We can engage people with experiences.

  16. People love Stories

  17. People Love Comics

  18. None
  19. None
  20. None
  21. None
  22. None
  23. h#p://bza.co/joshln  

  24. 17,897

  25. 17,897 Comic strips 50 years Peanuts,  Charles  Schulz  

  26. the longest story ever told by one person

  27. Why are comics so successful?

  28. Verbal Non Verbal

  29. Facial Expressions Eye contact Body language Gestures Speech

  30. The magic of non-verbal communication

  31. None
  32. None
  33. None
  34. “…But comics are for kids – My Team wouldn’t get

    it…”
  35. Charles  Schulz  

  36. None
  37. None
  38. None
  39. Comics in action

  40. Pitching

  41. Camera Shop The   A fake brief:

  42. … they currently have a well developed customer base of

    professional photographers… …but they want to increase the number of amateur photographers shopping with them.
  43. Via  the  Money  Saving  Expert  forum   Finding ideas:  

  44. storytelling

  45. 1. Introduce Bob 2. Bob’s camera has broken 3. Bob

    looks for cameras online 4. Bob gets overwhelmed 5. Bob finds The Camera Shop 6. Bob finds ‘The Compact Camera’ finder 7. Bob filters compact cameras by price and size 8. Bob finds a camera he is interested in 9. Bob browses photos taken with the camera from Flickr 10. Bob feels satisfied and purchases the camera
  46. None
  47. None
  48. Share research (A.K.A: Bringing research to life)

  49. Experienced   Novice   SkepHcal     TrusHng   BOB

      SUE  
  50. None
  51. None
  52. None
  53. None
  54. Test ideas with users

  55. None
  56. Kevin  CHENG,  Yahoo  

  57. Develop personas

  58. Meet ‘Denise’:

  59. None
  60. None
  61. None
  62. Communicate & explore ideas

  63. Sco#  McCLOUD,  Google  Chrome  

  64. Comic  created  for  conceptual  iOS  fitness  app  ‘Training  Buddy’  

  65. Comic  created  for  conceptual  iOS  fitness  app  ‘Training  Buddy’  

  66. What makes a comic?

  67. Single panel:

  68. Strip:

  69. Pages:

  70. Yay! Gutters!

  71. None
  72. None
  73. ? !!!

  74. None
  75. Buy this

  76. None
  77. “…But I can’t draw…”

  78. Drawing is not scary

  79. It just takes practice

  80. xkcd.com/386  

  81. Drawing faces

  82. None
  83. None
  84. None
  85. Drawing expressions

  86. None
  87. Drawing figures

  88. None
  89. None
  90. 1. Skeleton   2. Sausages   3. Detail   4.

    Inking  
  91. 5. Tidy up   6. Vectors   7. Colour  

  92. characters

  93. None
  94. Tools Brush  textures  for  Photoshop  created  by  Alex  Dukal:  h#p://circografico.com.ar/shop/

     
  95. Comic Life

  96. Key points to remember

  97. engage decision makers

  98. Don’t obsess about process

  99. Speak to users as often as possible

  100. Plan!

  101. Make it easy for yourself

  102. Wait for ink to dry before using an eraser

  103. Have fun

  104. Thank you! @almostexact