Embrace The Future

2,383 views

Published on

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.

Published in: Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,383
On SlideShare
0
From Embeds
0
Number of Embeds
23
Actions
Shares
0
Downloads
96
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Embrace The Future

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

×