fowd belfast, webstandardistas: a picture is worth a thousand words

49
<p> <del>A picture is worth</del> a thousand words. </p> Christopher Murphy and Nicklas Persson www.webstandardistas.com @standardistas

Upload: standardistas

Post on 07-Jul-2015

956 views

Category:

Spiritual


2 download

DESCRIPTION

Presentation for the Future of Web Design Tour 2009 held in Belfast on the 2nd of September. Enjoy.Chris Murphy and Nicklas Persson Web Standardistas@standardistas

TRANSCRIPT

Page 1: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

<p> <del>A picture is worth</del> a thousand words.</p>

Christopher Murphy and Nicklas Persson www.webstandardistas.com @standardistas

Page 2: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

"

Jon Tangerine

Every design school on the planet should make 'HTML and CSS Web Standards Solutions' a required textbook."

Page 3: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

17%

12%

32%

39%

LayoutBehaviourFormCSS3

11%

49%19%

21%

(X)HTMLDynamic ContentRTFMAccessibility

Key Ingredients of Successful Web Design

14%

17%

16%

53%

InteractivityMarkupWordsRDFa

Page 4: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

Macrocopy Establishes the tone. Sets personality.

Microcopy Reinforces the tone. Satisfies a function.

Page 5: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

There was a golden age when copy was crafted.

Page 6: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 7: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 8: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

The Spock-Kirk Continuum

Page 9: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

Macrocopy Establishes the tone. Sets personality.

Page 10: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 11: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 12: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 13: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 14: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 15: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

You have to put your money where your mouth is.*

*You can't fake this shit.

Page 16: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 17: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 18: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 19: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 20: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 21: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 22: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 23: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 24: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

Microcopy Reinforces the tone. Satisfies a function.

Page 25: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 26: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

If I had more time, I would have written you a shorter letter."

Blaise Pascal

"

Page 27: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 28: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 29: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

Making the unmissable, unmissable.

BBC iPlayer

Page 30: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

Nothing sucks like an Electrolux.

Electrolux

Page 31: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

Beef. It’s what’s for dinner.

National Cattlemen’s Beef

Page 32: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 33: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 34: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 35: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 36: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 37: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 38: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 39: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 40: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 41: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 42: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 43: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 44: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 45: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 46: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 47: FOWD Belfast, Webstandardistas: A picture is worth a thousand words
Page 48: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

The fastest way to improve your interface is to improve your copy-writing."

Joshua Porter, Bokardo

"

Page 49: FOWD Belfast, Webstandardistas: A picture is worth a thousand words

Thank You

Christopher Murphy and Nicklas Persson www.webstandardistas.com@standardistas