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: Najlepszy interfejs komputerowy? Może to... wasze ręce?

Filmed:
1,092,626 views

„Komputer to niezwykle potężne narzędzie twórczej eksprecji”, twierdzi projektant, James Patten. Jednak obecnie, nasza praca z komputerem polega głównie na posługiwaniu się klawiaturą i postukiwaniu ekranu. Podczas tej świetnej prelekcji i demonstracji, Patten przedstawia bardziej fizyczny sposób wprowadzania pomysłów w życie w świecie cyfrowym. Przenosi interfejs z ekranów w wasze ręce.
- 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 computerkomputer is an incrediblyniewiarygodnie powerfulpotężny meansznaczy
0
721
2667
Komputer jest potężnym narzędziem
kreatywnej ekspresji,
00:15
of creativetwórczy expressionwyrażenie,
1
3388
1654
00:17
but for the mostwiększość partczęść,
2
5042
1571
ale w dużej mierze,
00:18
that expressionwyrażenie is confinedogranicza się to the screensekrany
3
6613
2165
ta ekspresja jest ograniczona do ekranów
laptopów i komórek.
00:20
of our laptopslaptopy and mobilemobilny phonestelefony.
4
8778
2418
00:23
And I'd like to tell you a storyfabuła about
5
11196
2200
Chciałbym opowiedzieć historię
00:25
bringingprzynoszący this powermoc of the computerkomputer
6
13396
1956
o przeniesieniu mocy komputera
00:27
to moveruszaj się things around and interactoddziaływać with us
7
15352
2370
do poruszania rzeczy
wokół nas i interakcji
00:29
off of the screenekran and into the physicalfizyczny worldświat
8
17722
2913
z ekranu w świat fizyczny,
w którym żyjemy.
00:32
in whichktóry we liverelacja na żywo.
9
20635
1189
00:33
A fewkilka yearslat agotemu, I got a call from
10
21824
1618
Parę lat temu, miałem telefon
00:35
a luxuryluksus fashionmoda storesklep callednazywa BarneysBarneys NewNowy YorkYork,
11
23442
2486
z luksusowego domu mody Barneys New York,
00:37
and the nextNastępny thing I knewwiedziałem,
12
25928
1264
i nagle projektowałem
kinetyczne rzeźby dla tego sklepu,
00:39
I was designingprojektowanie storefrontstorefront kineticKinetic sculpturesrzeźby
13
27192
2693
00:41
for theirich windowokno displayswyświetla.
14
29885
1392
na ich witrynę.
00:43
This one'sswoje callednazywa "The ChaseChase."
15
31277
1395
Ta nazywa się "Pościg".
Są dwie pary butów,
00:44
There are two pairspary of shoesbuty,
16
32672
1346
00:46
a man'smężczyzny pairpara and a woman'skobiety pairpara,
17
34018
1625
męskie i damskie,
00:47
and they playgrać out this slowpowolny, tenseczas chaseChase
18
35643
2904
odbywają powolny, napięty pościg
wokół witryny,
00:50
around the windowokno
19
38547
1278
00:51
in whichktóry the man scootsscoots up behindza the womankobieta
20
39825
2225
gdzie męskie gonią damskie,
00:54
and getsdostaje in her personalosobisty spaceprzestrzeń,
21
42050
1573
dostają się w ich przestrzeń osobistą,
00:55
and then she movesporusza się away.
22
43623
1935
wtedy damskie uciekają.
00:57
EachKażdy of the shoesbuty has magnetsMagnesy in it,
23
45558
1841
Każdy but ma magnes,
00:59
and there are magnetsMagnesy underneathpod spodem the tablestół
24
47399
2003
a pod stołem są magnesy,
które poruszają butami.
01:01
that moveruszaj się the shoesbuty around.
25
49402
1964
01:03
My friendprzyjaciel AndyAndy CavatortaCavatorta was buildingbudynek
26
51366
2032
Mój przyjaciel Andy Cavatorta
01:05
a roboticzrobotyzowany harpharfa for Bjork'sBjork BiophiliaBiophilia tourwycieczka
27
53398
3542
zbudował robotyczną harfę dla Bjork
na trasę Biophilia,
01:08
and I woundrana up buildingbudynek the electronicselektronika
28
56940
2392
ja skonstruowałem elektronikę
i oprogramowanie do kontroli ruchu,
01:11
and motionruch controlkontrola softwareoprogramowanie
29
59332
2189
01:13
to make the harpsHARPS moveruszaj się and playgrać musicmuzyka.
30
61521
2466
żeby harfa poruszała się i grała muzykę.
01:15
The harpharfa has fourcztery separateoddzielny pendulumswahadełek,
31
63987
2011
Harfa ma 4 oddzielne wahadła,
01:17
and eachkażdy pendulumWahadło has 11 stringssmyczki,
32
65998
2126
każde ma 11 strun,
01:20
so the harpharfa swingshuśtawki on its axis and alsorównież rotatesobraca się
33
68124
2488
więc harfa buja się
i kręci wokół własnej osi,
01:22
in orderzamówienie to playgrać differentróżne musicalmusical notesnotatki,
34
70612
2203
aby grać różne nuty,
01:24
and the harpsHARPS are all networkedpołączone w sieć togetherRazem
35
72815
2162
a wszystkie harfy są połączone,
01:26
so that they can playgrać the right notesnotatki
36
74977
1800
aby grać poprawne nuty
w odpowiednim momencie.
01:28
at the right time in the musicmuzyka.
37
76777
2626
01:31
I builtwybudowany an interactiveinteraktywny chemistrychemia exhibiteksponować
38
79403
2424
Zbudowałem interaktywną wystawę chemiczną
01:33
at the MuseumMuzeum of ScienceNauka and IndustryPrzemysł in ChicagoChicago,
39
81827
2599
w Muzeum Nauki i Przemysłu w Chicago,
01:36
and this exhibiteksponować letspozwala people use physicalfizyczny objectsobiekty
40
84426
2981
pozwala ludziom używać
obiektów fizycznych,
01:39
to grabchwycić chemicalchemiczny elementselementy off of the periodicokresowy tablestół
41
87407
3036
chwytać pierwiastki z układu okresowego,
01:42
and bringprzynieść them togetherRazem to causeprzyczyna
42
90443
1408
łączyć je
01:43
chemicalchemiczny reactionsreakcje to happenzdarzyć.
43
91851
1766
i powodować reakcje chemiczne.
01:45
And the museummuzeum noticedzauważyłem that people
44
93617
1924
Okazało się, że ludzie
spędzali wiele czasu na tej wystawie.
01:47
were spendingwydatki a lot of time with this exhibiteksponować,
45
95541
2226
01:49
and a researchernaukowiec from a sciencenauka educationEdukacja centercentrum
46
97767
3147
Naukowiec z centrum edukacji naukowej
01:52
in AustraliaAustralia decidedzdecydowany to studybadanie this exhibiteksponować
47
100914
2805
z Australii zdecydowała się
przestudiować wystawę
01:55
and try to figurepostać out what was going on.
48
103719
2240
i spróbować zrozumieć, co tam się działo.
01:57
And she founduznany that the physicalfizyczny objectsobiekty
49
105959
2293
Odkryła, że obiekty fizyczne,
02:00
that people were usingza pomocą were helpingporcja jedzenia people
50
108252
1664
których używali ludzie pozwalały im
zrozumieć, jak korzystać z wystawy
02:01
understandzrozumieć how to use the exhibiteksponować,
51
109916
2014
02:03
and were helpingporcja jedzenia people learnuczyć się in a socialspołeczny way.
52
111930
2943
i pomagały im uczyć się
w sposób społeczny.
02:06
And when you think about
it, this makesczyni a lot of sensesens,
53
114873
2266
Gdy o tym myślicie, ma to sens,
02:09
that usingza pomocą specializedspecjalistyczne physicalfizyczny objectsobiekty
54
117139
2240
używanie specjalnie
przygotowanych obiektów
02:11
would help people use an interfaceberło more easilyz łatwością.
55
119379
3272
ułatwiłoby ludziom
korzystanie z interfejsu.
02:14
I mean, our handsręce and our mindsumysły are optimizedzoptymalizowany
56
122651
2839
Nasze ręce i umysły są zoptymalizowane,
02:17
to think about and interactoddziaływać with tangiblenamacalny objectsobiekty.
57
125490
3269
by myśleć i współpracować
z namacalnymi obiektami.
Pomyślcie, korzystanie
z czego jest łatwiejsze,
02:20
Think about whichktóry you find easierłatwiejsze to use,
58
128759
2062
02:22
a physicalfizyczny keyboardklawiatura or an onscreenna ekranie keyboardklawiatura
59
130821
2319
fizycznej klawiatury,
czy takiej na ekranie,
02:25
like on a phonetelefon?
60
133140
2100
na przykład na telefonie?
02:27
But the thing that struckpowalony me
61
135240
1025
W tych wszystkich projektach
zraziło mnie to,
02:28
about all of these differentróżne projectsprojektowanie
62
136265
1999
02:30
is that they really had to be builtwybudowany from scratchzadraśnięcie,
63
138264
3117
że były budowane od zera,
02:33
down to the levelpoziom of the electronicselektronika
64
141381
1790
od poziomu elektroniki,
02:35
and the printedwydrukowane circuitobwód boardsdeski and
65
143171
1106
obwodów drukowanych
02:36
all the mechanismsmechanizmy all the way up to the softwareoprogramowanie.
66
144277
2745
i wszystkich mechanizmów,
aż do oprogramowania.
02:39
I wanted to createStwórz something
67
147022
1762
Chciałem stworzyć coś,
02:40
where we could moveruszaj się objectsobiekty
underpod computerkomputer controlkontrola
68
148784
3319
gdzie moglibyśmy poruszać
obiektami za pomocą komputera
02:44
and createStwórz interactionsinterakcje around that ideapomysł
69
152103
2249
i tworzyć interakcje
02:46
withoutbez havingmający to go throughprzez this processproces
70
154352
2215
bez potrzeby budowania czegoś
od początku za każdym razem.
02:48
of buildingbudynek something from scratchzadraśnięcie
71
156567
1383
02:49
everykażdy singlepojedynczy time.
72
157950
1375
02:51
So my first attemptpróba at this
73
159325
1991
Moja pierwsza próba
miała miejsce w laboratorium mediów MIT.
02:53
was at the MITMIT MediaMedia LabLaboratorium
74
161316
1684
02:55
with ProfessorProfesor HiroshiHiroshi IshiiIshii,
75
163000
1581
Z profesorem Hiroshim Ishiim,
02:56
and we builtwybudowany this arrayszyk of
76
164581
1835
zbudowaliśmy szereg
512 elektromagnesów,
02:58
512 differentróżne electromagnetsElektromagnesy,
77
166416
2257
03:00
and togetherRazem they were ablezdolny to moveruszaj się objectsobiekty around
78
168673
2627
które potrafiły przemieszczać obiekty
na swojej powierzchni.
03:03
on topTop of theirich surfacepowierzchnia.
79
171300
1536
03:04
But the problemproblem with this
80
172836
1548
Pojawił się problem.
03:06
was that these magnetsMagnesy
81
174384
1656
Te magnesy
kosztują ponad 10 tys. dolarów.
03:08
costkoszt over 10,000 dollarsdolarów.
82
176040
2160
03:10
AlthoughChociaż eachkażdy one was prettyładny smallmały,
83
178200
1666
Mimo że każdy był całkiem mały,
03:11
altogethercałkowicie they weighedważył so much
84
179866
1709
razem ważyły tak dużo,
03:13
that the tablestół that they were on
85
181575
1255
że stół, na którym się znajdowały,
zaczął się uginać.
03:14
startedRozpoczęty to sagSAG.
86
182830
1558
03:16
So I wanted to buildbudować something
87
184388
1332
Chciałem zbudować coś,
03:17
where you could have this kinduprzejmy of interactioninterakcja
88
185720
1616
co pozwoliłoby na ten rodzaj interakcji
na jakimkolwiek blacie.
03:19
on any tabletopBlat surfacepowierzchnia.
89
187336
2643
03:21
So to explorebadać this ideapomysł,
90
189979
2081
Aby zbadać pomysł,
03:24
I builtwybudowany an armyarmia of smallmały robotsroboty,
91
192060
2150
zbudowałem armię małych robotów
i każdy z nich miał koła szwedzkie.
03:26
and eachkażdy of these robotsroboty has
what are callednazywa omniOmni wheelskoła.
92
194210
2765
03:28
They're these specialspecjalny wheelskoła
93
196975
1305
Są to specjalne koła,
03:30
that can moveruszaj się equallyna równi easilyz łatwością in all directionswskazówki,
94
198280
2666
które mogą poruszać się
równie łatwo w każdym kierunku,
03:32
and when you couplepara these robotsroboty
95
200946
2589
Jeśli się połączy roboty
z rzutnikiem multimedialnym,
03:35
with a videowideo projectorprojektor,
96
203535
1910
03:37
you have these physicalfizyczny toolsprzybory
97
205445
1808
macie fizyczne narzędzia
do interakcji z informacjami cyfrowymi.
03:39
for interactinginterakcja with digitalcyfrowy informationInformacja.
98
207253
2900
03:42
So here'soto jest an exampleprzykład of what I mean.
99
210153
1842
Oto przykład.
03:43
This is a videowideo editingredagowanie applicationpodanie
100
211995
1922
To aplikacja do edycji plików wideo,
03:45
where all of the controlssterownica
101
213917
1486
gdzie wszystkie przyciski
do manipulowania plikiem są fizyczne.
03:47
for manipulatingmanipulowanie the videowideo are physicalfizyczny.
102
215403
2307
03:49
So if we want to tweakuszczypnąć the colorkolor,
103
217710
1582
Jeśli chcemy poprawić kolor,
03:51
we just enterwchodzić the colorkolor modetryb,
104
219292
1352
wchodzimy do modułu kolorów,
03:52
and then we get threetrzy differentróżne dialsTarcze
105
220644
1296
gdzie mamy trzy różne tarcze
do poprawiania koloru,
03:53
for tweakingszczypanie the colorkolor,
106
221940
1378
03:55
or if we want to adjustdostosować the audioaudio,
107
223318
1961
gdy chcemy tylko dostosować dźwięk,
03:57
then we get two differentróżne dialsTarcze
for that, these physicalfizyczny objectsobiekty.
108
225279
3341
dostajemy dwie tarcze,
te fizyczne obiekty.
04:00
So here the left and right channelkanał stayzostać in syncsynchronizacja,
109
228620
2846
Prawy i lewy kanał są zsynchronizowane,
04:03
but if we want to, we can overridezastąpić that
110
231466
1743
ale jeśli chcemy, możemy to pominąć
poprzez łapanie obu w tym samym momencie.
04:05
by grabbingchwytanie bothobie of them at the samepodobnie time.
111
233209
2999
04:08
So the ideapomysł is that we get the speedprędkość
112
236208
1928
Otrzymujemy prędkość
i efektywność używania fizycznych obiektów
04:10
and efficiencywydajność benefitskorzyści of usingza pomocą these physicalfizyczny dialsTarcze
113
238136
3117
04:13
togetherRazem with the flexibilityelastyczność and versatilitywszechstronność
114
241253
2790
razem z elastycznością i wszechstronnością
04:16
of a systemsystem that's designedzaprojektowany in softwareoprogramowanie.
115
244043
3331
systemu, który jest zaprojektowany
w oprogramowaniu.
04:19
And this is a mappingmapowanie applicationpodanie
116
247374
1935
To aplikacja mapująca,
04:21
for disasterkatastrofa responseodpowiedź.
117
249309
2127
dla reagowania w przypadku katastrof.
04:23
So you have these physicalfizyczny objectsobiekty
118
251436
1945
Macie fizyczne obiekty,
04:25
that representprzedstawiać policePolicja, fireogień and rescueratować,
119
253381
2227
które oznaczają policję, pożar i ratunek,
dyspozytor może jeden z nich chwycić
i umieścić na mapie,
04:27
and a dispatcherDyspozytor can grabchwycić them
120
255608
1553
04:29
and placemiejsce them on the mapmapa
121
257161
1326
04:30
to tell those unitsjednostki where to go,
122
258487
1989
by przekazać jednostkom,
gdzie mają się udać,
04:32
and then the positionpozycja of the unitsjednostki on the mapmapa
123
260476
2376
a pozycja jednostek na mapie
04:34
getsdostaje syncedzsynchronizowane up with the positionpozycja
124
262852
1969
synchronizuje się
z faktyczną pozycją jednostek.
04:36
of those unitsjednostki in the realreal worldświat.
125
264821
3627
04:40
This is a videowideo chatczat applicationpodanie.
126
268448
1612
To aplikacja do wideorozmów.
04:42
It's amazingniesamowity how much emotionemocja you can conveyprzenieść
127
270060
2352
Zaskakująco dużo emocji można przekazać
04:44
with just a fewkilka simpleprosty movementsruchy
128
272412
1213
za pomocą kilku prostych ruchów
fizycznym obiektem.
04:45
of a physicalfizyczny objectobiekt.
129
273625
2425
04:48
With this interfaceberło, we openotwarty up
a hugeolbrzymi arrayszyk of possibilitiesmożliwości
130
276050
3052
Za pomocą tego interfejsu
otwieramy wiele możliwości,
04:51
in betweenpomiędzy traditionaltradycyjny boardtablica gamesGry
131
279102
2078
pomiędzy tradycyjnymi grami planszowymi
a grami zręcznościowymi,
04:53
and arcadeArcade gamesGry,
132
281180
1414
04:54
where the physicalfizyczny possibilitiesmożliwości of interactioninterakcja
133
282594
2547
gdzie możliwość fizycznej interakcji
pozwala na wiele stylów gry.
04:57
make so manywiele differentróżne stylesstyle of playgrać possiblemożliwy.
134
285141
3713
05:00
But one of the areasobszary that I'm mostwiększość excitedpodekscytowany
135
288854
2389
Jedna ze sfer, która mnie
najbardziej interesuje
05:03
about usingza pomocą this platformPlatforma for
136
291243
1814
w używaniu tej platformy
05:05
is applyingstosowanie it to problemsproblemy that are difficulttrudny
137
293057
2543
jest zastosowanie jej do problemów,
które trudno rozwiązać pojedynczym
komputerom czy ludziom.
05:07
for computerskomputery or people to solverozwiązać alonesam.
138
295600
2254
05:09
One exampleprzykład of those is proteinbiałko foldingskładanie.
139
297854
2622
Jednym z tych problemów
jest zwijanie białek.
05:12
So here we have an interfaceberło
140
300476
1412
Tu mamy interfejs,
05:13
where we have physicalfizyczny handlesuchwyty ontona a proteinbiałko,
141
301888
3514
gdzie są fizyczne uchwyty.
05:17
and we can grabchwycić those handlesuchwyty
142
305402
1751
Możemy za nie złapać
05:19
and try to moveruszaj się the proteinbiałko and
try to foldzagięcie it in differentróżne wayssposoby.
143
307153
2987
i próbować przesunąć białka,
zwijać je na różne sposoby.
05:22
And if we moveruszaj się it in a way that
doesn't really make sensesens
144
310140
3000
Jeśli ułożymy je w sposób niezgodny
z leżącą u podstaw symulacją cząsteczek,
05:25
with the underlyingpoważniejszych molecularmolekularny simulationsymulacja,
145
313140
1967
05:27
we get this physicalfizyczny feedbackinformacje zwrotne where we can
146
315107
2202
dostajemy fizyczną odpowiedź
05:29
actuallytak właściwie feel these physicalfizyczny handlesuchwyty
147
317309
1973
i faktycznie czujemy,
jak te uchwyty się cofają.
05:31
pullingciągnięcie back againstprzeciwko us.
148
319282
1608
05:32
So feelinguczucie what's going on
149
320890
1531
Czujemy, co się dzieje
w symulacji cząsteczek.
05:34
insidewewnątrz a molecularmolekularny simulationsymulacja
150
322421
2239
05:36
is a wholecały differentróżne levelpoziom of interactioninterakcja.
151
324660
2946
To całkiem nowy poziom interakcji.
05:39
So we're just beginningpoczątek to explorebadać
152
327606
2981
Dopiero zaczynamy odkrywać,
05:42
what's possiblemożliwy when we use softwareoprogramowanie
153
330587
2511
co jest możliwe,
gdy używamy oprogramowania,
05:45
to controlkontrola the movementruch
154
333098
1491
aby kontrolować ruch
obiektów w naszym otoczeniu.
05:46
of objectsobiekty in our environmentśrodowisko.
155
334589
2243
05:48
Maybe this is the computerkomputer of the futureprzyszłość.
156
336832
2904
Może to komputer przyszłości.
05:51
There's no touchscreenekran dotykowy.
157
339736
1616
Żadnego ekranu dotykowego.
05:53
There's no technologytechnologia visiblewidoczny at all.
158
341352
2031
Żadnej widocznej technologii.
05:55
But when we want to have a videowideo chatczat
159
343383
1844
Ale gdy chcemy przeprowadzić wideorozmowę
05:57
or playgrać a gamegra
160
345227
1461
lub zagrać w grę,
05:58
or laykłaść out the slidesslajdy to our nextNastępny TEDTED Talk,
161
346688
2713
albo rozłożyć slajdy do naszej
kolejnej prelekcji TED,
06:01
the objectsobiekty on the tablestół come aliveżywy.
162
349401
2273
obiekty na stole ożywają.
06:03
Thank you.
163
351674
1352
Dziękuję.
06:05
(ApplauseAplauz)
164
353026
2123
(Brawa)
Translated by Marek Placiński
Reviewed by Sławomir Apel

▲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