see what i mean: how to communicate ideas with comics

Post on 01-Nov-2014

26.165 Views

Category:

Design

1 Downloads

Preview:

Click to see full reader

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

WTF?

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

?

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

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

How to storyboard

product ideas

kevin cheng

kevin @k

don.na

#UXnight

seewhatimean.org

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

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)?

• city/country?

• time of day?

• weather?

• What else is happening?

“Anal George”

Dialogue

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

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

You were great!

kc@kevnull.com

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

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

top related