Embracing The Future

Presented at Sneak Preview, Genk, Belgium, September 2010

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

1. EMBRACING THE FUTURE with Simon Collison Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
2. TEN FOR THE FUTURE Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
3. # 1 THE MACHINE Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
6. # 2 DEVICES, CONTENT, PROCESS Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
7. Sports Illustrated for iPad
8. http://48hrmag.com/
9. http://www.informationarchitects.jp/en/
10. http://colly.com/
11. # 3 HTML5 & CSS3 Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
14. http://www.romancortes.com/blog/pure-css-coke-can/
15. http://neography.com/experiment/circles/solarsystem/
16. http://www.nevermindthebullets.com/
17. http://hardboiledwebdesign.com/
18. # 4 TYPOGRAPHY Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
21. http://code.garron.us/css/BTTF_logo//
22. http://secondandpark.com/
23. http://trentwalton.com/
24. http://typekit.com/
25. http://seedconference.com/
27. # 5 SYSTEMS Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
28. We don’t design web pages. We design systems. ANDY CLARKE
30. http://trentwalton.com/ http://gregorywood.co.uk/
31. http://thebolditalic.com/ http://jasonsantamaria.com/
32. # 6 RESPOND TO OUR WORLD Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
33. Environment Experience Others Me Instruction Interaction
34. http://twitter.com/
35. http://gowalla.com/
36. http://lanyrd.com/
37. SPIMES & OBJECT HYPERLINKING
38. http://www.tat.se/openinnovation/
39. http://www.tat.se/openinnovation/
40. http://www.tat.se/openinnovation/
41. # 7 OUR VOCABULARY Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
42. 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.
43. 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
44. # 8 DESIGN PATTERNS Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
51. BALANCE COMPOSITION SYMMETRY MOVEMENT RHYTHM REPETITION PATTERNS
58. # 9 REDUCTION & RESTRAINT Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
59. Constructing immediate meaning through economy of use. RESTRAINT & REDUCTION
64. # 10 A NEW AGE OF EXPERIMENTATION Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010
65. http://www.yugop.com/
66. http://www.yugop.com/
67. http://mnatwork.com/
68. http://wallswaps.com/
69. http://wallswaps.com/
70. http://balldroppings.com/js/
71. http://www.chromeexperiments.com/detail/browser-ball/
72. http://lostworldsfairs.com/atlantis/
73. I COULD BE WRONG
74. THANKS Questions? Simon Collison http://colly.com @simoncollison Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010