163

Click here to load reader

Designing The Future - Metadesign For Murph

Embed Size (px)

Citation preview

Page 1: Designing The Future - Metadesign For Murph

Metadesign for Murph

@willshJohn V Willshire

Designing the future with lessons from Interstellar

dConstruct 2015

Page 2: Designing The Future - Metadesign For Murph

773 days and 1.3 miles ago…

pic: nasa.gov

Page 3: Designing The Future - Metadesign For Murph

pic: wikipedia.org

I decided to go to the cinema

Page 4: Designing The Future - Metadesign For Murph
Page 5: Designing The Future - Metadesign For Murph

MAN OF STEEL 2013 dir. Zac Snyder

Page 6: Designing The Future - Metadesign For Murph

Most of my childhood superhero knowledge comes from here, Hamilton Library

Page 7: Designing The Future - Metadesign For Murph

1975 1980 1985 1990 1995 2000 2005 2010 2015 2020

Worldwide admissions

1978 20101990 20021982 1986 1994 1998 2006 2014

SpidermanThe Schumacher-Clooney near-extinction event

Iron Man

Kenneth Branagh’s Thor

BatmanSuperman

Avengers: Age Of Ultron

Man of Steel

Superhero films since I was born…

Page 8: Designing The Future - Metadesign For Murph

It’s the first Superman film I’ve watched as a dad…

Page 9: Designing The Future - Metadesign For Murph

I’m suddenly paying lots of attention to what the dads are doing.

Page 10: Designing The Future - Metadesign For Murph

Me, my ideas, and fools who didn’t listen

My child with my instructions

A place where my ideas will save everyone

Page 11: Designing The Future - Metadesign For Murph
Page 12: Designing The Future - Metadesign For Murph

It’s a film about parenting, and heroing

Page 13: Designing The Future - Metadesign For Murph

Metaphorical Parenting:

You’re a parent not just to children But also to people you work with Friends have have Peers you know Clients you create for

Page 14: Designing The Future - Metadesign For Murph
Page 15: Designing The Future - Metadesign For Murph
Page 16: Designing The Future - Metadesign For Murph

Who’s doing the designing?

Whose future is it anyway?

Page 17: Designing The Future - Metadesign For Murph

Who ARE we?

http://www.digitalartsonline.co.uk

Page 18: Designing The Future - Metadesign For Murph

“Suddenly, here was an entire generation crying out for an evolved version of the things they were consuming as children”

Simon Pegg

Page 19: Designing The Future - Metadesign For Murph
Page 20: Designing The Future - Metadesign For Murph

EVOLVED

Page 21: Designing The Future - Metadesign For Murph
Page 22: Designing The Future - Metadesign For Murph

http://simonpegg.net/2015/05/19/big-mouth-strikes-again/

EVOLVED

Page 23: Designing The Future - Metadesign For Murph

In The Night Kitchen Maurice Sendak

Page 24: Designing The Future - Metadesign For Murph

saraelin.com

EVOLVED

Page 25: Designing The Future - Metadesign For Murph

1975 1980 1985 1990 1995 2000 2005 2010 2015 2020

*Worldwide admissions, calculated using box office adjusted for ticket price inflation

1978 20101990 20021982 1986 1994 1998 2006 2014

Hey, can we get some Superhero films now too..?

Page 26: Designing The Future - Metadesign For Murph
Page 27: Designing The Future - Metadesign For Murph

Catholic Guilt Batman

Page 28: Designing The Future - Metadesign For Murph

Bro-bin Hood

Page 29: Designing The Future - Metadesign For Murph

http://joshualaw88.blogspot.co.uk

Page 30: Designing The Future - Metadesign For Murph

1975 1980 1985 1990 1995 2000 2005 2010 2015 2020

*Worldwide admissions, calculated using box office adjusted for ticket price inflation

1978 20101990 20021982 1986 1994 1998 2006 2014

These aren’t films. They’re franchise wormholes.

Page 31: Designing The Future - Metadesign For Murph

Now we’re repackaging and sanitising it for our children too

Page 32: Designing The Future - Metadesign For Murph
Page 33: Designing The Future - Metadesign For Murph

“I want to be batman”

Page 34: Designing The Future - Metadesign For Murph

DO YOU WANT SPARKLES?

Page 35: Designing The Future - Metadesign For Murph

DO YOU WANT SPARKLES?

