52
literacy literacy DESIGN DESIGN Saturday, July 13, 13

Design literacy

Embed Size (px)

DESCRIPTION

Long-form essay forthcoming. Bibliography here: http://bit.ly/10Mdelj

Citation preview

Page 1: Design literacy

literacyliteracyD E S I G ND E S I G N

Saturday, July 13, 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)

Saturday, July 13, 13

Page 3: Design literacy

Saturday, July 13, 13

Page 4: Design literacy

Saturday, July 13, 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

Saturday, July 13, 13

Page 6: Design literacy

Why would Dustin publish this?

Saturday, July 13, 13

Page 7: Design literacy

fashion

commerce

infrastructure

governance

culture

natureSaturday, July 13, 13

Page 8: Design literacy

fashion

commerce

infrastructure

governance

culture

natureSaturday, July 13, 13

Page 9: Design literacy

fashion

commerce

infrastructure

governance

culture

natureSaturday, July 13, 13

Page 10: 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

Saturday, July 13, 13

Page 11: Design literacy

2 hours

Saturday, July 13, 13

Page 12: Design literacy

365 days365 days

Saturday, July 13, 13

Page 13: Design literacy

Saturday, July 13, 13

Page 14: Design literacy

LiteracyLiteracy

Saturday, July 13, 13

Page 15: 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

Saturday, July 13, 13

Page 16: Design literacy

Knowing how to consume writing

READING

WRITINGenables new trains of thought.

Saturday, July 13, 13

Page 17: Design literacy

Design in service of existing systems enables

Consensus

dissensusis enabled by adversarial design.

Saturday, July 13, 13

Page 18: Design literacy

Saturday, July 13, 13

Page 19: Design literacy

commercedesign forcommercedesign for

Saturday, July 13, 13

Page 20: Design literacy

Civic LiteracyField Guides to Ensuring Voter Intent

Saturday, July 13, 13

Page 21: Design literacy

Civic LiteracyGov.UK’s Service Design Manual

Saturday, July 13, 13

Page 22: Design literacy

Health LiteracyHealthfinder.gov, Telling Kids About Cancer

Saturday, July 13, 13

Page 23: Design literacy

designadversarial

designadversarial

Saturday, July 13, 13

Page 24: Design literacy

Bi!er Pill

Saturday, July 13, 13

Page 25: Design literacy

ONE ACETAMINOPHEN

TABLET COSTS 1.5¢.

YOUR HOSPITAL MARKS IT UP

10,000%

Saturday, July 13, 13

Page 26: 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

Saturday, July 13, 13

Page 27: Design literacy

Million Dollar Blocks

Saturday, July 13, 13

Page 28: Design literacy

At any level of abstraction, design

can either be a gesture of consent or

dissent.Saturday, July 13, 13

Page 29: Design literacy

In practiceIn practice

Saturday, July 13, 13

Page 30: Design literacy

AccessibilitySaturday, July 13, 13

Page 31: Design literacy

1. Obtain literacy2. ???3. Profit

Saturday, July 13, 13

Page 32: Design literacy

<img alt=”description” />

no yesSaturday, July 13, 13

Page 33: Design literacy

Saturday, July 13, 13

Page 34: Design literacy

“experts” “developers”

“Designer”

Saturday, July 13, 13

Page 35: Design literacy

MAGIC

“experts” “developers”

Saturday, July 13, 13

Page 36: Design literacy

experts wanted testsA government that ensured

accessibility compliance.

Saturday, July 13, 13

Page 37: Design literacy

magic: design for commerceDesign 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?

Saturday, July 13, 13

Page 38: Design literacy

devs wanted understandingA government that ensured

accessibility literacy.

Saturday, July 13, 13

Page 39: Design literacy

adversarial designHelp culture see the ways in

which its system wasn’t working.

Testing is not teaching.

Saturday, July 13, 13

Page 40: 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

Saturday, July 13, 13

Page 41: 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”

Saturday, July 13, 13

Page 42: Design literacy

Storytelling principles

๏ People and personalities – Who?

๏ External culture – For whom? Why?

๏ Internal culture – For whom? Why?

๏ Goal – Where are we going?

๏ Narrative – How far have we gone?

Saturday, July 13, 13

Page 43: Design literacy

A plea for content strategy

๏ Problem

๏ Vision

๏ High-level strategy

๏ NPR’s COPE story

๏ Content roadmap

๏ Caveats & Open questions

Saturday, July 13, 13

Page 44: Design literacy

What this means for us

What this means for us

Saturday, July 13, 13

Page 45: Design literacy

fashion & Commerce

“Genius” design shapes

cultureis shaped by user-centered design.

Saturday, July 13, 13

Page 46: Design literacy

fashion

commerce

infrastructure

governance

culture

nature

Visual design

Interaction design

Information architecture

Content strategy

User-centered design

Saturday, July 13, 13

Page 47: Design literacy

tricks

techniques

process

methodology

dogma

Adapted from Jared Spool’s Presentation “Journey To The Center Of Design”

Saturday, July 13, 13

Page 48: Design literacy

Saturday, July 13, 13

Page 49: 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.

Saturday, July 13, 13

Page 50: Design literacy

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

Saturday, July 13, 13

Page 51: Design literacy

Saturday, July 13, 13