see what i mean: how to communicate ideas with comics

106

Upload: kevin-cheng

Post on 01-Nov-2014

26.165 views

Category:

Design


1 download

DESCRIPTION

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

TRANSCRIPT

Page 1: See What I Mean: How to Communicate Ideas With Comics
Page 2: See What I Mean: How to Communicate Ideas With Comics
Page 3: See What I Mean: How to Communicate Ideas With Comics
Page 4: See What I Mean: How to Communicate Ideas With Comics

Page 5: See What I Mean: How to Communicate Ideas With Comics

Page 6: See What I Mean: How to Communicate Ideas With Comics

WTF?

Page 7: See What I Mean: How to Communicate Ideas With Comics

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

Page 8: See What I Mean: How to Communicate Ideas With Comics

?

Page 9: See What I Mean: How to Communicate Ideas With Comics

Page 10: See What I Mean: How to Communicate Ideas With Comics
Page 11: See What I Mean: How to Communicate Ideas With Comics
Page 12: See What I Mean: How to Communicate Ideas With Comics

“[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

Page 13: See What I Mean: How to Communicate Ideas With Comics

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

Page 14: See What I Mean: How to Communicate Ideas With Comics

How to storyboard

product ideas

kevin cheng

Page 15: See What I Mean: How to Communicate Ideas With Comics

kevin @k

don.na

#UXnight

seewhatimean.org

Page 16: See What I Mean: How to Communicate Ideas With Comics

What you need

Page 17: See What I Mean: How to Communicate Ideas With Comics

Properties of comics

Page 18: See What I Mean: How to Communicate Ideas With Comics

Communication

imagination

Expression

Motion

Page 19: See What I Mean: How to Communicate Ideas With Comics

communication

Page 20: See What I Mean: How to Communicate Ideas With Comics
Page 21: See What I Mean: How to Communicate Ideas With Comics
Page 22: See What I Mean: How to Communicate Ideas With Comics
Page 23: See What I Mean: How to Communicate Ideas With Comics
Page 24: See What I Mean: How to Communicate Ideas With Comics

imagination

Page 25: See What I Mean: How to Communicate Ideas With Comics
Page 26: See What I Mean: How to Communicate Ideas With Comics
Page 27: See What I Mean: How to Communicate Ideas With Comics
Page 28: See What I Mean: How to Communicate Ideas With Comics
Page 29: See What I Mean: How to Communicate Ideas With Comics

expression

Page 30: See What I Mean: How to Communicate Ideas With Comics

I’m sorry

Thank you

Page 31: See What I Mean: How to Communicate Ideas With Comics
Page 32: See What I Mean: How to Communicate Ideas With Comics
Page 33: See What I Mean: How to Communicate Ideas With Comics
Page 34: See What I Mean: How to Communicate Ideas With Comics

motion

Page 35: See What I Mean: How to Communicate Ideas With Comics
Page 36: See What I Mean: How to Communicate Ideas With Comics
Page 37: See What I Mean: How to Communicate Ideas With Comics
Page 38: See What I Mean: How to Communicate Ideas With Comics
Page 39: See What I Mean: How to Communicate Ideas With Comics
Page 40: See What I Mean: How to Communicate Ideas With Comics
Page 41: See What I Mean: How to Communicate Ideas With Comics
Page 42: See What I Mean: How to Communicate Ideas With Comics

Communication

imagination

Expression

Motion

Page 43: See What I Mean: How to Communicate Ideas With Comics
Page 44: See What I Mean: How to Communicate Ideas With Comics

You don’t need to be an artist

Page 45: See What I Mean: How to Communicate Ideas With Comics

Where are the artists?

Page 46: See What I Mean: How to Communicate Ideas With Comics
Page 47: See What I Mean: How to Communicate Ideas With Comics
Page 48: See What I Mean: How to Communicate Ideas With Comics
Page 49: See What I Mean: How to Communicate Ideas With Comics
Page 50: See What I Mean: How to Communicate Ideas With Comics
Page 51: See What I Mean: How to Communicate Ideas With Comics
Page 52: See What I Mean: How to Communicate Ideas With Comics
Page 53: See What I Mean: How to Communicate Ideas With Comics
Page 54: See What I Mean: How to Communicate Ideas With Comics
Page 55: See What I Mean: How to Communicate Ideas With Comics
Page 56: See What I Mean: How to Communicate Ideas With Comics
Page 57: See What I Mean: How to Communicate Ideas With Comics
Page 58: See What I Mean: How to Communicate Ideas With Comics
Page 59: See What I Mean: How to Communicate Ideas With Comics
Page 60: See What I Mean: How to Communicate Ideas With Comics
Page 61: See What I Mean: How to Communicate Ideas With Comics
Page 62: See What I Mean: How to Communicate Ideas With Comics
Page 63: See What I Mean: How to Communicate Ideas With Comics
Page 64: See What I Mean: How to Communicate Ideas With Comics
Page 65: See What I Mean: How to Communicate Ideas With Comics

Deciding on

Goal

Length

Audience

Use Case

Page 66: See What I Mean: How to Communicate Ideas With Comics
Page 67: See What I Mean: How to Communicate Ideas With Comics
Page 68: See What I Mean: How to Communicate Ideas With Comics
Page 69: See What I Mean: How to Communicate Ideas With Comics
Page 70: See What I Mean: How to Communicate Ideas With Comics
Page 71: See What I Mean: How to Communicate Ideas With Comics
Page 72: See What I Mean: How to Communicate Ideas With Comics

INT. TENT - LATE AFTERNOON ...Harry paces. Hermione snaps shut the flap. Smiles

nervously. HERMIONE

How're you feeling? OK? Harry nods. Hermione glances about. Fleur sits in stony

silence. Krum lies on a bench. Diggory paces. HERMIONE

The key is to concentrate. After that, you just have to...

HARRY Battle a dragon.

SETTING

DIALOGUE

ACTOR

ACTION

Page 73: See What I Mean: How to Communicate Ideas With Comics

Where are you?

In a car

In a black Subaru

On my way

Almost there

At 4th and Main

Page 74: See What I Mean: How to Communicate Ideas With Comics

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?

Page 75: See What I Mean: How to Communicate Ideas With Comics
Page 76: See What I Mean: How to Communicate Ideas With Comics

“Anal George”

Dialogue

Page 77: See What I Mean: How to Communicate Ideas With Comics

Source: Laurie Vertelney

Page 78: See What I Mean: How to Communicate Ideas With Comics
Page 79: See What I Mean: How to Communicate Ideas With Comics

Laying out

composition

perspective

flow

Page 80: See What I Mean: How to Communicate Ideas With Comics
Page 81: See What I Mean: How to Communicate Ideas With Comics
Page 82: See What I Mean: How to Communicate Ideas With Comics
Page 83: See What I Mean: How to Communicate Ideas With Comics
Page 84: See What I Mean: How to Communicate Ideas With Comics
Page 85: See What I Mean: How to Communicate Ideas With Comics
Page 86: See What I Mean: How to Communicate Ideas With Comics
Page 87: See What I Mean: How to Communicate Ideas With Comics
Page 88: See What I Mean: How to Communicate Ideas With Comics
Page 89: See What I Mean: How to Communicate Ideas With Comics

http://avatars.yahoo.com

Page 90: See What I Mean: How to Communicate Ideas With Comics

http://www.flickr.com/photos/brycej/collections/72157605791728828/

Page 91: See What I Mean: How to Communicate Ideas With Comics

Design Comic Templates: http://designcomics.org

Page 92: See What I Mean: How to Communicate Ideas With Comics
Page 93: See What I Mean: How to Communicate Ideas With Comics
Page 94: See What I Mean: How to Communicate Ideas With Comics

Comic Life: http://plasq.com

Page 95: See What I Mean: How to Communicate Ideas With Comics

http://bitstrips.com

Page 96: See What I Mean: How to Communicate Ideas With Comics
Page 97: See What I Mean: How to Communicate Ideas With Comics

Breaking down the barriers

Page 98: See What I Mean: How to Communicate Ideas With Comics

Audience

Page 99: See What I Mean: How to Communicate Ideas With Comics
Page 100: See What I Mean: How to Communicate Ideas With Comics

Based on original chart by Gayle Curtis and Laurie Vertelney

Page 101: See What I Mean: How to Communicate Ideas With Comics
Page 102: See What I Mean: How to Communicate Ideas With Comics
Page 103: See What I Mean: How to Communicate Ideas With Comics
Page 104: See What I Mean: How to Communicate Ideas With Comics

“Instructions that look

easier are interpreted as

easier tasks.”

http://www.scientificamerican.com/article.cfm?id=a-recipe-for-motivationA Recipe for Motivation: Easy to Read, Easy to Do

Page 105: See What I Mean: How to Communicate Ideas With Comics
Page 106: See What I Mean: How to Communicate Ideas With Comics

You were great!

[email protected]

• pinboard.in/u:kevnull/t:seewhatimean

twitter: twitter.com/kbook: seewhatimean.orgblog: kevnull.comcomic: okcancel.com