$30 off During Our Annual Pro Sale. View Details »

Comics are Real Work - dsgnday Amsterdam 11/11/14

almostexact
November 11, 2014

Comics are Real Work - dsgnday Amsterdam 11/11/14

Slides from my session at dsgnday Amsterdam. An introduction to using comics as a communication tool in organisations.

almostexact

November 11, 2014
Tweet

More Decks by almostexact

Other Decks in Design

Transcript

  1. Comics are
    real work
    Bonny Colville-Hyde
    User experience Architect
    @almostexact

    View Slide

  2. How do we
    make great
    digital stuff?

    View Slide

  3. View Slide

  4. User research
    is
    Awesome.

    View Slide

  5. We need to
    ask people
    how they do
    things…

    View Slide

  6. …why they do
    them…

    View Slide

  7. …and when
    they do them.

    View Slide

  8. …And we need
    to Listen to
    what they say!

    View Slide

  9. User
    research  

    View Slide

  10. Documenting &
    communicating
    Human
    experiences is
    hard

    View Slide

  11. View Slide

  12. View Slide

  13. View Slide

  14. View Slide

  15. If we don’t
    engage decision
    makers,
    we fail.

    View Slide

  16. People love
    Stories

    View Slide

  17. People Love
    Comics

    View Slide

  18. View Slide

  19. View Slide

  20. View Slide

  21. View Slide

  22. View Slide

  23. 17,897

    View Slide

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

    View Slide

  25. the longest
    story ever told
    by one person

    View Slide

  26. Why comics?

    View Slide

  27. Verbal
    Non
    Verbal

    View Slide

  28. Facial Expressions
    Eye contact
    Body language
    Gestures
    Speech

    View Slide

  29. Non-Verbals &
    Comics

    View Slide

  30. View Slide

  31. View Slide

  32. View Slide

  33. View Slide

  34. View Slide

  35. The power of
    Suggestion

    View Slide

  36. View Slide

  37. View Slide

  38. Great!
    I’ve booked
    my train home!

    View Slide

  39. “…But
    comics are
    for kids –
    My clients
    wouldn’t
    get it…”

    View Slide

  40. Charles  Schulz  

    View Slide

  41. View Slide

  42. View Slide

  43. View Slide

  44. The fun bit!

    View Slide

  45. Basic skills:
    Understanding
    comics

    View Slide

  46. Single panel:

    View Slide

  47. Strip:

    View Slide

  48. Pages:

    View Slide

  49. Yay! Gutters!

    View Slide

  50. View Slide

  51. storytelling

    View Slide

  52. View Slide

  53. ? !!!

    View Slide

  54. Buy this

    View Slide

  55. “…But I can’t
    draw…”

    View Slide

  56. View Slide

  57. xkcd.com/386  

    View Slide

  58. Basic skills:
    Drawing faces

    View Slide

  59. View Slide

  60. View Slide

  61. View Slide

  62. Basic skills:
    Drawing
    expressions

    View Slide

  63. View Slide

  64. Basic skills:
    Drawing
    figures

    View Slide

  65. View Slide

  66. View Slide

  67. View Slide

  68. 1. Skeleton   2. Sausages   3. Detail   4. Inking  

    View Slide

  69. 5. Tidy up   6. Vectors   7. Colour  

    View Slide

  70. Basic skills:
    characters

    View Slide

  71. View Slide

  72. View Slide

  73. View Slide

  74. Basic skills:
    Creating a
    comic

    View Slide

  75. View Slide

  76. View Slide

  77. Planning is
    REALLY
    important!

    View Slide

  78. Practical ways
    to use comics

    View Slide

  79. Pitching

    View Slide

  80. Camera Shop
    The  
    A fake brief:

    View Slide

  81. … they currently have a well
    developed customer base of
    professional
    photographers…
    …but they want to increase
    the number of amateur
    photographers shopping with
    them.

    View Slide

  82. Via  the  Money  Saving  Expert  forum  
    Finding ideas:  

    View Slide

  83. •  ‘Bob’ wants to buy a new
    compact camera.
    •  He’s shopped around
    , but has
    been overwhelmed by the variety
    and choice of cameras.
    •  He doesn’t want a lot of fancy
    features, but he does care
    about the image quality
    .
    •  He has up to £100 to spend.
    •  He is looking for help to make a
    decision.

    View Slide

  84. •  Bob wants to buy a new camera because his
    current one has broken. He wants to replace
    his camera before he goes on holiday
    .
    •  He has looked on several websites, but has
    been overwhelmed by the choice. He needs
    help to refine appropriate cameras into a
    more manageable shortlist, or even to find
    the best one for him.
    •  The site or app needs to allow him to
    control his searching and browsing so he
    can manage the volume of results. It needs
    to give him choice but not overwhelm him.
    •  He needs to be able to look at cameras
    based on their size (he wants it to be
    compact), their image quality (it needs to take
    nice pictures) and its price (it must be under
    £100).

    View Slide

  85. 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

    View Slide

  86. View Slide

  87. View Slide

  88. Share
    research
    (A.K.A: Bringing research
    to life)

    View Slide

  89. View Slide

  90. View Slide

  91. View Slide

  92. View Slide

  93. Test ideas with
    users

    View Slide

  94. View Slide

  95. Kevin  CHENG,  Yahoo  

    View Slide

  96. Develop
    personas

    View Slide

  97. Meet ‘Denise’:

    View Slide

  98. View Slide

  99. View Slide

  100. View Slide

  101. Communicate &
    explore ideas

    View Slide

  102. ScoI  McCLOUD,  Google  Chrome  

    View Slide

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

    View Slide

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

    View Slide

  105. View Slide

  106. Key points to
    remember

    View Slide

  107. engage decision
    makers

    View Slide

  108. Speak to users
    as often as
    possible

    View Slide

  109. Plan!

    View Slide

  110. Wait for ink to
    dry before
    using an eraser

    View Slide

  111. Enjoy yourself

    View Slide

  112. Thank you!
    @almostexact

    View Slide