What Will The Web Look Like in Two Years

Slide 1

Slide 1 text

WHAT WILL WEB DESIGN LOOK LIKE IN TWO YEARS? Simon Collison Future of Web Design, May 2010 Future of Web Design What will web design look like in two years time?

Slide 2

Slide 2 text

I DON’T KNOW Future of Web Design What will web design look like in two years time?

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

TEN FOR THE FUTURE Future of Web Design What will web design look like in two years time?

Slide 5

Slide 5 text

THE MACHINE Future of Web Design What will web design look like in two years time? 1

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

http://ﬁvesimplesteps.co.uk/

Slide 9

Slide 9 text

http://sushiandrobots.com/

Slide 10

Slide 10 text

http://shauninman.com/

Slide 11

Slide 11 text

DEVICES, CONTENT & PROCESS Future of Web Design What will web design look like in two years time? 2

Slide 12

Slide 12 text

Sports Illustrated for iPad

Slide 13

Slide 13 text

http://48hrmag.com/

Slide 14

Slide 14 text

HTML & CSS Future of Web Design What will web design look like in two years time? 3

Slide 15

Slide 15 text

The date that really matters for HTML5 is 2012. That’s when the speciﬁcation is due to become a “candidate recommendation.” That’s standards-speak for “done and dusted.” JEREMY KEITH http://www.alistapart.com/articles/a-brief-history-of-markup/

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

http://www.romancortes.com/blog/pure-css-coke-can/

Slide 19

Slide 19 text

http://neography.com/experiment/circles/solarsystem/

Slide 20

Slide 20 text

TYPOGRAPHY Future of Web Design What will web design look like in two years time? 5

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

http://code.garron.us/css/BTTF_logo//

Slide 24

Slide 24 text

http://secondandpark.com/

Slide 25

Slide 25 text

http://gregorywood.co.uk/

Slide 26

Slide 26 text

http://trentwalton.com/

Slide 27

Slide 27 text

http://typekit.com/

Slide 28

Slide 28 text

http://seedconference.com/

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

SYSTEMS & EDITORIAL DESIGN Future of Web Design What will web design look like in two years time? 6

Slide 31

Slide 31 text

We don’t design web pages. We design systems. ANDY CLARKE

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

http://trentwalton.com/ http://gregorywood.co.uk/

Slide 34

Slide 34 text

http://thebolditalic.com/ http://jasonsantamaria.com/

Slide 35

Slide 35 text

RESPONDING TO OUR WORLD Future of Web Design What will web design look like in two years time? 7

Slide 36

Slide 36 text

Future of Web Design What will web design look like in two years time? 7 The models people have of themselves, others, the environment, and the things with which they interact. MENTAL MODELS

Slide 37

Slide 37 text

Environment Experience Others Me Instruction Interaction

Slide 38

Slide 38 text

DESIGN PATTERNS Future of Web Design What will web design look like in two years time? 8

Slide 39

Slide 39 text

I could list projects in every category from logos, to annual reports, to magazine covers, to packaging, to typefaces, to opening titles that could be considered landmark projects… But when it comes to web sites, I can’t think of a single www that could be comparable. ARMIN VIT Landmark websites, where art thou? Speak Up, April 2009.

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

BALANCE COMPOSITION SYMMETRY MOVEMENT RHYTHM REPETITION PATTERNS

Slide 46

Slide 46 text

No content

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

No content

Slide 50

Slide 50 text

No content

Slide 51

Slide 51 text

No content

Slide 52

Slide 52 text

REDUCTION & RESTRAINT Future of Web Design What will web design look like in two years time? 9

Slide 53

Slide 53 text

Constructing immediate meaning through economy of use. RESTRAINT & REDUCTION

Slide 54

Slide 54 text

No content

Slide 55

Slide 55 text

http://gregorywood.co.uk/

Slide 56

Slide 56 text

A NEW AGE OF EXPERIMENTATION Future of Web Design What will web design look like in two years time? 10

Slide 57

Slide 57 text

http://www.yugop.com/

Slide 58

Slide 58 text

http://www.yugop.com/

Slide 59

Slide 59 text

http://mnatwork.com/

Slide 60

Slide 60 text

http://wallswaps.com/

Slide 61

Slide 61 text

http://wallswaps.com/

Slide 62

Slide 62 text

http://www.chromeexperiments.com/detail/browser-ball/

Slide 63

Slide 63 text

http://balldroppings.com/js/

Slide 64

Slide 64 text

http://mrdoob.com/projects/harmony/

Slide 65

Slide 65 text

I COULD BE WRONG

Slide 66

Slide 66 text

THANKS Simon Collison web: colly.com twitter: @simoncollison Future of Web Design What will web design look like in two years time?