embrace the future

EMBRACING

THE FUTURE

with

Simon Collison

Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010

TEN FOR THE FUTURE

Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010

# 1

THE MACHINE

Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010

# 2

DEVICES, CONTENT, PROCESS

Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010

Sports Illustrated for iPad

http://48hrmag.com/

http://www.informationarchitects.jp/en/

http://colly.com/

# 3

HTML5 & CSS3

Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010

http://www.romancortes.com/blog/pure-css-coke-can/

http://neography.com/experiment/circles/solarsystem/

http://www.nevermindthebullets.com/

http://hardboiledwebdesign.com/

# 4

TYPOGRAPHY

Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010

http://code.garron.us/css/BTTF_logo//

http://secondandpark.com/

http://trentwalton.com/

http://typekit.com/

http://seedconference.com/

# 5

SYSTEMS

Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010

We don’t design web pages. We design systems.

ANDY CLARKE

http://trentwalton.com/http://gregorywood.co.uk/

http://thebolditalic.com/ http://jasonsantamaria.com/

# 6

RESPOND TO OUR WORLD

Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010

Environment

Experience

Others

Me

Instruction

Interaction

http://twitter.com/

http://gowalla.com/

http://lanyrd.com/

SPIMES &OBJECT HYPERLINKING

http://www.tat.se/openinnovation/

http://www.tat.se/openinnovation/

http://www.tat.se/openinnovation/

# 7

OUR VOCABULARY

Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010

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.

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

# 8

DESIGN PATTERNS

Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010

BALANCECOMPOSITIONSYMMETRYMOVEMENTRHYTHMREPETITIONPATTERNS

# 9

REDUCTION & RESTRAINT

Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010

Constructing immediate meaning through economy of use.

RESTRAINT & REDUCTION

# 10

A NEW AGE OF EXPERIMENTATION

Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010

http://www.yugop.com/

http://www.yugop.com/

http://mnatwork.com/

http://wallswaps.com/

http://wallswaps.com/

http://balldroppings.com/js/

http://www.chromeexperiments.com/detail/browser-ball/

http://lostworldsfairs.com/atlantis/

I COULD BE WRONG

THANKSQuestions?

Simon Collison

http://colly.com@simoncollison

Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010