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): 최선의 컴퓨터 인터페이스는? 아마도... 여러분의 손일 겁니다.

Filmed:
1,092,626 views

"컴퓨터는 믿지 못할 만큼 강력한 창의적 표현 수단입니다."라고 디자이너 제임스 패튼은 얘기합니다. 그러나 바로 지금, 우리는 주로 타자치기로 컴퓨터와 상호작용을 합니다. 이 훌륭한 이야기와 실연에서 패튼은 컴퓨터 인터페이스를 스크린에서 떼어 내 여러분의 손에 놓음으로써, 여러분의 생각과 아이디어를 디지털 세계의 삶으로 이끌기 위한 좀 더 직관적이고 물리적인 방법을 상상해 봅니다.
- 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 computer컴퓨터 is an incredibly엄청나게 powerful강한 means방법
0
721
2667
컴퓨터는 창의적 표현을 하는데
00:15
of creative창조적 인 expression표현,
1
3388
1654
믿지 못할 정도로
강력한 수단입니다만,
00:17
but for the most가장 part부품,
2
5042
1571
대부분의 경우
00:18
that expression표현 is confined갇힌 to the screens스크린
3
6613
2165
표현이 노트북이나 휴대전화에
00:20
of our laptops노트북 and mobile변하기 쉬운 phones전화.
4
8778
2418
국한되어 있습니다.
00:23
And I'd like to tell you a story이야기 about
5
11196
2200
저는 물건을 움직이고
00:25
bringing데려 오는 this power of the computer컴퓨터
6
13396
1956
우리 인간과 상호작용하는
00:27
to move움직임 things around and interact상호 작용하다 with us
7
15352
2370
컴퓨터의 능력을 스크린 밖으로 꺼내
00:29
off of the screen화면 and into the physical물리적 인 world세계
8
17722
2913
우리가 사는 현실 세계로 이동시키는
00:32
in which어느 we live살고 있다.
9
20635
1189
이야기를 해보고 싶습니다.
00:33
A few조금 years연령 ago...전에, I got a call from
10
21824
1618
몇년 전에 저는 바니뉴욕 이라는
00:35
a luxury사치 fashion유행 store저장 called전화 한 Barneys바니 New새로운 York요크,
11
23442
2486
명품 패션 상점으로부터 전화를 받고
00:37
and the next다음 것 thing I knew알고 있었다,
12
25928
1264
저는 쇼윈도의 상품 진열을 위해
00:39
I was designing설계 storefront점포 앞 kinetic동역학의 sculptures조각들
13
27192
2693
가게 입구에 전시할 목적으로
움직이는 조각품을
00:41
for their그들의 window창문 displays전시.
14
29885
1392
디자인 했습니다.
00:43
This one's사람의 called전화 한 "The Chase추적."
15
31277
1395
이게 "더체이스(The Chase)"
라는 것입니다.
00:44
There are two pairs한 쌍 of shoes구두,
16
32672
1346
여기 두 켤레의 구두가 있는데
00:46
a man's남자의 pair and a woman's여자의 pair,
17
34018
1625
남자 것 한 켤레, 여자 것 한 켤레이며
00:47
and they play놀이 out this slow느린, tense시제 chase추적
18
35643
2904
유리창을 돌면서
느리면서도 긴장감 있는
00:50
around the window창문
19
38547
1278
추격을 연출하고 있는데
00:51
in which어느 the man scoots훔치다 up behind뒤에 the woman여자
20
39825
2225
남자가 여자 뒤를 따라가
00:54
and gets도착 in her personal개인적인 space공간,
21
42050
1573
접근하면
00:55
and then she moves움직임 away.
22
43623
1935
여자는 멀리 가버리는 것이지요.
00:57
Each마다 of the shoes구두 has magnets자석 in it,
23
45558
1841
각각의 구두에는 자석이 있고
00:59
and there are magnets자석 underneath아래에 the table
24
47399
2003
테이블 아래에 신발을 움직이게 하는
01:01
that move움직임 the shoes구두 around.
25
49402
1964
자석이 있습니다.
01:03
My friend친구 Andy앤디 Cavatorta카바 토르 타 was building건물
26
51366
2032
제 친구 앤디 카바토타는 비요크의
01:05
a robotic로봇 식의 harp하프 for Bjork's비요크 Biophilia바이오 필리아 tour근무 기간
27
53398
3542
바이오필리아 앨범 투어용
로봇 하프를 만들었고
01:08
and I wound상처 up building건물 the electronics전자 제품
28
56940
2392
저는 하프를 움직이고 음악을 연주하는
01:11
and motion운동 control제어 software소프트웨어
29
59332
2189
전자 장치와 동작 제어 소프트웨어를
01:13
to make the harps하프들 move움직임 and play놀이 music음악.
30
61521
2466
만들게 되었습니다.
01:15
The harp하프 has four separate갈라진 pendulums진자,
31
63987
2011
하프는 4개로 구분된 추가 있고
01:17
and each마다 pendulum흔들리는 추 has 11 strings,
32
65998
2126
각 추에는 11개의 줄이 달려 있어서
01:20
so the harp하프 swings그네 on its axis중심선 and also또한 rotates회전하다
33
68124
2488
다양한 악보를 연주할 수 있도록
01:22
in order주문 to play놀이 different다른 musical뮤지컬 notes노트,
34
70612
2203
중심축 위에서 흔들리며
회전하게 되어 있습니다.
01:24
and the harps하프들 are all networked네트워크로 연결된 together함께
35
72815
2162
또 하프는 모두 그물망처럼
연결되어 있어서
01:26
so that they can play놀이 the right notes노트
36
74977
1800
적시에 적절한 악보를
01:28
at the right time in the music음악.
37
76777
2626
연주할 수 있습니다.
01:31
I built세워짐 an interactive상호 작용하는 chemistry화학 exhibit전시회
38
79403
2424
저는 시카고 과학산업 박물관에 전시할
01:33
at the Museum박물관 of Science과학 and Industry산업 in Chicago시카고,
39
81827
2599
상호작용식 화학 전시품을 만들었는데,
01:36
and this exhibit전시회 lets~시키다 people use physical물리적 인 objects사물
40
84426
2981
이 전시품에서 사람들은
01:39
to grab그랩 chemical화학 물질 elements집단 off of the periodic주기적인 table
41
87407
3036
물체를 사용하여 주기율표의 화학원소를
01:42
and bring가져오다 them together함께 to cause원인
42
90443
1408
잡아 모아 화학 반응을
01:43
chemical화학 물질 reactions반응들 to happen우연히 있다.
43
91851
1766
일어나게 할 수 있습니다.
01:45
And the museum박물관 noticed알아 차 렸던 that people
44
93617
1924
박물관은 사람들이 이 전시품을 가지고
01:47
were spending지출 a lot of time with this exhibit전시회,
45
95541
2226
많은 시간을 보낸다는 것을 알게 되었고,
01:49
and a researcher연구원 from a science과학 education교육 center센터
46
97767
3147
호주 과학교육 센터에서 온 연구자는
01:52
in Australia호주 decided결정적인 to study연구 this exhibit전시회
47
100914
2805
이 전시품을 연구해서 자세한 내용을
01:55
and try to figure그림 out what was going on.
48
103719
2240
알아보기로 결심했습니다.
01:57
And she found녹이다 that the physical물리적 인 objects사물
49
105959
2293
그리고 나서 그녀는 이 물체가 사람들이
02:00
that people were using~을 사용하여 were helping거들기 people
50
108252
1664
전시품을 사용하는 방법을 이해하고
02:01
understand알다 how to use the exhibit전시회,
51
109916
2014
사교적인 방법으로 학습하는 데에도
도움이 된다는 것을
02:03
and were helping거들기 people learn배우다 in a social사회적인 way.
52
111930
2943
알게 되었습니다.
02:06
And when you think about
it, this makes~을 만든다 a lot of sense감각,
53
114873
2266
그것을 생각해 보면
충분히 이치에 맞습니다.
02:09
that using~을 사용하여 specialized전문화 된 physical물리적 인 objects사물
54
117139
2240
전문화된 물체를 사용하여
02:11
would help people use an interface인터페이스 more easily용이하게.
55
119379
3272
좀 더 쉽게 상호작용할 수 있습니다.
02:14
I mean, our hands소유 and our minds마음 are optimized최적화 된
56
122651
2839
제 말은, 우리 손과 사고는
손으로 만질 수 있는
02:17
to think about and interact상호 작용하다 with tangible명백한 objects사물.
57
125490
3269
물체를 생각하고 이용하는데
최적화 되어 있다는 것입니다.
02:20
Think about which어느 you find easier더 쉬운 to use,
58
128759
2062
어느 것이 사용하기 쉬운지
생각해 보세요,
02:22
a physical물리적 인 keyboard건반 or an onscreen화면에 keyboard건반
59
130821
2319
물리적 키보드와
스마트폰 화면의 키보드를
02:25
like on a phone전화?
60
133140
2100
이용하는 것 중에 말이죠.
02:27
But the thing that struck쳤다 me
61
135240
1025
이런 다양한 프로젝트에 대해
02:28
about all of these different다른 projects프로젝트들
62
136265
1999
제가 갖고 있던 생각은
02:30
is that they really had to be built세워짐 from scratch할퀴다,
63
138264
3117
전자 장치와 인쇄 회로 기판부터
02:33
down to the level수평 of the electronics전자 제품
64
141381
1790
소프트웨어에 이르는
02:35
and the printed인쇄 된 circuit회로 boards무대 and
65
143171
1106
모든 메커니즘까지
02:36
all the mechanisms메커니즘 all the way up to the software소프트웨어.
66
144277
2745
처음부터 실제로
만들어봐야 한다는 것이었습니다.
02:39
I wanted to create몹시 떠들어 대다 something
67
147022
1762
저는 매번 처음부터
02:40
where we could move움직임 objects사물
under아래에 computer컴퓨터 control제어
68
148784
3319
이러한 과정을 거치지 않고
컴퓨터 제어를 통해
02:44
and create몹시 떠들어 대다 interactions상호 작용 around that idea생각
69
152103
2249
사물을 움직일 수 있고
02:46
without없이 having to go through...을 통하여 this process방법
70
154352
2215
이러한 생각과 연관이 있는
02:48
of building건물 something from scratch할퀴다
71
156567
1383
상호작용을 이끌어 낼 수 있는
02:49
every...마다 single단일 time.
72
157950
1375
무언가를 만들고 싶었습니다.
02:51
So my first attempt시도 at this
73
159325
1991
그래서 이와 관련하여
제 첫번째 시도로
02:53
was at the MITMIT Media미디어 Lab
74
161316
1684
MIT 미디어 연구실에서
02:55
with Professor교수 Hiroshi히로시 Ishii이시이,
75
163000
1581
히로쉬 이쉬이 교수와 함께
02:56
and we built세워짐 this array정렬 of
76
164581
1835
512개의 다양한
02:58
512 different다른 electromagnets전자석,
77
166416
2257
전자석 집합체를 만들어
03:00
and together함께 they were able할 수 있는 to move움직임 objects사물 around
78
168673
2627
그 표면 위에서 물체를
03:03
on top상단 of their그들의 surface표면.
79
171300
1536
움직이게 할 수 있었습니다.
03:04
But the problem문제 with this
80
172836
1548
그러나 문제는
03:06
was that these magnets자석
81
174384
1656
이런 자석들의 비용이
03:08
cost비용 over 10,000 dollars불화.
82
176040
2160
$10,000 이 넘는다는 것이었습니다.
03:10
Although이기는 하지만 each마다 one was pretty예쁜 small작은,
83
178200
1666
비록 각각은 아주 작지만
03:11
altogether전부 they weighed무게를다는 so much
84
179866
1709
모으면 무게가 아주 많이 나가
03:13
that the table that they were on
85
181575
1255
그것을 올려 놓은 테이블의
03:14
started시작한 to sag처짐.
86
182830
1558
가운데가 축 처지기 시작했습니다.
03:16
So I wanted to build짓다 something
87
184388
1332
그래서 저는 테이블 표면에서
03:17
where you could have this kind종류 of interaction상호 작용
88
185720
1616
이런 상호작용을 하는 무언가를
03:19
on any tabletop테이블 탑 surface표면.
89
187336
2643
만들고 싶었습니다.
03:21
So to explore탐험하다 this idea생각,
90
189979
2081
그래서 이러한 아이디어를 탐구해서
03:24
I built세워짐 an army육군 of small작은 robots로봇,
91
192060
2150
저는 작은 로봇 부대를 만들었는데
03:26
and each마다 of these robots로봇 has
what are called전화 한 omni옴니 wheels바퀴.
92
194210
2765
이들 각각의 로봇에는
소위 옴니휠이라는 것이 있습니다.
03:28
They're these special특별한 wheels바퀴
93
196975
1305
이 특별한 바퀴는
03:30
that can move움직임 equally같이 easily용이하게 in all directions지도,
94
198280
2666
모든 방향으로 쉽게 움직이고
03:32
and when you couple these robots로봇
95
200946
2589
이 로봇에 비디오 영사기를
03:35
with a video비디오 projector영사기,
96
203535
1910
연결하면
03:37
you have these physical물리적 인 tools도구들
97
205445
1808
디지털 정보와 상호작용하는
03:39
for interacting상호 작용하는 with digital디지털 information정보.
98
207253
2900
물리적 도구를 가지게 되는 것입니다.
03:42
So here's여기에 an example of what I mean.
99
210153
1842
제가 말씀 드리는
한 사례가 여기에 있습니다.
03:43
This is a video비디오 editing편집 application신청
100
211995
1922
이것은 영상편집 애플리케이션인데
03:45
where all of the controls통제 수단
101
213917
1486
영상을 다루는 모든 제어 장치는
03:47
for manipulating조작하는 the video비디오 are physical물리적 인.
102
215403
2307
물리적인 것입니다.
03:49
So if we want to tweak비틀기 the color색깔,
103
217710
1582
색깔을 바꾸려면
03:51
we just enter들어가다 the color색깔 mode방법,
104
219292
1352
단지 색깔 모드로 해 놓고
03:52
and then we get three different다른 dials다이얼
105
220644
1296
세개의 서로 다른
03:53
for tweaking조정 the color색깔,
106
221940
1378
다이얼을 사용하면 됩니다.
03:55
or if we want to adjust맞추다 the audio오디오,
107
223318
1961
혹은 음향을 조절하려면
03:57
then we get two different다른 dials다이얼
for that, these physical물리적 인 objects사물.
108
225279
3341
두 개의 다이얼이 있으면 되는데,
이 물체들이죠.
04:00
So here the left and right channel채널 stay머무르다 in sync동조,
109
228620
2846
왼쪽과 오른쪽 채널은 같은 상태이나
04:03
but if we want to, we can override보수 that
110
231466
1743
원하면 두 채널을 동시에 조정하여
04:05
by grabbing움켜 잡는 both양자 모두 of them at the same같은 time.
111
233209
2999
각각을 조절할 수도 있습니다.
04:08
So the idea생각 is that we get the speed속도
112
236208
1928
이 아이디어는 소프트웨어에서 디자인된
04:10
and efficiency능률 benefits은혜 of using~을 사용하여 these physical물리적 인 dials다이얼
113
238136
3117
시스템의 유연성 및 다목적성과 함께
04:13
together함께 with the flexibility적응성 and versatility다재
114
241253
2790
물리적 다이얼 사용에 따른
04:16
of a system체계 that's designed디자인 된 in software소프트웨어.
115
244043
3331
속도 및 효율성이라는
효과을 얻는 것입니다.
04:19
And this is a mapping매핑 application신청
116
247374
1935
또 이것은 재난 대응을 위한
04:21
for disaster재앙 response응답.
117
249309
2127
지도화 애플리케이션입니다.
04:23
So you have these physical물리적 인 objects사물
118
251436
1945
이러한 물체는
04:25
that represent말하다 police경찰, fire and rescue구출,
119
253381
2227
경찰서, 소방서, 구조대를 나타내는데
04:27
and a dispatcher운영자 can grab그랩 them
120
255608
1553
출동 명령 담당자는 그것을 잡아
04:29
and place장소 them on the map지도
121
257161
1326
지도 위에 올려 놓기만 하면
04:30
to tell those units단위 where to go,
122
258487
1989
해당 구조대들에게 가야할 곳을
알려주게 됩니다.
04:32
and then the position위치 of the units단위 on the map지도
123
260476
2376
지도 위에 나타난 구조대의 위치는
04:34
gets도착 synced동기화 된 up with the position위치
124
262852
1969
실제 구조대의 위치와
04:36
of those units단위 in the real레알 world세계.
125
264821
3627
동기화 됩니다.
04:40
This is a video비디오 chat잡담 application신청.
126
268448
1612
이것은 영상 채팅 애플리케이션입니다.
04:42
It's amazing놀랄 만한 how much emotion감정 you can convey나르다
127
270060
2352
간단히 몇몇 물체를 이동하는 것만으로
04:44
with just a few조금 simple단순한 movements동정
128
272412
1213
얼마나 많은 감정을 전달할 수 있는지
04:45
of a physical물리적 인 object목적.
129
273625
2425
놀랍습니다.
04:48
With this interface인터페이스, we open열다 up
a huge거대한 array정렬 of possibilities가능성
130
276050
3052
이 인터페이스를 가지고,
우리는 전통적인 보드 게임과
04:51
in between중에서 traditional전통적인 board games계략
131
279102
2078
고전 게임에 있어
04:53
and arcade아케이드 games계략,
132
281180
1414
일련의 엄청난 가능성을 열고,
04:54
where the physical물리적 인 possibilities가능성 of interaction상호 작용
133
282594
2547
여기에서 상호작용이라는
물리적 가능성은
04:57
make so many많은 different다른 styles스타일 of play놀이 possible가능한.
134
285141
3713
아주 다양한 플레이 스타일을
가능하게 합니다.
05:00
But one of the areas지역 that I'm most가장 excited흥분한
135
288854
2389
제가 이런 플랫폼 이용에 있어
아주 흥분하는
05:03
about using~을 사용하여 this platform플랫폼 for
136
291243
1814
분야 중 하나는
05:05
is applying신청 it to problems문제들 that are difficult어려운
137
293057
2543
컴퓨터나 사람들이 혼자서 풀기에
05:07
for computers컴퓨터들 or people to solve풀다 alone혼자.
138
295600
2254
어려운 문제에
이것을 적용하는 것입니다.
05:09
One example of those is protein단백질 folding접는.
139
297854
2622
그러한 예 중에 하나가
단백질 접힘입니다.
05:12
So here we have an interface인터페이스
140
300476
1412
인터페이스를 통해
05:13
where we have physical물리적 인 handles손잡이 onto~에 a protein단백질,
141
301888
3514
단백질에 대한
물리적인 손잡이를 갖게 되고,
05:17
and we can grab그랩 those handles손잡이
142
305402
1751
그 손잡이를 이용해
05:19
and try to move움직임 the protein단백질 and
try to fold it in different다른 ways.
143
307153
2987
단백질을 움직여 보거나
다른 방법으로 접을 수도 있습니다.
05:22
And if we move움직임 it in a way that
doesn't really make sense감각
144
310140
3000
만약에 기초 분자 모의실험에서
제대로 작동하지 않는 방식으로
05:25
with the underlying밑에 있는 molecular분자 simulation시뮬레이션,
145
313140
1967
손잡이를 움직이면
05:27
we get this physical물리적 인 feedback피드백 where we can
146
315107
2202
우리는 물리적 피드백을 얻게 되는데,
05:29
actually사실은 feel these physical물리적 인 handles손잡이
147
317309
1973
물리적 손잡이가
우리 반대 방향으로
05:31
pulling당기는 back against반대 us.
148
319282
1608
물러나려는 것을 느낄 수 있죠.
05:32
So feeling감각 what's going on
149
320890
1531
분자 모의실험에서
05:34
inside내부 a molecular분자 simulation시뮬레이션
150
322421
2239
어떤 일이 일어나는지 느끼는 것은
05:36
is a whole완전한 different다른 level수평 of interaction상호 작용.
151
324660
2946
완전히 다른 수준의 상호작용입니다.
05:39
So we're just beginning처음 to explore탐험하다
152
327606
2981
우리 주변 환경에서
05:42
what's possible가능한 when we use software소프트웨어
153
330587
2511
사물의 움직임을 제어하는 소프트웨어를
05:45
to control제어 the movement운동
154
333098
1491
사용해서 무엇이 가능한지
05:46
of objects사물 in our environment환경.
155
334589
2243
이제 막 탐색을 시작하고 있습니다.
05:48
Maybe this is the computer컴퓨터 of the future미래.
156
336832
2904
아마도 이것이 미래의 컴퓨터일 것입니다.
05:51
There's no touchscreen터치 스크린.
157
339736
1616
터치스크린이 없습니다.
05:53
There's no technology과학 기술 visible명백한 at all.
158
341352
2031
기술이 있다고 전혀 보여지지 않습니다.
05:55
But when we want to have a video비디오 chat잡담
159
343383
1844
그러나 영상 채팅이나 게임을 하고
05:57
or play놀이 a game경기
160
345227
1461
향후 TED 강연에서
05:58
or lay위치 out the slides슬라이드 to our next다음 것 TED테드 Talk,
161
346688
2713
슬라이드를 펼쳐 보여 주려고 하면
06:01
the objects사물 on the table come alive살아 있는.
162
349401
2273
탁자 위에 있는 이 물체가
살아나게 됩니다.
06:03
Thank you.
163
351674
1352
감사합니다.
06:05
(Applause박수 갈채)
164
353026
2123
(박수)
Translated by Kevin Jin
Reviewed by K Bang

▲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

Data provided by TED.

This site was created in May 2015 and the last update was on January 12, 2020. It will no longer be updated.

We are currently creating a new site called "eng.lish.video" and would be grateful if you could access it.

If you have any questions or suggestions, please feel free to write comments in your language on the contact form.

Privacy Policy

Developer's Blog

Buy Me A Coffee