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.

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://gregorywood.co.uk/ http://trentwalton.com/

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. Experience
Me
Interaction Others
Instruction
Environment

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