See What I Mean: How to Communicate Ideas With Comics

21,391 views

Published on

Get the Rosenfeld Media book "See What I Mean: How to Communicate Ideas with Comics" http://seewhatimean.org

Storyboards capture an experience in a visual way. They communicate complex ideas in succinct, understandable ways—whether for planning a feature film or the user experience of an application.

In this presentation, I talk about how organizations like AirBnB, Google, eBay, and the U.S. Postal Service have opted for comics (instead of lengthy reports or requirements docs) to tell the stories of their users and their products.

You don’t need illustrator skills to do it, either. Learn how to:
Teach people by using comics
- Your audiences will learn before they even know they’re learning.
- See why comics are a “trojan horse” of information
- Convey who, what, why, and how a product fits into someone’s life

Draw without fear
- You'll start to combine communication, imagination, expression, and time.
- Get basic tools for drawing—even if you think you can’t draw

Engage users early to solicit feedback, then document that with more drawings
- Fit your comics into storyboards
- You'll establish a repeatable process in your organization.
- Capture how things currently are done—and how you want them to change

Reach users, teams, and stakeholders with a “show, don’t tell” approach
- Sell comics to stakeholders
- You’ll persuade your boss using real data.
- Hear examples of how the USPS and the U.S. Navy reached consumers via comics
- See how Adobe and eBay used comics for customer support and internal processes

1 Comment
59 Likes
Statistics
Notes
No Downloads
Views
Total views
21,391
On SlideShare
0
From Embeds
0
Number of Embeds
784
Actions
Shares
0
Downloads
987
Comments
1
Likes
59
Embeds 0
No embeds

No notes for slide

See What I Mean: How to Communicate Ideas With Comics

  1. 1. ♥
  2. 2.
  3. 3. WTF?
  4. 4. "Once you have javascript executing, it's going to keep going, and the browser can't do anything else until javascript returns control to the browser. So developers write APIs that are asynchronous and every now and then the browser locks up because javascript is hung up on something."
  5. 5. ?
  6. 6.
  7. 7. “[Comics] let us illustrate what was really happening with the technology in an abstract and digestible way. If we just had a white paper, very few people would have read it.” — Anna-Christina Douglas, Google
  8. 8. Images copyright DC Comics, Marvel Comics, Bill Watterson, Jim Davis, Scott Adams, Frank Miller, Warner Bros, Akira Toriyama, Gary Larson, Bil Keane, Jerry Holkins and Mike Krahulik
  9. 9. How to storyboard product ideas kevin cheng
  10. 10. kevin @k don.na seewhatimean.org #UXnight
  11. 11. What you need
  12. 12. Properties of comics
  13. 13. Communication imagination Expression Motion
  14. 14. communication
  15. 15. imagination
  16. 16. expression
  17. 17. I’m sorry Thank you
  18. 18. motion
  19. 19. Communication imagination Expression Motion
  20. 20. You don’t need to be an artist
  21. 21. Where are the artists?
  22. 22. Deciding on Goal Length Audience Use Case
  23. 23. INT. TENT - LATE AFTERNOON SETTING ...Harry paces. Hermione snaps shut the flap. Smiles nervously. ACTION HERMIONE
 How're you feeling? OK? Harry nods. Hermione glances about. Fleur sits in stony silence. Krum lies on a bench. Diggory paces. HERMIONE
 ACTOR The key is to concentrate. After that, you just have to... DIALOGUE HARRY
 Battle a dragon.
  24. 24. Where are you? In a car In a black Subaru On my way Almost there At 4th and Main
  25. 25. Where are you? • indoors or outdoors? • place of work? Home? • kind of building (hospital, skyscraper,conference)? • city/country? • time of day? • weather? • What else is happening?
  26. 26. Dialogue “Anal George”
  27. 27. Source: Laurie Vertelney
  28. 28. Laying out composition perspective flow
  29. 29. http://avatars.yahoo.com
  30. 30. http://www.flickr.com/photos/brycej/collections/72157605791728828/
  31. 31. Design Comic Templates: http://designcomics.org
  32. 32. Comic Life: http://plasq.com
  33. 33. http://bitstrips.com
  34. 34. Breaking down the barriers
  35. 35. Audience
  36. 36. Based on original chart by Gayle Curtis and Laurie Vertelney
  37. 37. “Instructions that look easier are interpreted as easier tasks.” A Recipe for Motivation: Easy to Read, Easy to Do http://www.scientificamerican.com/article.cfm?id=a-recipe-for-motivation
  38. 38. You were great! kc@kevnull.com • pinboard.in/u:kevnull/t:seewhatimean twitter: twitter.com/k book: seewhatimean.org blog: kevnull.com
 comic: okcancel.com

×