Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Embracing The Future

C9b18d9dff88a9dd2393364c2b3b21bd?s=47 Simon Collison
September 28, 2011

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.

C9b18d9dff88a9dd2393364c2b3b21bd?s=128

Simon Collison

September 28, 2011
Tweet

More Decks by Simon Collison

Other Decks in Design

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
  4. None
  5. None
  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
  12. None
  13. None
  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
  19. None
  20. None
  21. http://code.garron.us/css/BTTF_logo//

  22. http://secondandpark.com/

  23. http://trentwalton.com/

  24. http://typekit.com/

  25. http://seedconference.com/

  26. None
  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

  29. None
  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
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  51. BALANCE COMPOSITION SYMMETRY MOVEMENT RHYTHM REPETITION PATTERNS

  52. None
  53. None
  54. None
  55. None
  56. None
  57. None
  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

  60. None
  61. None
  62. None
  63. None
  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