Page 36: Designing The Future - Metadesign For Murph

No. I’m trying to fight crime on

the streets of Gotham.

Page 37: Designing The Future - Metadesign For Murph

DO YOU WANT SPARKLES?

Page 38: Designing The Future - Metadesign For Murph

No. I’ve centred my fighting style on a ninja-like darkness.

Sparkles won’t help.

Page 39: Designing The Future - Metadesign For Murph

DO YOU WANT SPARKLES?

Page 40: Designing The Future - Metadesign For Murph

DO YOU WANT SPARKLES?

Oh.

Page 41: Designing The Future - Metadesign For Murph

Are we trapped in a now-endless superhero culture?

Page 42: Designing The Future - Metadesign For Murph

Is it helpful to live in a cultural universe where science and magic are so wilfully muddled?

Page 43: Designing The Future - Metadesign For Murph

http://andyparkart.deviantart.com

“Hey babe, your ancestors called it magic, and you call it science, but I come from a place where they’re one and the same thing”

Page 44: Designing The Future - Metadesign For Murph

If we’re talking ‘designing the future’, it's better to leave that superhero universe and explore fiction grounded in reality

Page 45: Designing The Future - Metadesign For Murph
Page 46: Designing The Future - Metadesign For Murph

inception

interstellar

Page 47: Designing The Future - Metadesign For Murph

"I liken it to the blockbusters I grew up with as a kid: edgy, incisive, challenging."

Christopher Nolan

Page 48: Designing The Future - Metadesign For Murph

Contains Spoilishes (Spoilers you will only know are spoilers if you’ve seen the film)

Page 49: Designing The Future - Metadesign For Murph

“In Earth's future, a global crop blight and second Dust Bowl are slowly rendering the planet uninhabitable.”

Source: Google Description

Page 50: Designing The Future - Metadesign For Murph

“Professor Brand, a brilliant NASA physicist, is working on plans to save mankind by transporting Earth's population to a new home via a wormhole.”

Source: Google Description

Page 51: Designing The Future - Metadesign For Murph

“But first, Brand must send former NASA pilot Cooper and a team of researchers through the wormhole and across the galaxy to find out which of three planets could be mankind's new home.”

Source: Google Description

Page 52: Designing The Future - Metadesign For Murph

We’ve seen this movie before…

Page 53: Designing The Future - Metadesign For Murph

It’s a film about parenting, and heroing

Page 54: Designing The Future - Metadesign For Murph

Prof. Brand has a massive equation

Page 55: Designing The Future - Metadesign For Murph

Me, my ideas, and fools who didn’t listen

My child with my instructions

A place where my ideas will save everyone

Page 56: Designing The Future - Metadesign For Murph

“I thought I was prepared. I knew the theory. Reality’s different”

Page 57: Designing The Future - Metadesign For Murph

Dr. MannsplainingProf. Brand Dr. Mann

Page 58: Designing The Future - Metadesign For Murph

Do not go gentle into that good night, Old age should burn and rave at close of day;

Rage, rage against the dying of the light.

Dylan Thomas

Page 59: Designing The Future - Metadesign For Murph

‘We’ don’t…

How do we design for a future we can’t see?

Page 60: Designing The Future - Metadesign For Murph

Different daughters

This is a much more interesting parent/child relationship…

Page 61: Designing The Future - Metadesign For Murph

Timey-wimey, wibbley-wobbley

Page 62: Designing The Future - Metadesign For Murph

How do you design a world of designers?

Page 63: Designing The Future - Metadesign For Murph

METADESIGN

Page 64: Designing The Future - Metadesign For Murph

METADESIGN

“to nurture the emergence of the previously unthinkable through interdisciplinary collaboration”

Wikipedia

Page 65: Designing The Future - Metadesign For Murph

“to nurture the emergence of the previously unthinkable through interdisciplinary collaboration”

Page 66: Designing The Future - Metadesign For Murph

User-centric design

Participative design

Metadesign

“You start, I’ll finish”

“Let’s do it together”

“Here - off you go…”

Page 67: Designing The Future - Metadesign For Murph

METADESIGN

ProceduralEmergence

Topologies

Synergies

Diagrams

Languaging

Interdisciplinarity

Page 68: Designing The Future - Metadesign For Murph

Eh?

A lot of the writing & terminology currently around metadesign is quite hard, specialist and academic.

Page 69: Designing The Future - Metadesign For Murph

