59
literacy literacy DESIGN DESIGN Wednesday, September 11, 13

Design literacy

Embed Size (px)

DESCRIPTION

Long-form essay forthcoming. Clay Shirky suggests that "literacy, in any medium, means not just knowing how to read that medium, but also how to create in it, and to understand the difference between good and bad uses." In this talk we'll discuss ways in which literacy facilitates not just understanding but empowerment as well, allowing organizations and their customers to better communicate with one another. Bibliography here: http://bit.ly/10Mdelj

Citation preview

Page 1: Design literacy

literacyliteracyD E S I G ND E S I G N

Wednesday, September 11, 13

Page 2: Design literacy

Dear AmericanAirlinesI redesigned your website and I'd like to get your opinion....

Dustin Curtishttp://dustincurtis.com/dear_american_airlines.html

(A design villain)

Wednesday, September 11, 13

Page 3: Design literacy

Wednesday, September 11, 13

Page 4: Design literacy

Wednesday, September 11, 13

Page 5: Design literacy

Fire your entire design team... [who] is obviously incapable of building a good experience. Get outside help.

Dustin Curtishttp://dustincurtis.com/dear_american_airlines.html

Wednesday, September 11, 13

Page 6: Design literacy

Dear Dustin Curtis,

I saw your blog post titled “Dear American Airlines,” and I thought I’d drop a line. Sorry for the length of this email, but let me sum up the gist of what I’ve written below: You’re right. You’re so very right. And yet…

Mr. X (via Dustin Curtis)http://dustincurtis.com/dear_dustin_curtis.html

Wednesday, September 11, 13

Page 7: Design literacy

2 hours

Wednesday, September 11, 13

Page 8: Design literacy

365 days365 days

Wednesday, September 11, 13

Page 9: Design literacy

Why would Dustin publish this?

Wednesday, September 11, 13

Page 10: Design literacy

Calling, sending a text, writing a letter.

Write a Yelp review, etc.

Publish a tweet, a blog post, etc.

Take out a newspaper, billboard ad, etc.

...Consulting.

Wednesday, September 11, 13

Page 11: Design literacy

LiteracyLiteracy

Wednesday, September 11, 13

Page 12: Design literacy

Literacy, in any medium, means not just knowing how to read that medium, but also how to create in it, and to understand the difference between good and bad uses.

Clay ShirkeyForeword to Mediactive by Dan Gillmor

Wednesday, September 11, 13

Page 13: Design literacy

QualitativeQUANTITATIVE QUANTITATIVE QUANTITATIVE

QUANTITATIVE QUANTITATIVE QUANTITATIVE

QUANTITATIVE QUANTITATIVE QUANTITATIVE

Wednesday, September 11, 13

Page 14: Design literacy

Wednesday, September 11, 13

Page 15: Design literacy

Wednesday, September 11, 13

Page 16: Design literacy

Wednesday, September 11, 13

Page 17: Design literacy

Wednesday, September 11, 13

Page 18: Design literacy

Design literacy requires that we...

๏ Design effectively with existing media.

๏ Understand the psychology of people.

๏ Understand our “limitations.”

๏ See the potential in new media.

๏ Prudently leverage these, over time, to teach.

Wednesday, September 11, 13

Page 19: Design literacy

Wednesday, September 11, 13

Page 20: Design literacy

discover define develop deliver

1 2 3 4

Wednesday, September 11, 13

Page 21: Design literacy

WRITINGPieces together thoughts

Expands our understanding

READINGWednesday, September 11, 13

Page 22: Design literacy

consensusDesign for commerce

Adversarial design

DissensusWednesday, September 11, 13

Page 23: Design literacy

CONSENSUSCONSENSUS

Wednesday, September 11, 13

Page 24: Design literacy

eCommerceA/B testing conversions

Wednesday, September 11, 13

Page 25: Design literacy

Civic LiteracyField Guides to Ensuring Voter Intent

Wednesday, September 11, 13

Page 26: Design literacy

Health LiteracyHealthfinder.gov, Telling Kids About Cancer

Wednesday, September 11, 13

Page 27: Design literacy

dissensusdissensus

Wednesday, September 11, 13

Page 28: Design literacy

Bi!er Pill

Wednesday, September 11, 13

Page 29: Design literacy

ONE ACETAMINOPHEN

TABLET COSTS 1.5¢.

YOUR HOSPITAL MARKS IT UP

10,000%

