what will web design look like in two years?
DESCRIPTION
Will we meet user expectations in the near future? How will we be using and synthesizing existing technologies? What role will next-generation platforms play? How might we take augmented environments online? What role will traditional design theory and best practice play in all of this? Importantly, will we break the rectangle? Simon travelled to 2012 and back in order to find out.TRANSCRIPT
![Page 1: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/1.jpg)
WHAT WILL WEB DESIGNLOOK LIKE IN TWO YEARS?
Simon CollisonFuture of Web Design, May 2010
Future of Web Design
What will web design looklike in two years time?
![Page 2: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/2.jpg)
I DON’T KNOW
Future of Web Design
What will web design looklike in two years time?
![Page 3: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/3.jpg)
![Page 4: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/4.jpg)
TEN FOR THE FUTURE
Future of Web Design
What will web design looklike in two years time?
![Page 5: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/5.jpg)
THE MACHINE
Future of Web Design
What will web design looklike in two years time?1
![Page 6: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/6.jpg)
![Page 7: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/7.jpg)
![Page 11: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/11.jpg)
DEVICES, CONTENT & PROCESS
Future of Web Design
What will web design looklike in two years time?2
![Page 12: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/12.jpg)
Sports Illustrated for iPad
![Page 14: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/14.jpg)
HTML & CSS
Future of Web Design
What will web design looklike in two years time?3
![Page 15: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/15.jpg)
The date that really matters for HTML5 is 2012. That’s when the specification 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/
![Page 16: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/16.jpg)
![Page 17: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/17.jpg)
![Page 18: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/18.jpg)
http://www.romancortes.com/blog/pure-css-coke-can/
![Page 19: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/19.jpg)
http://neography.com/experiment/circles/solarsystem/
![Page 20: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/20.jpg)
TYPOGRAPHY
Future of Web Design
What will web design looklike in two years time?5
![Page 21: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/21.jpg)
![Page 22: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/22.jpg)
![Page 29: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/29.jpg)
![Page 30: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/30.jpg)
SYSTEMS &
EDITORIAL DESIGN
Future of Web Design
What will web design looklike in two years time?6
![Page 31: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/31.jpg)
We don’t design web pages. We design systems.
ANDY CLARKE
![Page 32: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/32.jpg)
![Page 33: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/33.jpg)
http://trentwalton.com/http://gregorywood.co.uk/
![Page 34: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/34.jpg)
http://thebolditalic.com/ http://jasonsantamaria.com/
![Page 35: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/35.jpg)
RESPONDING TO OUR WORLD
Future of Web Design
What will web design looklike in two years time?7
![Page 36: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/36.jpg)
Future of Web Design
What will web design looklike in two years time?7
The models people have of themselves, others, the environment, and the things with which they interact.
MENTAL MODELS
![Page 37: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/37.jpg)
Environment
Experience
Others
Me
Instruction
Interaction
![Page 38: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/38.jpg)
DESIGN PATTERNS
Future of Web Design
What will web design looklike in two years time?8
![Page 39: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/39.jpg)
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.
![Page 40: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/40.jpg)
![Page 41: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/41.jpg)
![Page 42: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/42.jpg)
![Page 43: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/43.jpg)
![Page 44: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/44.jpg)
![Page 45: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/45.jpg)
BALANCECOMPOSITIONSYMMETRYMOVEMENTRHYTHMREPETITIONPATTERNS
![Page 46: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/46.jpg)
![Page 47: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/47.jpg)
![Page 48: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/48.jpg)
![Page 49: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/49.jpg)
![Page 50: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/50.jpg)
![Page 51: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/51.jpg)
![Page 52: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/52.jpg)
REDUCTION & RESTRAINT
Future of Web Design
What will web design looklike in two years time?9
![Page 53: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/53.jpg)
Constructing immediate meaning through economy of use.
RESTRAINT & REDUCTION
![Page 54: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/54.jpg)
![Page 56: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/56.jpg)
A NEW AGE OFEXPERIMENTATION
Future of Web Design
What will web design looklike in two years time?10
![Page 62: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/62.jpg)
http://www.chromeexperiments.com/detail/browser-ball/
![Page 64: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/64.jpg)
http://mrdoob.com/projects/harmony/
![Page 65: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/65.jpg)
I COULD BE WRONG
![Page 66: What will Web Design Look Like in Two Years?](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54c7ff864a7959335d8b45b0/html5/thumbnails/66.jpg)
THANKS
Simon Collisonweb: colly.com
twitter: @simoncollison
Future of Web Design
What will web design looklike in two years time?