Instead, I thought I’d explore it using three stories…

Page 70: Designing The Future - Metadesign For Murph

I ran a workshop at UX London in May. Part of it was a game

we’ve played lots before…

Page 71: Designing The Future - Metadesign For Murph

exploringIt uses Artefact Cards, which we make:

artefactshop.com

These help people play with ideas more easily and intuitively

Page 72: Designing The Future - Metadesign For Murph

Popular Thing For Broken Thing

Page 73: Designing The Future - Metadesign For Murph

Write two cards with ‘popular things’

These are services you ove, and why you love them.

Page 74: Designing The Future - Metadesign For Murph

Then write two cards with ‘broken things’

These are issues you, or others, have with a particular thing

Page 75: Designing The Future - Metadesign For Murph

Then in teams of four, line up your eight popular things, and eight broken things.

You now have TEN minutes to make EIGHT startups - ‘popular thing for broken thing’

Page 76: Designing The Future - Metadesign For Murph

Each person then takes ONE idea, finds a partner from a different team, and pitches them their idea for a minute. Then the other person pitches back for a minute.

You have a minute to think about your pitch again, then you find a new partner, and repeat three or four times.

What happens is each idea either gets better, or gets worse. They just don’t remain UNKNOWN….

Page 77: Designing The Future - Metadesign For Murph

I’ve always wondered why this works so well…

Page 78: Designing The Future - Metadesign For Murph

The creative quartet

https://www.youtube.com/watch?feature=player_embedded&v=9dIQOrVhM5E - Prof. John Wood, TED, on Synergies

Prof. John Wood

Page 79: Designing The Future - Metadesign For Murph

https://www.youtube.com/watch?feature=player_embedded&v=9dIQOrVhM5E - Prof. John Wood, TED, on Synergies

Prof. John Wood

1

2

3 45 6

If I had two cards, I’d have 1 synergy.

But with four cards, I can find 6.

With eight cards, it becomes 22.

With twelve cards, it’s now 66…

Page 80: Designing The Future - Metadesign For Murph

Such a simple principle, but with massive exponential benefits

Page 81: Designing The Future - Metadesign For Murph

Second story…

Page 82: Designing The Future - Metadesign For Murph

This guy is Dmitri Mendeleev. He invented (well, discovered) the periodic table.

Page 83: Designing The Future - Metadesign For Murph

In 1869, Dmitri Mendeleev published a periodic table. Mendeleev also arranged the elements known at the time in order of relative atomic mass, but he did some other things that made his table much more successful.

Page 84: Designing The Future - Metadesign For Murph

To get to this, Mendeleev had created a card deck with all the elements, their properties, and the atomic weights on them.

On long train journeys, he played what he called ‘element solitaire’ - sorting through the cards, exploring orders and connections… just finding patterns in the individual elements.

Page 85: Designing The Future - Metadesign For Murph
Page 86: Designing The Future - Metadesign For Murph
Page 87: Designing The Future - Metadesign For Murph

What’s fascinating about Mendeleev’s table is not just the correct order he found for KNOWN elements, but the spaces his table had created.

These spaces allowed him to deduce that there were other elements we had not yet discovered and should look for. He correctly predicted five elements we would discover, three of which were found before his death.

Page 88: Designing The Future - Metadesign For Murph

Dan Dennett

I thought about this in the context of something else Dennett brought out in his book ‘Intuition Pumps’…

Page 89: Designing The Future - Metadesign For Murph

Rene Descartes

The Cartesian Coordinates, the simple X & Y axes Dennett reminds us, are an invention, a discovery

Page 90: Designing The Future - Metadesign For Murph

It’s one of the most useful tools, and so widely applicable beyond the specific disciplines we’re taught it in (Maths, Physics etc)

Page 91: Designing The Future - Metadesign For Murph

Hans Ulrich Obrist, 2014

Oboist’s ‘Mapping It Out’ really demonstrates the wide applicability of

this simple mapping idea.

Page 92: Designing The Future - Metadesign For Murph

Like Tim Berners-Lee’s map of the internet

Page 93: Designing The Future - Metadesign For Murph

Or Bruce Sterling’s map of the reading habits of Bruce Sterling readers…

Page 94: Designing The Future - Metadesign For Murph

It’s so simple, you can do it with kids…

Page 95: Designing The Future - Metadesign For Murph

BIG

