embrace the future
DESCRIPTION
What will the web look like in the next few years? Where will our experimentations take us? What role will next-generation platforms play? How will we be designing for multiple devices? What role will traditional design theory and best practice play in all of this? Importantly, will we break the rectangle? Simon travelled to the future and back in order to find out.TRANSCRIPT
![Page 1: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/1.jpg)
EMBRACING
THE FUTURE
with
Simon Collison
Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
![Page 2: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/2.jpg)
TEN FOR THE FUTURE
Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
![Page 3: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/3.jpg)
# 1
THE MACHINE
Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
![Page 4: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/4.jpg)
![Page 5: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/5.jpg)
![Page 6: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/6.jpg)
# 2
DEVICES, CONTENT, PROCESS
Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
![Page 7: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/7.jpg)
Sports Illustrated for iPad
![Page 11: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/11.jpg)
# 3
HTML5 & CSS3
Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
![Page 12: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/12.jpg)
![Page 13: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/13.jpg)
![Page 14: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/14.jpg)
http://www.romancortes.com/blog/pure-css-coke-can/
![Page 15: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/15.jpg)
http://neography.com/experiment/circles/solarsystem/
![Page 16: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/16.jpg)
http://www.nevermindthebullets.com/
![Page 17: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/17.jpg)
http://hardboiledwebdesign.com/
![Page 18: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/18.jpg)
# 4
TYPOGRAPHY
Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
![Page 19: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/19.jpg)
![Page 20: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/20.jpg)
![Page 26: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/26.jpg)
![Page 27: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/27.jpg)
# 5
SYSTEMS
Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
![Page 28: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/28.jpg)
We don’t design web pages. We design systems.
ANDY CLARKE
![Page 29: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/29.jpg)
![Page 30: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/30.jpg)
http://trentwalton.com/http://gregorywood.co.uk/
![Page 31: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/31.jpg)
http://thebolditalic.com/ http://jasonsantamaria.com/
![Page 32: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/32.jpg)
# 6
RESPOND TO OUR WORLD
Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
![Page 33: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/33.jpg)
Environment
Experience
Others
Me
Instruction
Interaction
![Page 37: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/37.jpg)
SPIMES &OBJECT HYPERLINKING
![Page 38: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/38.jpg)
http://www.tat.se/openinnovation/
![Page 39: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/39.jpg)
http://www.tat.se/openinnovation/
![Page 40: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/40.jpg)
http://www.tat.se/openinnovation/
![Page 41: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/41.jpg)
# 7
OUR VOCABULARY
Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
![Page 42: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/42.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 43: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/43.jpg)
The screen brings with it different kinds of challenges for visual design, some of which occur exclusively in interactive media.
It’s unrealistic to think our old methods can fill in all the gaps, but new interaction patterns and visual languages emerge everyday.
These are the building blocks for our new design principles.
JASON SANTA MARIA
![Page 44: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/44.jpg)
# 8
DESIGN PATTERNS
Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
![Page 45: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/45.jpg)
![Page 46: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/46.jpg)
![Page 47: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/47.jpg)
![Page 48: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/48.jpg)
![Page 49: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/49.jpg)
![Page 50: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/50.jpg)
![Page 51: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/51.jpg)
BALANCECOMPOSITIONSYMMETRYMOVEMENTRHYTHMREPETITIONPATTERNS
![Page 52: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/52.jpg)
![Page 53: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/53.jpg)
![Page 54: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/54.jpg)
![Page 55: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/55.jpg)
![Page 56: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/56.jpg)
![Page 57: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/57.jpg)
![Page 58: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/58.jpg)
# 9
REDUCTION & RESTRAINT
Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
![Page 59: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/59.jpg)
Constructing immediate meaning through economy of use.
RESTRAINT & REDUCTION
![Page 60: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/60.jpg)
![Page 61: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/61.jpg)
![Page 62: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/62.jpg)
![Page 63: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/63.jpg)
![Page 64: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/64.jpg)
# 10
A NEW AGE OF EXPERIMENTATION
Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
![Page 71: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/71.jpg)
http://www.chromeexperiments.com/detail/browser-ball/
![Page 72: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/72.jpg)
http://lostworldsfairs.com/atlantis/
![Page 73: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/73.jpg)
I COULD BE WRONG
![Page 74: Embrace The Future](https://reader031.vdocument.in/reader031/viewer/2022020921/54c7ff804a79598d618b45c4/html5/thumbnails/74.jpg)
THANKSQuestions?
Simon Collison
http://colly.com@simoncollison
Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010