Copy As Interface | Erika Hall | Web 2.0 Expo

130
Copy as Interface Erika Hall, Mule Design Studio, San Francisco Web 2.0 Expo, April 23, 2008

description

 

Transcript of Copy As Interface | Erika Hall | Web 2.0 Expo

Page 1: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface

Erika Hall, Mule Design Studio, San FranciscoWeb 2.0 Expo, April 23, 2008

Page 2: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 3: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Word Of The Day:

caveat

Page 4: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Whither the future of interface?

Page 5: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 6: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Voguing with information?

Minority Report (2002)

Page 7: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

We’re getting there

Page 8: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Then there is this thing.

iPhone (2007)

Page 9: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

People will want to access your application in new ways.

Nabaztag (2007)

Page 10: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

What does this mean for applications?

Page 11: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

“People rarely read Web pages word by word; instead, they scan the page.”

—Jakob Nielsen, 1997

Page 12: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

“People don’t read on the Web.”

Page 13: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Idiocracy (2006)

Page 14: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 15: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 16: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 17: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 18: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 19: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 20: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

http://www.iwantptv.com/images/tivo/Tivo_Suggestions.jpg

Photo: Steve Garfield

Page 21: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 22: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 23: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 24: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

It’s good to know when to cede control.

Page 25: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

What is Web 2.0 Writing?

Page 26: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

We aren’t writing, we are speaking in text.

Page 27: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

“Orality knits persons together into community.”

—Walter Ong, 1982

Page 28: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Oral Culture Literacy SecondaryOrality

Page 29: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

“Tell me, O muse, of that ingenious

hero who travelled far and wideafter he had

sacked the famous town of Troy.”

“ M Y D E A R A N D HONORED FRIEND: I have often been desirous of writing to thee, but could not be reconciled to the thought that the letter might fall into the hands of the British, lest some printer or busy-body should publish some part of the contents, and give our friend pain, and myself censure.

“O Hai Sign up now.”

Page 30: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Web 2.0 language is simple,conversational, specific, and direct.

Page 31: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

How do users benefit?

photo by Marxpix

Page 32: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

How will YOU benefit?

photo by Wirehead

Page 33: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

How copy functions in the interface:• salutation• orientation & navigation• action• (situations requiring) service

Page 34: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Salutation!

Page 35: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 36: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 37: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

clearforest.com

Page 38: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

clearforest.com

Page 39: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 40: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 41: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

schoolofeverything.com

Page 42: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

schoolofeverything.com

Page 43: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Orientation & Navigation

Page 44: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 45: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Phishing

Page 46: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Phishing

e

Page 47: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

hulu.com

Page 48: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

hulu.com

Page 49: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 50: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 51: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 52: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

“Short words are best and the old words when short are best of all.”

— Winston Churchill

Page 53: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Action

Page 54: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 55: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 56: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 57: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 58: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 59: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 60: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 61: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

eharmony.com

Page 62: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

eharmony.com

Page 63: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Service

Page 64: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

mint.com

Page 65: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

mint.com

Page 66: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

flickr.com

Page 67: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

flickr.com

Page 68: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 69: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

etsy.com

Page 70: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

apple.com

Page 71: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

microsoft.com

Page 72: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 73: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 74: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

5 ways to get words right:• Be authentic.

• Be engaging.

• Be specific.

• Be appropriate.

• Be polite.

Page 75: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Be Authentic.

Page 76: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

twitter.com

Page 77: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 78: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

“The great enemy of clear language is insincerity. When there is a gap between one’s real and one’s declared aims, one turns, as it were, instinctively to long words and exhausted idioms, like a cuttlefish squirting out ink.”

—George Orwell

Page 79: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Be Engaging.

Page 80: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

virgin-atlantic.com

Page 81: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

virgin-atlantic.com

Page 82: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

citibank.com

Page 83: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

citibank.com

Page 84: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

pownce.com

Page 85: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

pownce.com

Page 86: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

pownce.com

Page 87: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Be Specific.

Page 88: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

gettyimages.com

Page 89: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

gettyimages.com

Page 90: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Page 91: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

etsy.com

Page 92: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

etsy.com

Page 93: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

emusic.com

Page 94: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Be Appropriate.

Page 95: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

“Where’s My Stuff?”

amazon.com

Page 96: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

irs.gov

Page 97: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

flickr.com

Page 98: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Be Polite.

Page 99: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

feedburner.com

Page 100: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

feedburner.com

Page 101: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

subtraction.com

Page 102: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

subtraction.com

Page 103: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

particletree.com

Page 104: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Add a picture of a screw-up here.

—Erika

Page 105: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

7 Kinds of Bad

Inconsistent

Presumptuous

Unnatural

Vague

(Too) Clever

Rude

Oblivious

Page 106: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Vague!

Basecamp

Page 107: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Vague!

Basecamp

Page 108: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Vague!

Page 109: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Unnatural!

bofa.com

Page 110: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Unnatural!

bofa.com

Page 111: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Don’t be too clever.

Page 112: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

“Murder your darlings.”— Sir Arthur Quiller-Couch, Cambridge Lecturer

(among other things)

Page 113: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Don’t be rude.

photo by Gil Jimenez

Page 114: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Rude!

myspace.com

Page 115: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Don’t be oblivious .

Page 116: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

cnn.com

Page 117: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

cnn.com

Page 118: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

cnn.com

Page 119: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

cnn.com

Page 120: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

facebook.com

Page 121: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

facebook.com

Page 122: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Don’t be inconsistent.

Page 123: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

ebay.com

Inconsistent!

Page 124: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

ebay.com

Inconsistent!

Page 125: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Don’t be presumptuous.

Don’t be presumptuous.

Page 126: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Presumptuous!

usatoday.com

Page 127: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

americanexpress.com

Seriously?

Page 128: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

You will still need designers.

Page 129: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

Getting Real37Signals

Page 130: Copy As Interface | Erika Hall | Web 2.0 Expo

Copy as Interface Web 2.0 Expo, April 23, 2008

KTHXBAI!

[email protected]