SMALL

COLD HOT

Page 96: Designing The Future - Metadesign For Murph

Scott Smith - @changeist John V Willshire -@willsh Laura Clèries - @lcleries Andrew Colmenares - @colmenares Christina Bifano

We did it in various ways when we taught this course in the summer

Page 97: Designing The Future - Metadesign For Murph

“TIME AS A SPACE”Scott Smith, @changeist

Page 98: Designing The Future - Metadesign For Murph

We made maps of people in the IED courtyard

Page 99: Designing The Future - Metadesign For Murph

We made maps of the things we discovered in the Barcelona streets…

Page 100: Designing The Future - Metadesign For Murph
Page 101: Designing The Future - Metadesign For Murph

The students used these maps to create fantastic

prototypes for these future worlds they could see

Page 102: Designing The Future - Metadesign For Murph

Again, a super simple tool with

applications wherever you

choose to apply it

Page 103: Designing The Future - Metadesign For Murph

Third story…

Page 104: Designing The Future - Metadesign For Murph

http://www.onyerbike.cc/donate/@fraser_hamilton

Page 105: Designing The Future - Metadesign For Murph

When we started working together, Fraser asked “what do you actually do…?”

(it’s a good question)

Page 106: Designing The Future - Metadesign For Murph

I’d just started exploring it more, thanks to two books that two different friends had recommended to me in the same week, by the same author.

I like coincidences like this.

Page 107: Designing The Future - Metadesign For Murph

but this year…

Page 108: Designing The Future - Metadesign For Murph

1994

1995

1996

1997

1998

1999

The books were written five books apart, but I was looking at them at the same time. As a result, I saw something that connected the two…

Page 109: Designing The Future - Metadesign For Murph
Page 110: Designing The Future - Metadesign For Murph
Page 111: Designing The Future - Metadesign For Murph

What if these two models went together, somehow?

What if people and space were intrinsically linked?

Page 112: Designing The Future - Metadesign For Murph
Page 113: Designing The Future - Metadesign For Murph

slow moves slow

fast moves fast

Page 114: Designing The Future - Metadesign For Murph

This part is the gearbox

Page 115: Designing The Future - Metadesign For Murph

When I looked closely at the gearbox, it occurred that there may be a way to think about the non-obvious connections between people and space

Page 116: Designing The Future - Metadesign For Murph

S5 S4 S3 S2 S1

P5

P4

P3

P2

P1

Firstly. there’s the line of best fit, where slow moves slow, and fast moves fast

Page 117: Designing The Future - Metadesign For Murph

The line of best fit…

Page 118: Designing The Future - Metadesign For Murph

The slow drift east

Cronuts for lunch

S5 S4 S3 S2 S1

P5

P4

P3

P2

P1

In London, over the last ten

years creative company have moved to new

buildings around Old Street

You look on the desks of these companies, and you can tell from the foodstuffs what is currently fashionable

Page 119: Designing The Future - Metadesign For Murph

Look away from the line, and you see other more interesting uses, often powered by technology

Page 120: Designing The Future - Metadesign For Murph

S5 S4 S3 S2 S1

P5

P4

P3

P2

P1Lighting displays based on actions

You can use fast people actions

(sales,productivity, noise) to chance the look and feel inside

and outside of the building through

lighting

Page 121: Designing The Future - Metadesign For Murph

S5 S4 S3 S2 S1

P5

P4

P3

P2

P1

The cultural judo of iPads for allChanging the way that everyone accesses the company in their personal space could created a massive cultural shift nearly overnight

Page 122: Designing The Future - Metadesign For Murph

S5 S4 S3 S2 S1

P5

P4

P3

P2

P1

This system view allows us to think well about the sorts of problems, and first initial solutions, might pop out from thinking about people and space as a whole

Page 123: Designing The Future - Metadesign For Murph

We have a simple version we can quickly sketch out as a tool for thinking…

Page 124: Designing The Future - Metadesign For Murph
Page 125: Designing The Future - Metadesign For Murph

But we also needed a way to access the depth of possibility contained in the system view

Page 126: Designing The Future - Metadesign For Murph

S5 S4 S3 S2 S1

P5

P4

P3

P2

P1

What could we use to populate each of these cells?

Page 127: Designing The Future - Metadesign For Murph

“I just don’t think your bookshelves are trying to talk to you, Murph”

Coop