Wednesday, September 11, 13

Page 30: Design literacy

The culture we created as a consequence, though, was – and still is in some ways – profoundly unattractive. What was supposed to be fairness can become callousness or, at the very least, can feel that way when read from the other side.

Nick HarkawayThe Blind Giant

Wednesday, September 11, 13

Page 31: Design literacy

Million Dollar Blocks

Wednesday, September 11, 13

Page 32: Design literacy

Wednesday, September 11, 13

Page 33: Design literacy

At any level of abstraction, design can either be a gesture of consent or

dissent. A statement of fact or a rhetorical question.

Wednesday, September 11, 13

Page 34: Design literacy

Designing forLiteracy

Designing for Literacy

Wednesday, September 11, 13

Page 35: Design literacy

AccessibilityWednesday, September 11, 13

Page 36: Design literacy

1. Obtain literacy2. ???3. Profit

Wednesday, September 11, 13

Page 37: Design literacy

<img alt=”description” />

no yes

Wednesday, September 11, 13

Page 38: Design literacy

Wednesday, September 11, 13

Page 39: Design literacy

experts developers

Designer

Wednesday, September 11, 13

Page 40: Design literacy

MAGIC

experts developers

Wednesday, September 11, 13

Page 41: Design literacy

experts wanted testsA government that ensured

accessibility compliance.

Wednesday, September 11, 13

Page 42: Design literacy

magic: design for consensusDesign to facilitate accessibility

compliance.

What’s the relative contrast of color pairings on your webpage?

What’s relative contrast?

What are color pairings?

What’s a webpage?

Wednesday, September 11, 13

Page 43: Design literacy

devs wanted understandingA government that ensured

accessibility literacy.

Wednesday, September 11, 13

Page 44: Design literacy

adversarial designHelp culture see the ways in

which its system wasn’t working.

Testing is not teaching.

Wednesday, September 11, 13

Page 45: Design literacy

If you are coming from outside the usual pool of people who work in Field X, you’re going to hit [cultural] barriers. Some of those barriers need to be rattled and eventually demolished, but some are just about a lack of shared context. Open secrets are the hardest ones to crack when you’re coming in from outside, because no one will take you aside and whisper them in your ear. They’re the air everyone else is breathing.

Erin Kissane Wednesday, 12 June 2013 – The Pastry Box

Wednesday, September 11, 13

Page 46: Design literacy

Journalism principles

๏ Thoroughness. Learn to speak the language.

๏ Accuracy. Avoid errors; they undermine trust.

๏ Fairness. Talk to users and stakeholders.

๏ Independence. Construct your own narrative.

๏ Transparency. Ask people to corroborate.

Adapted from Dan Gillmor’s principles of trustworthy media creation in “Mediactive”

Wednesday, September 11, 13

Page 47: Design literacy

A plea for content strategy

๏ Problem

๏ Vision

๏ High-level strategy

๏ Content roadmap

๏ Caveats & Open questions

Wednesday, September 11, 13

Page 48: Design literacy

What this means for us

What this means for us

Wednesday, September 11, 13

Page 49: Design literacy

fashion

commerce

infrastructure

governance

culture

natureWednesday, September 11, 13

Page 50: Design literacy

fashion

commerce

infrastructure

governance

culture

natureWednesday, September 11, 13

Page 51: Design literacy

fashion

commerce

infrastructure

governance

culture

natureWednesday, September 11, 13

Page 52: Design literacy

fashion

commerce

infrastructure

governance

culture

nature

Visual design

Interaction design

Information architecture

Content strategy

User-centered

Wednesday, September 11, 13

Page 53: Design literacy

JOURNALISM

TEACHING

1 2

Wednesday, September 11, 13

Page 54: Design literacy

What this means for users

What this means for users

Wednesday, September 11, 13

Page 55: Design literacy

We’re in an industry that initially focused on having users not think

when there’s a ton of merit in considering what we want users

to think about.

Wednesday, September 11, 13

Page 56: Design literacy

The “literacy” bar

Book awesome

2,000 BOOKS

BLUE SKY

User awesome

NOISY & BLOODY

BLUE SKY

Adapted from Kathy Sierra at Business of Software 2012. Building the Minimum Badass User.

Wednesday, September 11, 13

Page 57: Design literacy

Don’t focus on the thing, focus on the user. Enable literacy through design.

Wednesday, September 11, 13

Page 58: Design literacy

Wednesday, September 11, 13