ABOUT THE SPEAKER
James Patten - Interaction designer
James Patten, a TED Fellow, imagines new ways for us to play with computers.

Why you should listen

James Patten is an interaction designer, inventor and visual artist working at the intersection of the physical and digital worlds. Patten is a TED Fellow and the founder and principal of the design firm Patten Studio, where his clients have included Björk, Barneys New York, General Electric, Steelcase and Autodesk. Patten earned his doctorate at the MIT Media Lab where he studied in the Tangible Media Group under Hiroshi Ishii. His work has been exhibited or performed in venues such as the Museum of Modern Art, the Transmediale festival in Berlin, the Museo Guggenheim Bilbao and the Ars Electronica Center in Linz, Austria. Patten's work has been recognized in several international design competitions including the International Design Magazine's Annual Design Review, and the International Design Excellence Awards. Tour his Brooklyn workshop.

More profile about the speaker
James Patten | Speaker | TED.com
TED Fellows Retreat 2013

James Patten: The best computer interface? Maybe ... your hands

James Patten: De beste computerinterface? Je handen misschien?

Filmed:
1,092,626 views

"De computer is een ongelooflijk krachtig middel voor creatieve expressie," zegt ontwerper James Patten. Nu gaan we vooral om met computers via typen en tikken. In deze talk en demo, schildert Patten een meer viscerale, fysieke manier om je gedachten en ideeën in de digitale wereld tot leven te brengen. Hij neemt de computerinterface uit het scherm en stopt hem in je handen.
- Interaction designer
James Patten, a TED Fellow, imagines new ways for us to play with computers. Full bio

Double-click the English transcript below to play the video.

