Learning from Comics - DotYork 2015

Slides from my talk at DotYork 2015

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.
7. Documenting & communicating Human experiences is hard
9. ‘Deliverables’ Suck
11. If we don’t engage decision makers, we fail.
12. h#p://www.slideshare.net/birgitgcom   @birgitgcom  
13. Communication is hard
15. We can engage people with experiences.
16. People love Stories
17. People Love Comics
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
34. “…But comics are for kids – My Team wouldn’t get it…”
35. Charles  Schulz  
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
48. Share research (A.K.A: Bringing research to life)
49. Experienced   Novice   SkepHcal     TrusHng   BOB   SUE  
54. Test ideas with users
56. Kevin  CHENG,  Yahoo  
57. Develop personas
58. Meet ‘Denise’:
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!
73. ? !!!
75. Buy this
77. “…But I can’t draw…”
78. Drawing is not scary
79. It just takes practice
80. xkcd.com/386  
81. Drawing faces
85. Drawing expressions
87. Drawing figures
90. 1. Skeleton   2. Sausages   3. Detail   4. Inking  
91. 5. Tidy up   6. Vectors   7. Colour  
92. characters
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