Page 128: Designing The Future - Metadesign For Murph
Page 129: Designing The Future - Metadesign For Murph

I spent a weekend dancing around stacks of books, making a physical representation of the system of our practice

Page 130: Designing The Future - Metadesign For Murph

just in time…

31 posts image?

Page 131: Designing The Future - Metadesign For Murph
Page 132: Designing The Future - Metadesign For Murph

“The acquisition of books is by no means a matter of money or expert knowledge alone.

Not even both factors together suffice for the establishment of a real library.”

- Walter Benjamin

Page 133: Designing The Future - Metadesign For Murph

It’s not having the ability to buy books, nor the knowledge of which books to buy, that makes a library

Page 134: Designing The Future - Metadesign For Murph

It’s knowing how all the books relate to each other.

Page 135: Designing The Future - Metadesign For Murph

What matters is what’s between the covers, but not on the pages

Page 136: Designing The Future - Metadesign For Murph

All libraries are five-dimensional

Page 137: Designing The Future - Metadesign For Murph

S5 S4 S3 S2 S1

P5

P4

P3

P2

P1

System views as shared mental models

Page 138: Designing The Future - Metadesign For Murph

Map views, as reads on certain circumstances

Page 139: Designing The Future - Metadesign For Murph

Element views, to quickly explore connections

Page 140: Designing The Future - Metadesign For Murph

S5 S4 S3 S2 S1

P5

P4

P3

P2

P1

It's pretty simple…

Page 141: Designing The Future - Metadesign For Murph

METADESIGN

…and contains a lot of the composite parts of Metadesign

Page 142: Designing The Future - Metadesign For Murph

userresearch.blog.gov.uk

We know this is a thingWhen you look for it, we see it in the practices we all value everyday

Page 143: Designing The Future - Metadesign For Murph

But why don’t people present this as simple? Why present it as a difficult thing instead…?

Page 144: Designing The Future - Metadesign For Murph

Is wireframing really heroic?

Page 145: Designing The Future - Metadesign For Murph

We’re driven by the systems we work in to value ‘specialisms’

Page 146: Designing The Future - Metadesign For Murph

Superheroes are specialists

Page 147: Designing The Future - Metadesign For Murph

Specialists face off against specific problems

Page 148: Designing The Future - Metadesign For Murph

When we do find superhero who are generalist, who can assume all the powers, it breaks the narrative. There’s no tension.

Page 149: Designing The Future - Metadesign For Murph

IRL, we don’t get to write our own villains

Page 150: Designing The Future - Metadesign For Murph

We don’t know…

…what they’re going to face

Page 151: Designing The Future - Metadesign For Murph

We don’t know what jobs future generations will want to do,or have to do

Page 152: Designing The Future - Metadesign For Murph

We can’t see the knock-on effects of the world we’re leaving for them

Page 153: Designing The Future - Metadesign For Murph

“How do we create adaptive, living people?”

Prof. John Wood

Page 154: Designing The Future - Metadesign For Murph

METADESIGN

ProceduralEmergence

Topologies

Synergies

Diagrams

Languaging

Interdisciplinarity

Page 155: Designing The Future - Metadesign For Murph

Metadesign is not rocket science

Page 156: Designing The Future - Metadesign For Murph

Metadesign is not a superpower

Page 157: Designing The Future - Metadesign For Murph

Metadesign is a vital, basic skill set

Page 158: Designing The Future - Metadesign For Murph

It's what we can pass on - designing the future is not defining their future

Page 159: Designing The Future - Metadesign For Murph

Help them create a future that’s edgy, incisive, challenging

Page 160: Designing The Future - Metadesign For Murph

Leastmodernism?Apply the attitude and belief of modernism, but to the intention of doing less, not more

Page 161: Designing The Future - Metadesign For Murph

A manifesto for leastmodernismHow can we do less? How can we have one client instead of ten? Work with five colleagues indeed of five hundred. Find customers who only want to buy once?

How can we have one car instead of two? Three bedrooms instead of five? Buy two, leave the third where it is?

How can we do this in a day and not a week? Write one sentence, say ten words, make one thing once?

How do we create the most value from doing the least we can?

More is less, more or less.

Page 162: Designing The Future - Metadesign For Murph

If you want to find out more about Metadesign, please visit:

metadesigners.org

Page 163: Designing The Future - Metadesign For Murph

Thank you

@willshJohn V Willshire