TED2007
Anand Agarawala: Rethink the desktop with BumpTop
아난드 아가왈라의 '범프 탑 데스크탑' 시연
Filmed:
Readability: 3.1
1,679,337 views
아난드 아가왈라는 '범프 탑'이라는 윈도우용 사용자 인터페이스를 발표했습니다. 우리가 앉아 일을하는 책상에 착안하여, 실제 책상위에서 경험을 고스란히 컴퓨터 UI에 재현했습니다. 아난드가 일반적인 책상의 모습을 3차원으로 옮겨왔는지 구경해 볼까요?
Anand Agarawala - Technologist, digital product designer
Anand Agarawala's job: to imagine and build the computers you'll use in 20 years. Full bio
Anand Agarawala's job: to imagine and build the computers you'll use in 20 years. Full bio
Double-click the English transcript below to play the video.
00:25
So, I kind of believe that we're in like the "cave-painting" era of computer interfaces.
0
0
5000
현재 컴퓨터 인터페이스는 "동굴 벽화"시대나 마찬가집니다. 구닥다리죠.
00:30
Like, they're very kind of -- they don't go as deep or as emotionally engaging as they possibly could be
1
5000
4000
실제로 우리가 인터페이스에 기대할만한 깊은 몰입도 없고 감성을 건드리는 경험도 없죠.
00:34
and I'd like to change all that.
2
9000
2000
그래서 다 바꿔봤습니다.
00:36
Hit me.
3
11000
3000
자, 보시죠.
00:39
OK. So I mean, this is the kind of status quo interface, right?
4
14000
3000
이게 바로 현재 컴퓨터 인터페이스입니다.
00:42
It's very flat, kind of rigid.
5
17000
2000
완전 딱딱하죠.
00:44
And OK, so you could sex it up and like go to a much more lickable Mac,
6
19000
4000
물론 분칠좀 하고 해서 아주 조금 더 예쁘게 만들 순 있어요. 맥처럼요.
00:48
you know, but really it's the kind of same old crap we've had for the last,
7
23000
4000
하지만 그래도 그래봤자 그밥에 그나물이라는거.. 30년동안
00:52
you know, 30 years.
8
27000
2000
변한게 아무 것도 없어요.
00:54
(Laughter) (Applause)
9
29000
3000
(웃음) (박수)
00:57
Like I think we really put up with a lot of crap with our computers.
10
32000
3000
컴퓨터에 쓸데 없는 게 너무 많아 감당하기도 벅찹니다.
01:00
I mean it's point and click, it's like the menus, icons, it's all the kind of same thing.
11
35000
5000
하던 짓만 계속하죠. 가리키고 클릭하고, 가리키고 클릭하고.
01:05
And so one kind of information space that I take inspiration from is my real desk.
12
40000
4000
어떻게 정보를 공간에 잘 배치할수 있을까.. 제게 영감을 준 것이 바로 제 책상입니다.
01:09
It's so much more subtle, so much more visceral
13
44000
4000
책상은 훨씬 미묘하고, 또 훨씬 직관적입니다.
01:13
-- you know, what's visible, what's not.
14
48000
2000
있는 건 보이고 없는 건 안보이죠.
01:15
And I'd like to bring that experience to the desktop.
15
50000
3000
그래서 저는 실제 책상의 경험을 컴퓨터에 옮겨놓고 싶었어요.
01:18
So I kind of have a -- this is BumpTop.
16
53000
4000
그래서 만든 게 바로 Bump Top입니다.
01:22
It's kind of like a new approach to desktop computing.
17
57000
3000
이건 컴퓨터 인터페이스에 접근하는 새로운 방식입니다.
01:25
So you can bump things -- they're all physically, you know, manipulable and stuff.
18
60000
7000
실제 물리 세계랑 똑같아요. 물건을 부딛치는(bump) 겁니다.
01:32
And instead of that point and click, it's like a push and pull,
19
67000
3000
가리키고 클릭하는 대신, 밀고 당기고 만진다는 거죠.
01:35
things collide as you'd expect them. Just like on my real desk,
20
70000
4000
실제 책상이랑 똑같아요. 부딪치면 부딪치죠.
01:39
I can -- let me just grab these guys -- I can turn things into piles
21
74000
3000
이렇게..잠깐 이것좀 쥐고..이렇게 얘네들을 쌓을 수도 있어요.
01:42
instead of just the folders that we have.
22
77000
6000
기존의 폴더로만 사용하는 것을 대신하는 거죠.
01:48
And once things are in a pile I can browse them by throwing them into a grid,
23
83000
4000
또한 쌓아놓은 상태에서 격자로 배열 할수 있고,
01:52
or you know, flip through them like a book
24
87000
3000
아니면, 책처럼 넘겨 볼 수도 있습니다.
01:55
or I can lay them out like a deck of cards.
25
90000
5000
혹은 카드처럼 배열 할 수도 있습니다.
02:00
When they're laid out, I can pull things to new locations or delete things
26
95000
5000
눕혀서 펼쳐 놓았을 때는, 새로운 위치로 가져가거나 지울 수도 있습니다.
02:05
or just quickly sort a whole pile, you know, just immediately, right?
27
100000
5000
파일 속성별로 빨리 구분할 수도 있고, 보시다시피 즉시 처리 됩니다. 그렇죠?
02:10
And then, it's all smoothly animated, instead of these jarring changes you see in today's interfaces.
28
105000
5000
모든 과정은 부드러운 애니메이션으로 연출 돼요. 이전의 인터페이스가 얼마나 딱딱했는지 생각해보세요.
02:15
Also, if I want to add something to a pile, well, how do I do that?
29
110000
2000
한 무더기 파일 위에 파일을 하나 더 추가하려면 어떻게 할까요?
02:17
I just toss it to the pile, and it's added right to the top. It's a kind of nice way.
30
112000
6000
더미 위에 그냥 던지기만 하면 됩니다. 쉽죠?
02:23
Also some of the stuff we can do is,
31
118000
2000
또, 각각의 아이콘들을 이용해서,
02:25
for these individual icons we thought -- I mean,
32
120000
2000
예전에 못했던 걸 할 수 있습니다.
02:27
how can we play with the idea of an icon, and push that further?
33
122000
3000
표상으로서 아이콘의 개념을 확장하는 거죠. 어떻게?
02:30
And one of the things I can do is make it bigger
34
125000
3000
한가지 떠올릴 수 있는 방법은 크기를 키우는 겁니다.
02:33
if I want to emphasize it and make it more important.
35
128000
2000
만약 강조하고 싶거나, 보다 중요한 아이콘을 필요로 할때 말이죠.
02:35
But what's really cool is that since there's a physics simulation running under this,
36
130000
4000
하지만 진짜 놀라운건, 여기 물리법칙이 적용 된다는 거에요.
02:39
it's actually heavier. So the lighter stuff doesn't really move
37
134000
5000
커진 아이콘은 무게도 무거워요. 그래서 작은 아이콘으로는 움직일 수가 없죠.
02:44
but if I throw it at the lighter guys, right?
38
139000
4000
하지만, 작은 녀석들을 밀면...보셨죠?
02:48
(Laughter)
39
143000
3000
(웃음)
02:51
So it's cute, but it's also like a subtle channel of conveying information, right?
40
146000
5000
참 귀엽죠, 하지만 정보를 전달하는 섬세한 방법이죠.그렇죠?
02:56
This is heavy so it feels more important. So it's kind of cool.
41
151000
3000
이건 무거워요, 그래서 더 중요하게 생각하는 겁니다. 멋지죠.
02:59
Despite computers everywhere paper really hasn't disappeared,
42
154000
3000
어디에나 컴퓨터가 있지만, 종이는 사라지지 않았어요.
03:02
because it has a lot of, I think, valuable properties.
43
157000
2000
왜냐하면 종이 특유의 매체 특성이 있기 때문입니다.
03:04
And some of those we wanted to transfer to the icons in our system.
44
159000
3000
저는 이런 종이의 특성을 컴퓨터 에서 구현해보고 싶었어요.
03:07
So one of the things you can do to our icons, just like paper, is crease them and fold them,
45
162000
4000
예를들면 아이콘을 구기고 접는게 가능한거죠. 마치 종이처럼요.
03:11
just like paper. Remember, you know, something for later.
46
166000
4000
딱 종이죠. 귀퉁이 접어놓고 나중에 확인하는 겁니다.
03:15
Or if you want to be destructive, you can just crumple it up
47
170000
3000
구기고 싶으면, 구겨버릴 수도 있어요.
03:18
and, you know, toss it to the corner.
48
173000
3000
그리고 구석으로 던져버리는거죠.
03:21
Also just like paper, around our workspace
49
176000
3000
딱 종이랑 똑같아요. 여러분 사무실에서
03:24
we'll pin things up to the wall to remember them later,
50
179000
2000
기억할 것이 있으면 벽에 종이를 핀으로 꽂아두죠?
03:26
and I can do the same thing here,
51
181000
3000
똑같은 걸 여기서도 할 수 있어요.
03:29
and you know, you'll see post-it notes and things like that around people's offices.
52
184000
3000
사무실에서 포스트잇 메모 붙여놓곤 하잖아요.
03:32
And I can pull them off when I want to work with them.
53
187000
2000
필요할 땐 떼면 되는 거죠.
03:34
So, one of the criticisms of this kind of approach to organization is that,
54
189000
5000
물론, 이러한 인터페이스의 접근법에 비판도 있습니다.
03:39
you know, "Okay, well my real desk is really messy. I don't want that mess on my computer."
55
194000
4000
"책상도 어지러워 죽겠는데, 컴퓨터까지 어지럽게 쓰긴 싫다"든가 하는.. 말이죠.
03:43
So one thing we have for that is like a grid align,
56
198000
3000
그래서 Bump Top을 정렬된 방식으로 사용 할 수도 있게 했습니다.
03:46
kind of -- so you get that more traditional desktop. Things are kind of grid aligned.
57
201000
4000
훨씬 더 기존의 방식처럼 말이죠. 줄 맞춤을 해두는 것 처럼요.
03:50
More boring, but you still have that kind of colliding and bumping.
58
205000
3000
더 식상해 보이긴 하지만, 여전히 부딪치고, 충돌 시킬 수 있어요.
03:53
And you can still do fun things like make shelves on your desktop.
59
208000
7000
여전히 여러분의 책상 위에서 처럼 재밌게 할 수 있죠.
04:00
Let's just break this shelf. Okay, that shelf broke.
60
215000
3000
책상을 부숴 볼까요. 자, 책상이 부숴졌습니다.
04:03
I think beyond the icons, I think another really cool domain for this software --
61
218000
5000
이 소프트웨어에는 아이콘을 넘어서는 환상적인 영역이 있다고 생각합니다.
04:08
I think it applies to more than just icons and your desktop -- but browsing photographs.
62
223000
6000
데스크탑이나 아이콘을 넘어서서, 사진에도 적용 할 수 있을 것입니다.
04:14
I think you can really enrich the way we browse our photographs
63
229000
3000
컴퓨터로 사진을 보는 경험이 훨씬 풍부해집니다.
04:17
and bring it to that kind of shoebox of, you know, photos with your family on the kitchen table kind of thing.
64
232000
5000
상자에서 사진을 꺼내다 식탁에 펼쳐놓고 가족들과 같이 보는 식이죠.
04:22
I can toss these things around. They're so much more tangible and touchable --
65
237000
3000
이리 저리 던질 수도 습니다. 훨씬 구체적이고 직관적이죠.
04:25
and you know I can double-click on something to take a look at it.
66
240000
3000
더블클릭 하면 선택해서 볼수도 있습니다.
04:28
And I can do all that kind of same stuff I showed you before.
67
243000
2000
앞서 봤던 조작법들은 사진에서도 그대로 적용됩니다.
04:30
So I can pile things up, I can flip through it, I can, you know --
68
245000
3000
쌓을 수도 있고, 뒤집을 수도 있고, 또 이런 식으로
04:33
okay, let's move this photo to the back, let's delete this guy here,
69
248000
6000
사진 순서를 바꿔서 뒤로 보내고, 이렇게 얘를 지울 수도 있는 거죠.
04:39
and I think it's just a much more rich kind of way of interacting with your information.
70
254000
4000
저는 컴퓨터와 의사소통하는 훨씬 풍성한 방법이라고 믿습니다.
04:43
And that's BumpTop. Thanks!
71
258000
4000
이상 BumpTop이었습니다. 감사합니다.
ABOUT THE SPEAKER
Anand Agarawala - Technologist, digital product designerAnand Agarawala's job: to imagine and build the computers you'll use in 20 years.
Why you should listen
Anand Agarawala is a Nigerian-born, Indian-Canadian entrepreneur, product designer and technologist. He founded BumpTop, which was acquired by Google in 2010. BumpTop is a 3D desktop user interface inspired by real desks using physics and multi-touch gestures. It started as Agarawala's master's thesis in human-computer interaction at the University of Toronto; it was presented at TED the following year and remains one of the most viewed technology demos of all time.
At Google, Agarawala worked on early versions of the home screen and core user interface on Android. He also led an effort to reboot the design of the Google+ mobile apps. He was later team lead at the Google New York Creative Lab (and modeled for Bergdorf Goodman)! He has been awarded seven patents and was named one of the "Top Entrepreneurs in Technology" by Businessweek.
Anand Agarawala | Speaker | TED.com