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: ¿La mejor interfaz informática? Quizá... tus manos

Filmed:
1,092,626 views

"La computadora es un medio increíblemente potente de expresión creativa", dice el diseñador James Patten. Pero ahora, interactuamos con computadoras, sobre todo, escribiendo y tocando. En esta charla ingeniosa con demostración incluida, Patten imagina una forma más visceral, más física, de dar vida a los pensamientos y a las ideas del mundo digital, sacando la interfaz de la pantalla de la computadora y poniéndola en nuestras manos.
- 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 computercomputadora is an incrediblyincreíblemente powerfulpoderoso meansmedio
0
721
2667
Una computadora es un medio
increíblemente potente
00:15
of creativecreativo expressionexpresión,
1
3388
1654
de expresión creativa
00:17
but for the mostmás partparte,
2
5042
1571
pero, en su mayor parte,
00:18
that expressionexpresión is confinedconfinado to the screenspantallas
3
6613
2165
esa expresión está
confinada a las pantallas
00:20
of our laptopslaptops and mobilemóvil phonesteléfonos.
4
8778
2418
de laptops y móviles.
00:23
And I'd like to tell you a storyhistoria about
5
11196
2200
Y me gustaría
contarles una historia
00:25
bringingtrayendo this powerpoder of the computercomputadora
6
13396
1956
de transferencia de poder,
de la computadora
00:27
to movemovimiento things around and interactinteractuar with us
7
15352
2370
para mover cosas
e interactuar con nosotros
00:29
off of the screenpantalla and into the physicalfísico worldmundo
8
17722
2913
de la pantalla al mundo físico
00:32
in whichcual we livevivir.
9
20635
1189
en el que vivimos.
00:33
A fewpocos yearsaños agohace, I got a call from
10
21824
1618
Hace unos años,
recibí una llamada
00:35
a luxurylujo fashionModa storealmacenar calledllamado BarneysBarneys NewNuevo YorkYork,
11
23442
2486
de una tienda de moda de lujo
llamada Barneys New York,
00:37
and the nextsiguiente thing I knewsabía,
12
25928
1264
y cuando quise acordar
00:39
I was designingdiseño storefrontescaparate kineticcinético sculpturesesculturas
13
27192
2693
estaba diseñando escaparates
con esculturas cinéticas
00:41
for theirsu windowventana displaysmuestra.
14
29885
1392
para sus vidrieras.
00:43
This one'suno calledllamado "The ChasePersecución."
15
31277
1395
Esta se llamó "Persecución".
00:44
There are two pairspares of shoesZapatos,
16
32672
1346
Hay dos pares de zapatos,
00:46
a man'sdel hombre pairpar and a woman'smujer pairpar,
17
34018
1625
uno de hombre y otro de mujer,
00:47
and they playjugar out this slowlento, tensetiempo chasepersecución
18
35643
2904
e interpretan esta
persecución lenta, tensa,
00:50
around the windowventana
19
38547
1278
por la vidriera
00:51
in whichcual the man scootsscoots up behinddetrás the womanmujer
20
39825
2225
en la que el hombre se escabulle
detrás de la mujer,
00:54
and getsse pone in her personalpersonal spaceespacio,
21
42050
1573
entra al espacio personal de ella,
00:55
and then she movesmovimientos away.
22
43623
1935
y luego ella se aleja.
00:57
EachCada of the shoesZapatos has magnetsimanes in it,
23
45558
1841
Cada zapato, dentro, tiene imanes
00:59
and there are magnetsimanes underneathdebajo the tablemesa
24
47399
2003
y hay imanes bajo la mesa
01:01
that movemovimiento the shoesZapatos around.
25
49402
1964
que mueven los zapatos.
01:03
My friendamigo AndyAndy CavatortaCavatorta was buildingedificio
26
51366
2032
Mi amigo Andy Cavatorta creó
01:05
a roboticrobótico harparpa for Bjork'sBjork's BiophiliaBiophilia tourgira
27
53398
3542
un arpa robótico para la
gira Biofilia, de Björk
01:08
and I woundherida up buildingedificio the electronicselectrónica
28
56940
2392
y terminé construyendo la electrónica
01:11
and motionmovimiento controlcontrolar softwaresoftware
29
59332
2189
y el software de control de movimiento
01:13
to make the harpsarpas movemovimiento and playjugar musicmúsica.
30
61521
2466
para hacer que las arpas se muevan
e interpreten música.
01:15
The harparpa has fourlas cuatro separateseparar pendulumspéndulos,
31
63987
2011
El arpa tiene 4 péndulos separados,
01:17
and eachcada pendulumpéndulo has 11 stringsinstrumentos de cuerda,
32
65998
2126
y cada péndulo tiene 11 cuerdas.
01:20
so the harparpa swingscolumpios on its axiseje and alsoademás rotatesgira
33
68124
2488
El arpa se mueve sobre
su eje y también gira
01:22
in orderorden to playjugar differentdiferente musicalmusical notesnotas,
34
70612
2203
para tocar diferentes
notas musicales.
01:24
and the harpsarpas are all networkeden red togetherjuntos
35
72815
2162
Todas las arpas están
conectadas en red,
01:26
so that they can playjugar the right notesnotas
36
74977
1800
por eso pueden tocar
las notas correctas
01:28
at the right time in the musicmúsica.
37
76777
2626
en el momento exacto
de la música.
01:31
I builtconstruido an interactiveinteractivo chemistryquímica exhibitexposición
38
79403
2424
Construí una muestra
de química interactiva
01:33
at the MuseumMuseo of ScienceCiencia and IndustryIndustria in ChicagoChicago,
39
81827
2599
en el Museo de Ciencia
e Industria de Chicago,
01:36
and this exhibitexposición letsdeja people use physicalfísico objectsobjetos
40
84426
2981
y esta muestra permite a las personas
usar objetos físicos
01:39
to grabagarrar chemicalquímico elementselementos off of the periodicperiódico tablemesa
41
87407
3036
para sacar los elementos químicos
de la tabla periódica
01:42
and bringtraer them togetherjuntos to causeporque
42
90443
1408
y luego juntarlos para generar
01:43
chemicalquímico reactionsreacciones to happenocurrir.
43
91851
1766
reacciones químicas.
01:45
And the museummuseo noticednotado that people
44
93617
1924
El museo observó que la gente
01:47
were spendinggasto a lot of time with this exhibitexposición,
45
95541
2226
pasaba mucho tiempo
en esta exposición,
01:49
and a researcherinvestigador from a scienceciencia educationeducación centercentrar
46
97767
3147
y una investigadora de un centro
educativo de ciencias
01:52
in AustraliaAustralia decideddecidido to studyestudiar this exhibitexposición
47
100914
2805
en Australia decidió
estudiar esta muestra
01:55
and try to figurefigura out what was going on.
48
103719
2240
y tratar de averiguar
qué estaba ocurriendo.
01:57
And she foundencontró that the physicalfísico objectsobjetos
49
105959
2293
Ella encontró que
los objetos físicos
02:00
that people were usingutilizando were helpingración people
50
108252
1664
que la gente usaba les ayudaban
02:01
understandentender how to use the exhibitexposición,
51
109916
2014
a entender cómo usar la exposición,
02:03
and were helpingración people learnaprender in a socialsocial way.
52
111930
2943
y les ayudaban a aprender
de manera social.
02:06
And when you think about
it, this makeshace a lot of sensesentido,
53
114873
2266
Y si lo piensan,
tiene mucho sentido.
02:09
that usingutilizando specializedespecializado physicalfísico objectsobjetos
54
117139
2240
Usar objetos físicos especializados
02:11
would help people use an interfaceinterfaz more easilyfácilmente.
55
119379
3272
ayudaría a la gente a usar
una interfaz con más facilidad.
02:14
I mean, our handsmanos and our mindsmentes are optimizedoptimizado
56
122651
2839
Digo, nuestras manos
y mentes están optimizadas
02:17
to think about and interactinteractuar with tangibletangible objectsobjetos.
57
125490
3269
para pensar e interactuar
con objetos tangibles.
02:20
Think about whichcual you find easiermás fácil to use,
58
128759
2062
Piensen en algo que
encontraron fácil de usar,
02:22
a physicalfísico keyboardteclado or an onscreenen la pantalla keyboardteclado
59
130821
2319
un teclado físico
o un teclado en pantalla
02:25
like on a phoneteléfono?
60
133140
2100
como el de un móvil.
02:27
But the thing that struckgolpeado me
61
135240
1025
Pero lo que más me llamó la atención
02:28
about all of these differentdiferente projectsproyectos
62
136265
1999
de todos estos proyectos
02:30
is that they really had to be builtconstruido from scratchrasguño,
63
138264
3117
es que deben construirse desde cero,
02:33
down to the levelnivel of the electronicselectrónica
64
141381
1790
desde la electrónica
02:35
and the printedimpreso circuitcircuito boardstablas and
65
143171
1106
y los circuitos impresos,
02:36
all the mechanismsmecanismos all the way up to the softwaresoftware.
66
144277
2745
todos los mecanismos,
hasta el software.
02:39
I wanted to createcrear something
67
147022
1762
Yo quería crear algo
02:40
where we could movemovimiento objectsobjetos
underdebajo computercomputadora controlcontrolar
68
148784
3319
para mover objetos
con la computadora
02:44
and createcrear interactionsinteracciones around that ideaidea
69
152103
2249
y crear interacciones
en torno a esa idea
02:46
withoutsin havingteniendo to go throughmediante this processproceso
70
154352
2215
sin tener que atravesar este proceso
02:48
of buildingedificio something from scratchrasguño
71
156567
1383
de construir algo desde cero
02:49
everycada singlesoltero time.
72
157950
1375
cada vez.
02:51
So my first attemptintento at this
73
159325
1991
Mi primer intento
02:53
was at the MITMIT MediaMedios de comunicación LabLaboratorio
74
161316
1684
fue en el Lab de Medios del MIT
02:55
with ProfessorProfesor HiroshiHiroshi IshiiIshii,
75
163000
1581
con el profesor Hiroshi Ishii.
02:56
and we builtconstruido this arrayformación of
76
164581
1835
Construimos esta configuración
02:58
512 differentdiferente electromagnetselectroimanes,
77
166416
2257
de 512 electroimanes.
03:00
and togetherjuntos they were ablepoder to movemovimiento objectsobjetos around
78
168673
2627
Juntos podían mover objetos
03:03
on topparte superior of theirsu surfacesuperficie.
79
171300
1536
sobre su superficie.
03:04
But the problemproblema with this
80
172836
1548
Pero el problema con esto
03:06
was that these magnetsimanes
81
174384
1656
era que los imanes
03:08
costcosto over 10,000 dollarsdólares.
82
176040
2160
cuestan más de USD 10 000.
03:10
AlthoughA pesar de que eachcada one was prettybonita smallpequeña,
83
178200
1666
Si bien cada uno era bastante pequeño,
03:11
altogetheren total they weighedpesado so much
84
179866
1709
juntos pesaban tanto
03:13
that the tablemesa that they were on
85
181575
1255
que la mesa que los sostenía
03:14
startedempezado to saghundimiento.
86
182830
1558
empezó a ceder.
03:16
So I wanted to buildconstruir something
87
184388
1332
Yo quería construir algo
03:17
where you could have this kindtipo of interactionInteracción
88
185720
1616
que permitiera este
tipo de interacciones
03:19
on any tabletopmesa surfacesuperficie.
89
187336
2643
sobre cualquier superficie de mesa.
03:21
So to exploreexplorar this ideaidea,
90
189979
2081
Por eso, para explorar esta idea
03:24
I builtconstruido an armyEjército of smallpequeña robotsrobots,
91
192060
2150
construí un ejército
de pequeños robots
03:26
and eachcada of these robotsrobots has
what are calledllamado omniomni wheelsruedas.
92
194210
2765
y cada uno de estos robots tiene
lo que llamamos omniruedas.
03:28
They're these specialespecial wheelsruedas
93
196975
1305
Son ruedas especiales
03:30
that can movemovimiento equallyIgualmente easilyfácilmente in all directionsdirecciones,
94
198280
2666
que pueden moverse por igual
en cualquier dirección,
03:32
and when you couplePareja these robotsrobots
95
200946
2589
y cuando se dota a estos robots
03:35
with a videovídeo projectorproyector,
96
203535
1910
de un videoproyector,
03:37
you have these physicalfísico toolsherramientas
97
205445
1808
se obtienen estas
herramientas físicas
03:39
for interactinginteractuando with digitaldigital informationinformación.
98
207253
2900
para interactuar con
información digital.
03:42
So here'saquí está an exampleejemplo of what I mean.
99
210153
1842
Este es un ejemplo de
lo que quiero decir.
03:43
This is a videovídeo editingedición applicationsolicitud
100
211995
1922
Esta es una aplicación
para editar video
03:45
where all of the controlscontroles
101
213917
1486
en la que todos los controles
03:47
for manipulatingmanipulando the videovídeo are physicalfísico.
102
215403
2307
para manipular el video son físicos.
03:49
So if we want to tweakretocar the colorcolor,
103
217710
1582
Si queremos retocar el color,
03:51
we just enterentrar the colorcolor modemodo,
104
219292
1352
entramos al modo color,
03:52
and then we get threeTres differentdiferente dialsdiales
105
220644
1296
y tenemos 3 diales
03:53
for tweakingretoque the colorcolor,
106
221940
1378
para retocar el color.
03:55
or if we want to adjustajustar the audioaudio,
107
223318
1961
Si queremos ajustar el audio,
03:57
then we get two differentdiferente dialsdiales
for that, these physicalfísico objectsobjetos.
108
225279
3341
tenemos 2 diales para hacerlo,
con estos objetos físicos.
04:00
So here the left and right channelcanal staypermanecer in syncsincronización,
109
228620
2846
Aquí los canales izquierdo
y derecho están sincronizados
04:03
but if we want to, we can overrideanular that
110
231466
1743
pero si queremos,
podemos sobrescribir eso
04:05
by grabbingagarrando bothambos of them at the samemismo time.
111
233209
2999
agarrando ambos al mismo tiempo.
04:08
So the ideaidea is that we get the speedvelocidad
112
236208
1928
La idea es conseguir la velocidad
04:10
and efficiencyeficiencia benefitsbeneficios of usingutilizando these physicalfísico dialsdiales
113
238136
3117
y la eficiencia de usar
estos diales físicos
04:13
togetherjuntos with the flexibilityflexibilidad and versatilityversatilidad
114
241253
2790
junto a la flexibilidad
y versatilidad
04:16
of a systemsistema that's designeddiseñado in softwaresoftware.
115
244043
3331
de un sistema
diseñado en software.
04:19
And this is a mappingcartografía applicationsolicitud
116
247374
1935
Y esta es una aplicación cartográfica
04:21
for disasterdesastre responserespuesta.
117
249309
2127
para respuesta a desastres.
04:23
So you have these physicalfísico objectsobjetos
118
251436
1945
Uno tiene estos objetos físicos
04:25
that representrepresentar policepolicía, firefuego and rescuerescate,
119
253381
2227
que representan la policía, los
bomberos y el equipo de rescate,
04:27
and a dispatchertransportista can grabagarrar them
120
255608
1553
y un despachador puede agarrarlos
04:29
and placelugar them on the mapmapa
121
257161
1326
y ubicarlos en el mapa
04:30
to tell those unitsunidades where to go,
122
258487
1989
para decirle a esas
unidades dónde ir,
04:32
and then the positionposición of the unitsunidades on the mapmapa
123
260476
2376
y entonces la posición de
las unidades en el mapa
04:34
getsse pone syncedsincronizado up with the positionposición
124
262852
1969
se sincroniza con la posición
04:36
of those unitsunidades in the realreal worldmundo.
125
264821
3627
de esas unidades en el mundo real.
04:40
This is a videovídeo chatcharla applicationsolicitud.
126
268448
1612
Esta es una aplicación de videochat.
04:42
It's amazingasombroso how much emotionemoción you can conveytransmitir
127
270060
2352
Es increíble la cantidad de emociones
que se pueden transmitir
04:44
with just a fewpocos simplesencillo movementsmovimientos
128
272412
1213
con pocos movimientos simples
04:45
of a physicalfísico objectobjeto.
129
273625
2425
de un objeto físico.
04:48
With this interfaceinterfaz, we openabierto up
a hugeenorme arrayformación of possibilitiesposibilidades
130
276050
3052
Con esta interfaz, abrimos un
enorme abanico de posibilidades
04:51
in betweenEntre traditionaltradicional boardtablero gamesjuegos
131
279102
2078
entre los juegos de mesa tradicionales
04:53
and arcadearcada gamesjuegos,
132
281180
1414
y los juegos de arcade,
04:54
where the physicalfísico possibilitiesposibilidades of interactionInteracción
133
282594
2547
donde las posibilidades
físicas de interacción
04:57
make so manymuchos differentdiferente stylesestilos of playjugar possibleposible.
134
285141
3713
dan lugar a muchos estilos
diferentes de jugar.
05:00
But one of the areasáreas that I'm mostmás excitedemocionado
135
288854
2389
Pero una de las áreas
que más me entusiasma
05:03
about usingutilizando this platformplataforma for
136
291243
1814
es el uso de esta plataforma
05:05
is applyingaplicando it to problemsproblemas that are difficultdifícil
137
293057
2543
en problemas difíciles de resolver
05:07
for computersordenadores or people to solveresolver alonesolo.
138
295600
2254
para computadoras o personas por separado.
05:09
One exampleejemplo of those is proteinproteína foldingplegable.
139
297854
2622
Un ejemplo es el plegamiento de proteínas.
05:12
So here we have an interfaceinterfaz
140
300476
1412
Aquí tenemos una interfaz
05:13
where we have physicalfísico handlesmaneja ontosobre a proteinproteína,
141
301888
3514
para manipular las proteínas,
05:17
and we can grabagarrar those handlesmaneja
142
305402
1751
podemos agarrar las asas
05:19
and try to movemovimiento the proteinproteína and
try to folddoblez it in differentdiferente waysformas.
143
307153
2987
para tratar de mover la proteína
y plegarla de distintas maneras.
05:22
And if we movemovimiento it in a way that
doesn't really make sensesentido
144
310140
3000
Y si la movemos en una forma
que no tiene sentido,
05:25
with the underlyingsubyacente molecularmolecular simulationsimulación,
145
313140
1967
con la simulación molecular subyacente
05:27
we get this physicalfísico feedbackrealimentación where we can
146
315107
2202
obtenemos esta respuesta física
05:29
actuallyactualmente feel these physicalfísico handlesmaneja
147
317309
1973
y sentimos estas asas físicas
05:31
pullingtracción back againsten contra us.
148
319282
1608
que nos empujan hacia atrás.
05:32
So feelingsensación what's going on
149
320890
1531
Así, sentir lo que ocurre
05:34
insidedentro a molecularmolecular simulationsimulación
150
322421
2239
dentro de una simulación molecular
05:36
is a wholetodo differentdiferente levelnivel of interactionInteracción.
151
324660
2946
es un nivel totalmente
diferente de interacción.
05:39
So we're just beginningcomenzando to exploreexplorar
152
327606
2981
Apenas empezamos a explorar
05:42
what's possibleposible when we use softwaresoftware
153
330587
2511
las posibilidades de usar software
05:45
to controlcontrolar the movementmovimiento
154
333098
1491
para controlar el movimiento
05:46
of objectsobjetos in our environmentambiente.
155
334589
2243
de objetos en nuestro entorno.
05:48
Maybe this is the computercomputadora of the futurefuturo.
156
336832
2904
Quizá esta sea la
computadora del futuro.
05:51
There's no touchscreenpantalla táctil.
157
339736
1616
No hay pantalla táctil.
05:53
There's no technologytecnología visiblevisible at all.
158
341352
2031
No hay tecnología visible,
en absoluto.
05:55
But when we want to have a videovídeo chatcharla
159
343383
1844
Pero cuando queremos
hacer un videochat
05:57
or playjugar a gamejuego
160
345227
1461
o jugar un juego
05:58
or laylaico out the slidesdiapositivas to our nextsiguiente TEDTED Talk,
161
346688
2713
o diseñar las diapositivas para
nuestra próxima charla TED
06:01
the objectsobjetos on the tablemesa come aliveviva.
162
349401
2273
los objetos de la
mesa cobran vida.
06:03
Thank you.
163
351674
1352
Gracias.
06:05
(ApplauseAplausos)
164
353026
2123
(Aplausos)
Translated by Sebastian Betti
Reviewed by Mariana Vergnano

▲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