ABOUT THE SPEAKER
Anand Agarawala - Technologist, digital product designer
Anand 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.

More profile about the speaker
Anand Agarawala | Speaker | TED.com
TED2007

Anand Agarawala: Rethink the desktop with BumpTop

アナンド・アガラワラ: BumpTopデスクトップのデモ

Filmed:
1,679,337 views

アナンド・アガラワラがBumpTopを披露します。このユーザインタフェースは通常のデスクトップのメタファを究極の3D空間へと進化させ、ファイルナビゲーションは、くしゃくしゃにした文書や切り抜きで覆われた壁のある自由な遊び場になっています。
- Technologist, digital product designer
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
それで、こいつをもっとセクシーにして、キャンディーのようなMacのUIにできれば...
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
それで作ったのが、このBumpTopです
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
物をぶつけ合うことができます つまり、これらは物理的に操作可能で
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
できることの1つは、大きくすることです-
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
そういうのに対しては、グリッド状に整列できて
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です ご清聴ありがとうございました
Translated by Yoshinori Sano
Reviewed by Yasushi Aoki

▲Back to top

ABOUT THE SPEAKER
Anand Agarawala - Technologist, digital product designer
Anand 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.

More profile about the speaker
Anand Agarawala | Speaker | TED.com