♥
♥
WTF?
"Once you have javascript executing, it's
going to keep going, and the browser can't
do anything else until javascript ret...
?
✎
“[Comics] let us illustrate what was really
happening with the technology in an abstract
and digestible way. If we just ha...
Images copyright DC Comics, Marvel Comics, Bill Watterson, Jim Davis, Scott Adams, Frank Miller, Warner Bros, Akira Toriya...
How to
storyboard
product ideas
kevin cheng
kevin @k
don.na
seewhatimean.org
#UXnight
What you need
Properties of comics
Communication
imagination
Expression
Motion
communication
imagination
expression
I’m sorry

Thank you
motion
Communication
imagination
Expression
Motion
You don’t need to be
an artist
Where are the artists?
Deciding on
Goal
Length
Audience
Use Case
INT. TENT - LATE AFTERNOON SETTING
...Harry paces. Hermione snaps shut the flap. Smiles
nervously.
ACTION
HERMIONE

How're...
Where are you?
In a car
In a black Subaru
On my way
Almost there
At 4th and Main
Where are you?
•

indoors or outdoors?

•

place of work? Home?

•

kind of building (hospital,
skyscraper,conference)?

•...
Dialogue

“Anal George”
Source: Laurie Vertelney
Laying out
composition
perspective
flow
http://avatars.yahoo.com
http://www.flickr.com/photos/brycej/collections/72157605791728828/
Design Comic Templates: http://designcomics.org
Comic Life: http://plasq.com
http://bitstrips.com
Breaking down the
barriers
Audience
Based on original chart by Gayle Curtis and Laurie Vertelney
“Instructions that look
easier are interpreted as
easier tasks.”
A Recipe for Motivation: Easy to Read, Easy to Do
http://...
You were great!
kc@kevnull.com
• pinboard.in/u:kevnull/t:seewhatimean

twitter: twitter.com/k

book: seewhatimean.org

blo...
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
See What I Mean: How to Communicate Ideas With Comics
Upcoming SlideShare
Loading in...5
×

See What I Mean: How to Communicate Ideas With Comics

19,610

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
58 Likes
Statistics
Notes
No Downloads
Views
Total Views
19,610
On Slideshare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
985
Comments
1
Likes
58
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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×