00:12
A computercomputer is an incrediblyongelooflijk powerfulkrachtig meansmiddelen
0
721
2667
De computer is een
ongelofelijk krachtig middel
00:15
of creativecreatief expressionuitdrukking,
1
3388
1654
om je creatief uit te drukken.
00:17
but for the mostmeest partdeel,
2
5042
1571
Die uitdrukking beperkt zich
grotendeels tot het scherm
00:18
that expressionuitdrukking is confinedbeperkt to the screensscreens
3
6613
2165
00:20
of our laptopslaptops and mobilemobiel phonestelefoons.
4
8778
2418
van onze laptop of mobiele telefoon.
00:23
And I'd like to tell you a storyverhaal about
5
11196
2200
Ik wil je een verhaal vertellen
over het gebruik van de kracht
van de computer
00:25
bringingbrengen this powermacht of the computercomputer
6
13396
1956
00:27
to moveverhuizing things around and interactop elkaar inwerken with us
7
15352
2370
om dingen te bewegen
en met ons te interageren,
00:29
off of the screenscherm and into the physicalfysiek worldwereld-
8
17722
2913
weg van het scherm,
naar de werkelijkheid
00:32
in whichwelke we liveleven.
9
20635
1189
waarin we leven.
00:33
A fewweinig yearsjaar agogeleden, I got a call from
10
21824
1618
Een paar jaar geleden belde
een luxe kledingwinkel,
00:35
a luxuryluxe fashionmode storeop te slaan calledriep BarneysBarneys NewNieuw YorkYork,
11
23442
2486
Barneys in New York
00:37
and the nextvolgende thing I knewwist,
12
25928
1264
en even later
00:39
I was designingontwerpen storefrontstorefront kinetickinetische sculpturesbeeldhouwwerken
13
27192
2693
was ik bewegende kunstwerken
aan het ontwerpen
00:41
for theirhun windowvenster displaysdisplays.
14
29885
1392
voor hun etalages.
00:43
This one'séén is calledriep "The ChaseChase."
15
31277
1395
Deze heet 'de achtervolging'.
00:44
There are two pairsparen of shoesschoenen,
16
32672
1346
Er zijn twee paar schoenen:
00:46
a man'sman pairpaar- and a woman'svrouw's pairpaar-,
17
34018
1625
van een man en een vrouw.
00:47
and they playspelen out this slowlangzaam, tensegespannen chaseChase
18
35643
2904
Ze doen een langzame,
gevoelige achtervolging,
00:50
around the windowvenster
19
38547
1278
de etalage rond.
00:51
in whichwelke the man scootsScoots up behindachter the womanvrouw
20
39825
2225
De 'man' schuifelt achter de 'vrouw' aan,
00:54
and getskrijgt in her personalpersoonlijk spaceruimte,
21
42050
1573
komt in haar persoonlijke ruimte,
00:55
and then she movesmoves away.
22
43623
1935
en zij beweegt zich weg van hem.
00:57
EachElke of the shoesschoenen has magnetsmagneten in it,
23
45558
1841
Er zitten magneten in de schoenen.
00:59
and there are magnetsmagneten underneathonder the tabletafel
24
47399
2003
Onder de tafel zitten ook magneten
01:01
that moveverhuizing the shoesschoenen around.
25
49402
1964
die de schoenen doen bewegen.
01:03
My friendvriend AndyAndy CavatortaCavatorta was buildinggebouw
26
51366
2032
Mijn vriend Andy Cavatorta
heeft een robot-harp gebouwd
01:05
a roboticrobot harpharp for Bjork'sDe Bjork BiophiliaBiophilia tourtour
27
53398
3542
voor de Biophilia-tour van Björk
01:08
and I woundwond up buildinggebouw the electronicselektronica
28
56940
2392
en ik ging de elektronica maken
01:11
and motionbeweging controlcontrole softwaresoftware
29
59332
2189
en de software voor de afstandsbediening
01:13
to make the harpsharpen moveverhuizing and playspelen musicmuziek-.
30
61521
2466
om de harp te laten bewegen en spelen.
01:15
The harpharp has fourvier separatescheiden pendulumsslingers,
31
63987
2011
De harp heeft vier gescheiden slingers
01:17
and eachelk pendulumSlinger has 11 stringsstrings,
32
65998
2126
en elke slinger heeft 11 snaren.
01:20
so the harpharp swingsschommels on its axisas and alsoook rotatesroteert
33
68124
2488
De harp draait dus om zijn as en roteert
01:22
in orderbestellen to playspelen differentverschillend musicalmusical notesaantekeningen,
34
70612
2203
om zo verschillende noten te spelen.
01:24
and the harpsharpen are all networkedgenetwerkte togethersamen
35
72815
2162
De harpen zijn verbonden in een netwerk,
01:26
so that they can playspelen the right notesaantekeningen
36
74977
1800
zodat ze de goede noten spelen
01:28
at the right time in the musicmuziek-.
37
76777
2626
op het juiste moment in de muziek.
01:31
I builtgebouwd an interactiveinteractieve chemistrychemie exhibittentoonstellen
38
79403
2424
Ik heb een interactieve
chemie-tentoonstelling gemaakt
01:33
at the MuseumMuseum of ScienceWetenschap and IndustryIndustrie in ChicagoChicago,
39
81827
2599
in het Museum voor
Wetenschap en Industrie in Chicago.
01:36
and this exhibittentoonstellen letslaten we people use physicalfysiek objectsvoorwerpen
40
84426
2981
De mensen kunnen er voorwerpen gebruiken
01:39
to grabgrijpen chemicalchemisch elementselementen off of the periodicperiodiek tabletafel
41
87407
3036
om scheikundige elementen te pakken
van een periodiek stelsel
01:42
and bringbrengen them togethersamen to causeoorzaak
42
90443
1408
en ze bij elkaar doen
01:43
chemicalchemisch reactionsreacties to happengebeuren.
43
91851
1766
voor een chemische reactie.
01:45
And the museummuseum noticedmerkte that people
44
93617
1924
Het museum zag dat de mensen
er lang mee speelden.
01:47
were spendinguitgaven a lot of time with this exhibittentoonstellen,
45
95541
2226
01:49
and a researcheronderzoeker from a sciencewetenschap educationonderwijs centercentrum
46
97767
3147
Een onderzoeker van een
wetenschaps-educatiecentrum in Australië
01:52
in AustraliaAustralië decidedbeslist to studystudie this exhibittentoonstellen
47
100914
2805
wilde de tentoonstelling bestuderen
01:55
and try to figurefiguur out what was going on.
48
103719
2240
om te onderzoeken
wat er aan de hand was.
01:57
And she foundgevonden that the physicalfysiek objectsvoorwerpen
49
105959
2293
Ze ontdekte dat
de fysieke voorwerpen hielpen
02:00
that people were usinggebruik makend van were helpinghelpen people
50
108252
1664
bij het begrijpen hoe ze
de tentoonstelling moesten gebruiken.
02:01
understandbegrijpen how to use the exhibittentoonstellen,
51
109916
2014
02:03
and were helpinghelpen people learnleren in a socialsociaal way.
52
111930
2943
We hielpen mensen leren op een sociale manier.
02:06
And when you think about
it, this makesmerken a lot of sensezin,
53
114873
2266
Als je erover nadenkt, is het logisch
02:09
that usinggebruik makend van specializedgespecialiseerde physicalfysiek objectsvoorwerpen
54
117139
2240
dat je met speciale fysieke voorwerpen
02:11
would help people use an interfaceinterface more easilygemakkelijk.
55
119379
3272
de bediening makkelijker leert gebruiken.
02:14
I mean, our handshanden and our mindsgeesten are optimizedgeoptimaliseerde
56
122651
2839
Onze handen en onze hersenen
zijn gebouwd om met
tastbare voorwerpen om te gaan.
02:17
to think about and interactop elkaar inwerken with tangibletastbaar objectsvoorwerpen.
57
125490
3269
02:20
Think about whichwelke you find easiergemakkelijker to use,
58
128759
2062
Wat vind je makkelijker om te gebruiken?
Een fysiek toetsenbord
02:22
a physicalfysiek keyboardtoetsenbord or an onscreenop het scherm keyboardtoetsenbord
59
130821
2319
of een toetsenbord op een scherm
zoals op je mobiel?
02:25
like on a phonetelefoon?
60
133140
2100
Het viel me bij al deze projecten op
02:27
But the thing that struckgeslagen me
61
135240
1025
02:28
about all of these differentverschillend projectsprojecten
62
136265
1999
02:30
is that they really had to be builtgebouwd from scratchkrassen,
63
138264
3117
dat ze allemaal vanuit niets
moesten worden opgebouwd,
02:33
down to the levelniveau of the electronicselektronica
64
141381
1790
tot op het niveau van de elektronica
02:35
and the printedgedrukt circuitcircuit boardsboards and
65
143171
1106
en de elektronische printplaatjes
02:36
all the mechanismsmechanismen all the way up to the softwaresoftware.
66
144277
2745
en alle mechaniek tot aan de software.
02:39
I wanted to createcreëren something
67
147022
1762
Ik wilde iets maken
02:40
where we could moveverhuizing objectsvoorwerpen
underonder computercomputer controlcontrole
68
148784
3319
waarbij we voorwerpen konden bewegen
met afstandsbediening
02:44
and createcreëren interactionsinteracties around that ideaidee
69
152103
2249
met daar omheen interactie
02:46
withoutzonder havingmet to go throughdoor this processwerkwijze
70
154352
2215
zonder elke keer van nul te moeten beginnen.
02:48
of buildinggebouw something from scratchkrassen
71
156567
1383
02:49
everyelk singlesingle time.
72
157950
1375
Mijn eerste poging om dat te bereiken,
02:51
So my first attemptpoging at this
73
159325
1991
02:53
was at the MITMIT MediaMedia LabLab
74
161316
1684
was in het MIT Media Lab
02:55
with ProfessorProfessor HiroshiHiroshi IshiiIshii,
75
163000
1581
van professor Hiroshi Ishii.
02:56
and we builtgebouwd this arrayrangschikking of
76
164581
1835
We bouwden deze stapel
02:58
512 differentverschillend electromagnetselektromagneten,
77
166416
2257
van 512 verschillende elektromagneten,
03:00
and togethersamen they were ablein staat to moveverhuizing objectsvoorwerpen around
78
168673
2627
en samen konden ze voorwerpen bewegen
03:03
on toptop of theirhun surfaceoppervlak.
79
171300
1536
bovenop hun oppervlak.
03:04
But the problemprobleem with this
80
172836
1548
Het probleem is
03:06
was that these magnetsmagneten
81
174384
1656
dat deze magneten
meer dan $10.000 kosten.
03:08
costkosten over 10,000 dollarsdollars.
82
176040
2160
03:10
AlthoughHoewel eachelk one was prettymooi smallklein,
83
178200
1666
Hoewel ze allemaal klein zijn,
03:11
altogetherover het geheel genomen they weighedgewogen so much
84
179866
1709
wegen ze samen zoveel
03:13
that the tabletafel that they were on
85
181575
1255
dat de tafel begon door te buigen.
03:14
startedbegonnen to sagSAG.
86
182830
1558
03:16
So I wanted to buildbouwen something
87
184388
1332
Ik wilde dus iets maken
03:17
where you could have this kindsoort of interactionwisselwerking
88
185720
1616
waar die interactie mogelijk was
03:19
on any tabletoptafelblad surfaceoppervlak.
89
187336
2643
op een normaal tafelblad.
03:21
So to exploreonderzoeken this ideaidee,
90
189979
2081
Om dat idee uit te werken
03:24
I builtgebouwd an armyleger of smallklein robotsrobots,
91
192060
2150
heb ik een leger
kleine robots gemaakt.
03:26
and eachelk of these robotsrobots has
what are calledriep omniOmni wheelswielen.
92
194210
2765
Elk heeft een 'omni-wiel'.
03:28
They're these specialspeciaal wheelswielen
93
196975
1305
Dat zijn van die wielen
03:30
that can moveverhuizing equallyeven easilygemakkelijk in all directionsroutebeschrijving,
94
198280
2666
die makkelijk alle kanten op
kunnen bewegen.
03:32
and when you couplepaar these robotsrobots
95
200946
2589
Als je deze robots
03:35
with a videovideo- projectorprojector,
96
203535
1910
aan een videoprojector koppelt,
03:37
you have these physicalfysiek toolsgereedschap
97
205445
1808
krijg je de fysieke gereedschappen
03:39
for interactinginteractie with digitaldigitaal informationinformatie.
98
207253
2900
voor de uitwisseling
van digitale informatie.
03:42
So here'shier is an examplevoorbeeld of what I mean.
99
210153
1842
Hier is een voorbeeld.
03:43
This is a videovideo- editingediting applicationtoepassing
100
211995
1922
Dit is een videobewerk-applicatie
03:45
where all of the controlscontrols
101
213917
1486
waar alle bediening
03:47
for manipulatingmanipuleren the videovideo- are physicalfysiek.
102
215403
2307
voor videobewerking fysiek is.
03:49
So if we want to tweakTweak the colorkleur,
103
217710
1582
Als je de kleur wilt aanpassen
03:51
we just enterinvoeren the colorkleur modemode,
104
219292
1352
ga je naar de kleurmodus.
03:52
and then we get threedrie differentverschillend dialswijzerplaten
105
220644
1296
Je hebt dan drie wielen
03:53
for tweakingtweaken the colorkleur,
106
221940
1378
om de kleur aan te passen.
03:55
or if we want to adjustaanpassen the audioaudio,
107
223318
1961
Of als je het geluid wilt regelen,
03:57
then we get two differentverschillend dialswijzerplaten
for that, these physicalfysiek objectsvoorwerpen.
108
225279
3341
heb je twee verschillende wielen
om dat fysiek te regelen.
04:00
So here the left and right channelkanaal stayverblijf in syncsynchroniseren,
109
228620
2846
Hier blijven het linkse en
rechtse kanaal synchroon.
04:03
but if we want to, we can overrideoverschrijven that
110
231466
1743
Je kan dat veranderen
04:05
by grabbinggrijpen bothbeide of them at the samedezelfde time.
111
233209
2999
door ze allebei tegelijk
vast te nemen.
04:08
So the ideaidee is that we get the speedsnelheid
112
236208
1928
Zo krijgen we de voordelen
van snelheid en efficiency
04:10
and efficiencyrendement benefitsvoordelen of usinggebruik makend van these physicalfysiek dialswijzerplaten
113
238136
3117
van deze fysieke wielen,
04:13
togethersamen with the flexibilityflexibiliteit and versatilityveelzijdigheid
114
241253
2790
samen met de flexibiliteit
en veelzijdigheid
04:16
of a systemsysteem that's designedontworpen in softwaresoftware.
115
244043
3331
van een systeem dat
met software gemaakt is.
04:19
And this is a mappingin kaart brengen applicationtoepassing
116
247374
1935
En dit is een applicatie
voor kaarten bij rampenbestrijding.
04:21
for disasterramp responseantwoord.
117
249309
2127
04:23
So you have these physicalfysiek objectsvoorwerpen
118
251436
1945
Je hebt de fysieke voorwerpen voor
04:25
that representvertegenwoordigen policePolitie, firebrand and rescueredden,
119
253381
2227
politie, brandweer en reddingsdiensten
04:27
and a dispatcherdispatcher can grabgrijpen them
120
255608
1553
en iets om ze te grijpen
04:29
and placeplaats them on the mapkaart
121
257161
1326
en op de kaart te zetten,
04:30
to tell those unitsunits where to go,
122
258487
1989
om te zeggen waar ze
naartoe moeten.
04:32
and then the positionpositie of the unitsunits on the mapkaart
123
260476
2376
De locatie van de eenheden op de kaart
04:34
getskrijgt syncedgesynchroniseerd up with the positionpositie
124
262852
1969
wordt gesynchroniseerd met de locatie
van de eenheden in de echte wereld.
04:36
of those unitsunits in the realecht worldwereld-.
125
264821
3627
04:40
This is a videovideo- chatbabbelen applicationtoepassing.
126
268448
1612
Dit is een videochat-toepassing.
04:42
It's amazingverbazingwekkend how much emotionemotie you can conveyoverbrengen
127
270060
2352
Ongelofelijk hoeveel emotie je kwijt kan
04:44
with just a fewweinig simpleeenvoudig movementsbewegingen
128
272412
1213
met wat beweging
04:45
of a physicalfysiek objectvoorwerp.
129
273625
2425
van een fysiek voorwerp.
04:48
With this interfaceinterface, we openOpen up
a hugereusachtig arrayrangschikking of possibilitiesmogelijkheden
130
276050
3052
Met deze interface krijgen we
enorm veel mogelijkheden
04:51
in betweentussen traditionaltraditioneel boardboord gamesspellen
131
279102
2078
tussen de traditionele bordspellen
04:53
and arcadeArcade gamesspellen,
132
281180
1414
en speelautomaten.
04:54
where the physicalfysiek possibilitiesmogelijkheden of interactionwisselwerking
133
282594
2547
Door de fysieke interactie
04:57
make so manyveel differentverschillend stylesstijlen of playspelen possiblemogelijk.
134
285141
3713
worden veel spelvariaties mogelijk.
05:00
But one of the areasgebieden that I'm mostmeest excitedopgewonden
135
288854
2389
Ik ben het meest enthousiast
05:03
about usinggebruik makend van this platformplatform for
136
291243
1814
over het gebruik van dit platform
05:05
is applyingtoepassen it to problemsproblemen that are difficultmoeilijk
137
293057
2543
voor problemen die moeilijk
op te lossen zijn
05:07
for computerscomputers or people to solveoplossen alonealleen.
138
295600
2254
voor alleen computers of mensen.
05:09
One examplevoorbeeld of those is proteineiwit foldingvouwen.
139
297854
2622
Een voorbeeld is vouwen van eiwitten.
05:12
So here we have an interfaceinterface
140
300476
1412
Hier heb ik een interface
05:13
where we have physicalfysiek handleshandgrepen ontonaar a proteineiwit,
141
301888
3514
waarbij een eiwit handvatten heeft
05:17
and we can grabgrijpen those handleshandgrepen
142
305402
1751
waarmee we het kunnen bewegen
05:19
and try to moveverhuizing the proteineiwit and
try to foldvouwen it in differentverschillend waysmanieren.
143
307153
2987
en op verschillende manieren te vouwen.
05:22
And if we moveverhuizing it in a way that
doesn't really make sensezin
144
310140
3000
Als we hem bewegen
in een richting die nergens op slaat,
05:25
with the underlyingonderliggende molecularmoleculair simulationsimulatie,
145
313140
1967
met moleculaire nabootsing,
05:27
we get this physicalfysiek feedbackterugkoppeling where we can
146
315107
2202
krijgen we fysieke feedback
05:29
actuallywerkelijk feel these physicalfysiek handleshandgrepen
147
317309
1973
omdat we de handvatten
echt voelen terugtrekken.
05:31
pullingtrekken back againsttegen us.
148
319282
1608
05:32
So feelinggevoel what's going on
149
320890
1531
Voelen wat er speelt
05:34
insidebinnen a molecularmoleculair simulationsimulatie
150
322421
2239
in een molecuul-simulatie
05:36
is a wholegeheel differentverschillend levelniveau of interactionwisselwerking.
151
324660
2946
is een heel ander niveau van interactie.
05:39
So we're just beginningbegin to exploreonderzoeken
152
327606
2981
We staan aan het begin
van een ontdekkingstocht
05:42
what's possiblemogelijk when we use softwaresoftware
153
330587
2511
naar de mogelijkheden om met software
de beweging te regelen
05:45
to controlcontrole the movementbeweging
154
333098
1491
05:46
of objectsvoorwerpen in our environmentmilieu.
155
334589
2243
van voorwerpen in onze omgeving.
05:48
Maybe this is the computercomputer of the futuretoekomst.
156
336832
2904
Misschien is dit
de computer van de toekomst.
05:51
There's no touchscreentouchscreen.
157
339736
1616
Zonder touchscreen.
05:53
There's no technologytechnologie visiblezichtbaar at all.
158
341352
2031
Er is helemaal geen techniek zichtbaar.
05:55
But when we want to have a videovideo- chatbabbelen
159
343383
1844
Maar als we een videogesprek willen
05:57
or playspelen a gamespel
160
345227
1461
of een spel spelen
05:58
or layleggen out the slidesslides to our nextvolgende TEDTED Talk,
161
346688
2713
of de dia's van de volgende
TED Talk willen plaatsen
06:01
the objectsvoorwerpen on the tabletafel come alivelevend.
162
349401
2273
dan komen de voorwerpen tot leven.
06:03
Thank you.
163
351674
1352
Dank je wel.
06:05
(ApplauseApplaus)
164
353026
2123
(Applaus)
Translated by Dick Stada
Reviewed by Roel Verbunt

▲Back to top

ABOUT THE SPEAKER
James Patten - Interaction designer
James Patten, a TED Fellow, imagines new ways for us to play with computers.

Why you should listen

James Patten is an interaction designer, inventor and visual artist working at the intersection of the physical and digital worlds. Patten is a TED Fellow and the founder and principal of the design firm Patten Studio, where his clients have included Björk, Barneys New York, General Electric, Steelcase and Autodesk. Patten earned his doctorate at the MIT Media Lab where he studied in the Tangible Media Group under Hiroshi Ishii. His work has been exhibited or performed in venues such as the Museum of Modern Art, the Transmediale festival in Berlin, the Museo Guggenheim Bilbao and the Ars Electronica Center in Linz, Austria. Patten's work has been recognized in several international design competitions including the International Design Magazine's Annual Design Review, and the International Design Excellence Awards. Tour his Brooklyn workshop.

More profile about the speaker
James Patten | Speaker | TED.com