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

Anand Agarawala mendemostrasikan tampilan desktop Bump Top ciptaannya.

Filmed:
1,679,337 views

Anand Agarawala memperkenalkan BumpTop, tampilan pengguna yang merubah tampilan desktop biasa menjadi tampilan yang meriah, penuh 3 dimensi, merubah navigasi arsip menjadi tempat bermain yang bebas dengan dokumen yang renyuk dan "dinding" berisi kliping.
- 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 kindjenis of believe that we're in like the "cave-paintinglukisan gua" eraera of computerkomputer interfacesantarmuka.
0
0
5000
Menurut Saya, kita seperti berada di "zaman batu" kalau menyoal tampilan komputer.
00:30
Like, they're very kindjenis of -- they don't go as deepdalam or as emotionallyemosional engagingterlibat as they possiblymungkin could be
1
5000
4000
Tampilan-tampilan komputer umumnya masih belum dapat melibatkan emosi pengguna secara optimal,
00:34
and I'd like to changeperubahan all that.
2
9000
2000
Saya ingin mengubah hal ini.
00:36
HitMemukul me.
3
11000
3000
Mari kita mulai.
00:39
OK. So I mean, this is the kindjenis of statusstatus quoQuo interfaceantarmuka, right?
4
14000
3000
Baiklah.. Sebagai contoh, ini adalah model tampilan yang umum sekarang ini bukan?
00:42
It's very flatdatar, kindjenis of rigidkaku.
5
17000
2000
Sangat kaku dan tidak menarik.
00:44
And OK, so you could sexseks it up and like go to a much more lickablelickable MacMac,
6
19000
4000
Kadang ia dapat didandani lebih lanjut seperti tampilan Mac (Macintosh),
00:48
you know, but really it's the kindjenis of samesama oldtua crapsampah we'vekita sudah had for the last,
7
23000
4000
namun tetap saja tampilan-tampilan ini semuanya sama parahnya,
00:52
you know, 30 yearstahun.
8
27000
2000
sejak 30 tahun ke belakang.
00:54
(LaughterTawa) (ApplauseTepuk tangan)
9
29000
3000
(Tawa) (Tepuk Tangan)
00:57
Like I think we really put up with a lot of crapsampah with our computerskomputer.
10
32000
3000
Saya pikir kita semua telah cukup menderita dengan komputer kita sendiri.
01:00
I mean it's pointtitik and clickklik, it's like the menusmenu, iconsikon, it's all the kindjenis of samesama thing.
11
35000
5000
Maksud saya, dengan teknik point and click, menu dan ikon yang itu-itu saja.
01:05
And so one kindjenis of informationinformasi spaceruang that I take inspirationinspirasi from is my realnyata deskmeja tulis.
12
40000
4000
Salah satu sumber inspirasi saya adalah meja kerja saya sendiri.
01:09
It's so much more subtlehalus, so much more visceralmendalam
13
44000
4000
Lebih luwes dan mudah.
01:13
-- you know, what's visibleterlihat, what's not.
14
48000
2000
Mana yang terlihat dan mana yang tidak.
01:15
And I'd like to bringmembawa that experiencepengalaman to the desktopdesktop.
15
50000
3000
Saya ingin membawa suasana meja kerja ke tampilan desktop.
01:18
So I kindjenis of have a -- this is BumpTopBumpTop.
16
53000
4000
Jadi, inilah adalah Bump Top.
01:22
It's kindjenis of like a newbaru approachpendekatan to desktopdesktop computingkomputasi.
17
57000
3000
Sebuah pendekatan baru dalam hal tampilan desktop.
01:25
So you can bumpmenabrak things -- they're all physicallysecara fisik, you know, manipulabledimanipulasi and stuffbarang.
18
60000
7000
Jadi kita dapat menabrakkan benda-benda -- mereka dapat dimanipulasi secara fisik,
01:32
And insteadsebagai gantinya of that pointtitik and clickklik, it's like a pushDorong and pullTarik,
19
67000
3000
dan alih-alih point and click, kita melakukan push and pull,
01:35
things collidebertabrakan as you'dAnda akan expectmengharapkan them. Just like on my realnyata deskmeja tulis,
20
70000
4000
benda-benda bertabrakan seperti perkiraan anda. Persis seperti meja kerjaku.
01:39
I can -- let me just grabmengambil these guys -- I can turnbelok things into pilestumpukan
21
74000
3000
Saya dapat -- ambil dulu yang ini -- Saya dapat menumpuknya,
01:42
insteadsebagai gantinya of just the foldersfolder that we have.
22
77000
6000
tidak seperti folder-folder yang ada sekarang.
01:48
And oncesekali things are in a piletumpukan I can browseJelajahi them by throwingpelemparan them into a gridgrid,
23
83000
4000
Setelah ditumpuk, ini kemudian dapat dipecah lagi untuk dipilah,
01:52
or you know, flipmembalik throughmelalui them like a bookBook
24
87000
3000
atau dibalik seperti halaman buku,
01:55
or I can layawam them out like a deckdek of cardskartu-kartu.
25
90000
5000
atau disebar seperti bermain kartu,
02:00
When they're laiddiletakkan out, I can pullTarik things to newbaru locationslokasi or deletemenghapus things
26
95000
5000
Ketika sudah tersebar, Ini semua bisa dipindah-pindahkan, atau dihapus,
02:05
or just quicklysegera sortmenyortir a wholeseluruh piletumpukan, you know, just immediatelysegera, right?
27
100000
5000
atau dapat juga disusun semuanya, secara langsung.
02:10
And then, it's all smoothlylancar animatedanimasi, insteadsebagai gantinya of these jarringmenggelegar changesperubahan you see in today'shari ini interfacesantarmuka.
28
105000
5000
Dan itu semua telah dianimasikan dengan luwes, tidak lagi kaku seperti tampilan-tampilan saat ini.
02:15
AlsoJuga, if I want to addmenambahkan something to a piletumpukan, well, how do I do that?
29
110000
2000
Lalu, bagaimana caranya untuk menambah sesuatu ke dalam tumpukan?
02:17
I just tossmelemparkan it to the piletumpukan, and it's addedmenambahkan right to the toppuncak. It's a kindjenis of nicebagus way.
30
112000
6000
Cukup dilemparkan saja, maka akan langsung berada di atas. Mudah saja.
02:23
AlsoJuga some of the stuffbarang we can do is,
31
118000
2000
Selain itu, hal-hal lain yang dapat dilakukan
02:25
for these individualindividu iconsikon we thought -- I mean,
32
120000
2000
untuk ikon-ikon ini -- begini,
02:27
how can we playbermain with the ideaide of an iconikon, and pushDorong that furtherlebih lanjut?
33
122000
3000
Bagaimana kita dapat bermain-main dengan ikon, secara lebih lanjut?
02:30
And one of the things I can do is make it biggerlebih besar
34
125000
3000
Salah satu caranya adalah dengan membuatnya lebih besar
02:33
if I want to emphasizemenekankan it and make it more importantpenting.
35
128000
2000
jika Saya ingin memberikan penekanan dan membuatnya lebih penting.
02:35
But what's really coolkeren is that sincesejak there's a physicsfisika simulationsimulasi runningberlari underdibawah this,
36
130000
4000
Yang menarik di sini adalah karena ada simulasi fisika yang terjadi di baliknya,
02:39
it's actuallysebenarnya heavierberat. So the lighterlebih ringan stuffbarang doesn't really movepindah
37
134000
5000
ia memang lebih berat. Yang lebih ringan tidak akan membuatnya bergeming
02:44
but if I throwmelemparkan it at the lighterlebih ringan guys, right?
38
139000
4000
Tapi jika dilemparkan ke yang lebih ringan, demikian bukan?
02:48
(LaughterTawa)
39
143000
3000
(Tawa)
02:51
So it's cuteManis, but it's alsojuga like a subtlehalus channelsaluran of conveyingmenyampaikan informationinformasi, right?
40
146000
5000
Lucu memang, tapi juga merupakan cara halus untuk penyampaian informasi, bukan?
02:56
This is heavyberat so it feelsterasa more importantpenting. So it's kindjenis of coolkeren.
41
151000
3000
Karena lebih berat, maka terasa menjadi lebih penting. Keren, 'kan?
02:59
DespiteMeskipun computerskomputer everywheredimana mana paperkertas really hasn'tbelum disappearedlenyap,
42
154000
3000
Meskipun komputer ada dimana-mana, penggunaan kertas belum sepenuhnya hilang.
03:02
because it has a lot of, I think, valuableberharga propertiesproperti.
43
157000
2000
karena menurut saya ia memiliki fungsi yang berharga
03:04
And some of those we wanted to transfertransfer to the iconsikon in our systemsistem.
44
159000
3000
Kita ingin beberapa hal itu ditransfer ke dalam ikon di dalam sistem kita
03:07
So one of the things you can do to our iconsikon, just like paperkertas, is creaselipatan them and foldmelipat them,
45
162000
4000
Salah satu yang dapat kau lakukan terhadap ikon kami, seperti kertas, adalah mengerutkannya, dan melipatnya,
03:11
just like paperkertas. RememberIngat, you know, something for laterkemudian.
46
166000
4000
persis seperti kertas. Agar kau mengingatnya nanti.
03:15
Or if you want to be destructivemerusak, you can just crumplebenturan it up
47
170000
3000
Atau jika ingin lebih "kejam", tinggal diremas saja,
03:18
and, you know, tossmelemparkan it to the cornersudut.
48
173000
3000
lalu dilempar ke pojokan.
03:21
AlsoJuga just like paperkertas, around our workspaceruang kerja
49
176000
3000
Dan layaknya kertas-kertas di meja kerja kita
03:24
we'llbaik pinpin things up to the walldinding to rememberingat them laterkemudian,
50
179000
2000
kita tempelkan ke dinding untuk diingat,
03:26
and I can do the samesama thing here,
51
181000
3000
saya dapat melakukannya juga di sini,
03:29
and you know, you'llAnda akan see post-itPost-it notescatatan and things like that around people'sorang-orang officeskantor.
52
184000
3000
kita biasa melihat catatan stiker dan semacamnya di meja-meja kantor.
03:32
And I can pullTarik them off when I want to work with them.
53
187000
2000
Saya dapat mencabutnya jika hendak dikerjakan.
03:34
So, one of the criticismskritik of this kindjenis of approachpendekatan to organizationorganisasi is that,
54
189000
5000
Salah satu kritik tentang pendekatan seperti ini adalah,
03:39
you know, "Okay, well my realnyata deskmeja tulis is really messykacau. I don't want that messkekacauan on my computerkomputer."
55
194000
4000
orang akan bilang, "meja kerja saya sangat berantakan. Saya tidak mau tampilan komputer saya seperti itu juga."
03:43
So one thing we have for that is like a gridgrid alignmenyelaraskan,
56
198000
3000
Satu hal yang bisa dilakukan adalah mengatur dalam kisi-kisi,
03:46
kindjenis of -- so you get that more traditionaltradisional desktopdesktop. Things are kindjenis of gridgrid alignedselaras.
57
201000
4000
Mirip seperti desktop tradisional. Tersusun dalam kisi-kisi.
03:50
More boringmembosankan, but you still have that kindjenis of collidingbertabrakan and bumpingmenabrak.
58
205000
3000
Lebih membosankan, tapi masih dapat disenggol-senggolkan.
03:53
And you can still do funmenyenangkan things like make shelvesrak on your desktopdesktop.
59
208000
7000
Anda dapat bersenang-senang seperti membuat rak di desktop anda.
04:00
Let's just breakistirahat this shelfrak. Okay, that shelfrak brokebangkrut.
60
215000
3000
Mari pecahkan rak ini. Nah, sudah pecah.
04:03
I think beyondluar the iconsikon, I think anotherlain really coolkeren domaindomain for this softwareperangkat lunak --
61
218000
5000
Selain ikon, kelebihan lain dari peranti ini --
04:08
I think it appliesberlaku to more than just iconsikon and your desktopdesktop -- but browsingbrowsing photographsfoto.
62
223000
6000
lebih dari ikon dan desktop anda, ini berlaku juga saat melihat foto.
04:14
I think you can really enrichmemperkaya the way we browseJelajahi our photographsfoto
63
229000
3000
Menurutku, ini akan memperkaya cara kita melihat foto
04:17
and bringmembawa it to that kindjenis of shoeboxkotak sepatu of, you know, photosfoto with your familykeluarga on the kitchendapur tablemeja kindjenis of thing.
64
232000
5000
persis seperti kotak foto keluarga yang ada di meja dapur kita.
04:22
I can tossmelemparkan these things around. They're so much more tangiblenyata and touchableterjamah --
65
237000
3000
Aku dapat melemparnya semua. Mereka seperti memiliki wujud -- kau dapat menyentuhnya --
04:25
and you know I can double-clickKlik dua kali on something to take a look at it.
66
240000
3000
aku dapat mengklik dua kali untuk melihatnya.
04:28
And I can do all that kindjenis of samesama stuffbarang I showedmenunjukkan you before.
67
243000
2000
Saya masih dapat melakukan hal saya tunjukkan sebelumnya.
04:30
So I can piletumpukan things up, I can flipmembalik throughmelalui it, I can, you know --
68
245000
3000
Saya dapat menumpuknya, saya dapat melihat satu-persatu, seperti ini --
04:33
okay, let's movepindah this photofoto to the back, let's deletemenghapus this guy here,
69
248000
6000
baiklah, mari kita pindahkan foto ini ke belakang, hapus orang ini,
04:39
and I think it's just a much more richkaya kindjenis of way of interactingberinteraksi with your informationinformasi.
70
254000
4000
menurut saya ini adalah cara yang lebih kaya untuk berinteraksi dengan informasi anda.
04:43
And that's BumpTopBumpTop. ThanksTerima kasih!
71
258000
4000
Dan demikianlah BumpTop. Terimakasih!
Translated by Teddy Budiwan
Reviewed by Aditya Muharam

▲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