74
EMBRACING THE FUTURE with Simon Collison Embracing the Future with Simon Collison Sneak Preview, Belgium September 2010

Embrace The Future

Embed Size (px)

DESCRIPTION

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.

Citation preview

Page 1: Embrace The Future

EMBRACING

THE FUTURE

with

Simon Collison

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

Page 2: Embrace The Future

TEN FOR THE FUTURE

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

Page 3: Embrace The Future

# 1

THE MACHINE

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

Page 4: Embrace The Future
Page 5: Embrace The Future
Page 6: Embrace The Future

# 2

DEVICES, CONTENT, PROCESS

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

Page 7: Embrace The Future

Sports Illustrated for iPad

Page 9: Embrace The Future

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

Page 11: Embrace The Future

# 3

HTML5 & CSS3

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

Page 12: Embrace The Future
Page 13: Embrace The Future
Page 15: Embrace The Future

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

Page 18: Embrace The Future

# 4

TYPOGRAPHY

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

Page 19: Embrace The Future
Page 20: Embrace The Future
Page 21: Embrace The Future

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

Page 22: Embrace The Future

http://secondandpark.com/

Page 23: Embrace The Future

http://trentwalton.com/

Page 25: Embrace The Future

http://seedconference.com/

Page 26: Embrace The Future
Page 27: Embrace The Future

# 5

SYSTEMS

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

Page 28: Embrace The Future

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

ANDY CLARKE

Page 29: Embrace The Future
Page 30: Embrace The Future

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

Page 31: Embrace The Future

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

Page 32: Embrace The Future

# 6

RESPOND TO OUR WORLD

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

Page 33: Embrace The Future

Environment

Experience

Others

Me

Instruction

Interaction

Page 34: Embrace The Future

http://twitter.com/

Page 35: Embrace The Future

http://gowalla.com/

Page 36: Embrace The Future

http://lanyrd.com/

Page 37: Embrace The Future

SPIMES &OBJECT HYPERLINKING

Page 41: Embrace The Future

# 7

OUR VOCABULARY

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

Page 42: Embrace The Future

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.

Page 43: Embrace The Future

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

Page 44: Embrace The Future

# 8

DESIGN PATTERNS

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

Page 45: Embrace The Future
Page 46: Embrace The Future
Page 47: Embrace The Future
Page 48: Embrace The Future
Page 49: Embrace The Future
Page 50: Embrace The Future
Page 51: Embrace The Future

BALANCECOMPOSITIONSYMMETRYMOVEMENTRHYTHMREPETITIONPATTERNS

Page 52: Embrace The Future
Page 53: Embrace The Future
Page 54: Embrace The Future
Page 55: Embrace The Future
Page 56: Embrace The Future
Page 57: Embrace The Future
Page 58: Embrace The Future

# 9

REDUCTION & RESTRAINT

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

Page 59: Embrace The Future

Constructing immediate meaning through economy of use.

RESTRAINT & REDUCTION

Page 60: Embrace The Future
Page 61: Embrace The Future
Page 62: Embrace The Future
Page 63: Embrace The Future
Page 64: Embrace The Future

# 10

A NEW AGE OF EXPERIMENTATION

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

Page 65: Embrace The Future

http://www.yugop.com/

Page 66: Embrace The Future

http://www.yugop.com/

Page 67: Embrace The Future

http://mnatwork.com/

Page 70: Embrace The Future

http://balldroppings.com/js/

Page 73: Embrace The Future

I COULD BE WRONG

Page 74: Embrace The Future

THANKSQuestions?

Simon Collison

http://colly.com@simoncollison

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