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 demonstreert z'n BumpTop bureaublad

Filmed:
1,679,337 views

Anand Agarawala presenteert BumpTop, een gebruikersomgeving die de normale bureaubladmetafoor omtovert tot een glorieuze en extreme 3D-ervaring, waarin de bestandsnavigatie wordt omgetoverd tot een vrij speelterrein van verfrommelde documenten en met knipsels behangen "muren".
- 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 kindsoort of believe that we're in like the "cave-paintinggrot-schilderij" eratijdperk of computercomputer interfacesinterfaces.
0
0
5000
Ik geloof dat we wat betreft de computerinterfaces nog in het tijdperk van de "rotsschilderingen" zitten.
00:30
Like, they're very kindsoort of -- they don't go as deepdiep or as emotionallyemotioneel engaginginnemend as they possiblymogelijk could be
1
5000
4000
Ze kennen weinig diepgang en roepen geen emoties op, wat zeker wel mogelijk is.
00:34
and I'd like to changeverandering all that.
2
9000
2000
Dat zou ik graag veranderen.
00:36
HitHit me.
3
11000
3000
Toe maar.
00:39
OK. So I mean, this is the kindsoort of statusstaat quoquo interfaceinterface, right?
4
14000
3000
Okee. Dit is dus zo'n beetje de gebruikelijke interface, snapt u?
00:42
It's very flatvlak, kindsoort of rigidstijve.
5
17000
2000
Het is heel plat, nogal stijf.
00:44
And OK, so you could sexseks it up and like go to a much more lickableLickable MacMac,
6
19000
4000
Natuurlijk, opleuken kan altijd, zoals bij de wat sexier Mac wel gebeurt,
00:48
you know, but really it's the kindsoort of samedezelfde oldoud craponzin we'vewij hebben had for the last,
7
23000
4000
maar eigenlijk is er op dit gebied geen donder veranderd in de laatste
00:52
you know, 30 yearsjaar.
8
27000
2000
30 jaar.
00:54
(LaughterGelach) (ApplauseApplaus)
9
29000
3000
(Gelach) (Applaus)
00:57
Like I think we really put up with a lot of craponzin with our computerscomputers.
10
32000
3000
Echt, ik vind dat we veel te veel suffe zooi op onze computers moeten dulden.
01:00
I mean it's pointpunt and clickKlik, it's like the menusmenus, iconspictogrammen, it's all the kindsoort of samedezelfde thing.
11
35000
5000
Menu's, pictogrammen, het is allemaal hetzelfde: aanwijzen en klikken.
01:05
And so one kindsoort of informationinformatie spaceruimte that I take inspirationinspiratie from is my realecht deskbureau.
12
40000
4000
Waar ik zelf veel inspiratie uit haal is mijn eigen bureau.
01:09
It's so much more subtlesubtiel, so much more visceralviscerale
13
44000
4000
De informatiebronnen op mijn bureau zijn veel subtieler, instinctmatig geordend
01:13
-- you know, what's visiblezichtbaar, what's not.
14
48000
2000
Tastbaarder - je weet wat er is, en wat niet.
01:15
And I'd like to bringbrengen that experienceervaring to the desktopbureaublad.
15
50000
3000
Die ervaring wil ik graag overbrengen op het bureaublad van computers.
01:18
So I kindsoort of have a -- this is BumpTopBumpTop.
16
53000
4000
Daarom heb ik de BumpTop ontwikkeld.
01:22
It's kindsoort of like a newnieuwe approachnadering to desktopbureaublad computinggegevensverwerking.
17
57000
3000
Dit is een heel nieuwe aanpak van het vertrouwde bureaublad.
01:25
So you can bumpbuil things -- they're all physicallyfysiek, you know, manipulablemanipuleerbare and stuffspul.
18
60000
7000
Dingen kunnen tegen elkaar aan botsen, zijn tastbaarder. Je kunt ze manipuleren,
01:32
And insteadin plaats daarvan of that pointpunt and clickKlik, it's like a pushDuwen and pullTrekken,
19
67000
3000
in plaats van aanwijzen en klikken ben je meer aan het duwen en trekken.
01:35
things collidein botsing komen as you'dje zou expectverwachten them. Just like on my realecht deskbureau,
20
70000
4000
Dingen raken door de war, net zoals op een echt bureau.
01:39
I can -- let me just grabgrijpen these guys -- I can turnbeurt things into pilesaambeien
21
74000
3000
Kijk, je kunt bijvoorbeeld mappen op stapels leggen,
01:42
insteadin plaats daarvan of just the foldersmappen that we have.
22
77000
6000
in tegenstelling tot de doorsnee computermap.
01:48
And onceeen keer things are in a pilestapel I can browseBladeren them by throwinghet werpen them into a gridrooster,
23
83000
4000
Heb je ze eenmaal gestapeld, dan kun je de mappen in een raster zetten om erdoor te bladeren,
01:52
or you know, flipomdraaien throughdoor them like a bookboek
24
87000
3000
of je kunt erdoorheen bladeren als in een boek.
01:55
or I can layleggen them out like a deckdek of cardskaarten.
25
90000
5000
Je kunt ze ook uitspreiden als speelkaarten.
02:00
When they're laidlaid out, I can pullTrekken things to newnieuwe locationslocaties or deleteverwijderen things
26
95000
5000
Wanneer ze open liggen, kun je ze naar een andere plek trekken, of verwijderen.
02:05
or just quicklysnel sortsoort a wholegeheel pilestapel, you know, just immediatelyper direct, right?
27
100000
5000
Of je sorteert de stapel even vlug, zodat alles op orde ligt.
02:10
And then, it's all smoothlyglad animatedgeanimeerde, insteadin plaats daarvan of these jarringwoordenstrijd changesveranderingen you see in today'svandaag interfacesinterfaces.
28
105000
5000
Het fijne is dat de animatie heel vloeiend is, in tegenstelling tot de hakkerige interactie met de meest gangbare interfaces.
02:15
AlsoOok, if I want to addtoevoegen something to a pilestapel, well, how do I do that?
29
110000
2000
Ook kun je iets op een stapel leggen, heel simpel, kijk:
02:17
I just tosstoss it to the pilestapel, and it's addedtoegevoegd right to the toptop. It's a kindsoort of niceleuk way.
30
112000
6000
ik gooi de mappen gewoon op de stapel, klaar. Wel heel handig.
02:23
AlsoOok some of the stuffspul we can do is,
31
118000
2000
Verder kunnen we nog wat spelen met
02:25
for these individualindividu iconspictogrammen we thought -- I mean,
32
120000
2000
individuele pictogrammen. We wilden
02:27
how can we playspelen with the ideaidee of an iconicoon, and pushDuwen that furtherverder?
33
122000
3000
daar wat meer mee doen, en hebben dus wat trucjes bedacht.
02:30
And one of the things I can do is make it biggergroter
34
125000
3000
Zo kan ik ze bijvoorbeeld groter maken om
02:33
if I want to emphasizebenadrukken it and make it more importantbelangrijk.
35
128000
2000
aan te geven dat iets heel belangrijk is.
02:35
But what's really coolkoel is that sincesinds there's a physicsfysica simulationsimulatie runninglopend underonder this,
36
130000
4000
Het gave is dat zo'n map door de onderliggende fysieke simulatie ook echt
02:39
it's actuallywerkelijk heavierzwaardere. So the lighterlichter stuffspul doesn't really moveverhuizing
37
134000
5000
zwaarder is. De lichtere dingen kunnen er niet tegenop.
02:44
but if I throwGooi it at the lighterlichter guys, right?
38
139000
4000
Maar kijk wat er gebeurt als ik de zwaardere map naar de lichtere gooi!
02:48
(LaughterGelach)
39
143000
3000
(Gelach)
02:51
So it's cuteschattig, but it's alsoook like a subtlesubtiel channelkanaal of conveyingoverbrengen informationinformatie, right?
40
146000
5000
Al met al is het een leuke, maar ook subtiele manier om informatie over te brengen.
02:56
This is heavyzwaar so it feelsvoelt more importantbelangrijk. So it's kindsoort of coolkoel.
41
151000
3000
Deze informatie is letterlijk en figuurlijk gewichtiger. Best cool, eigenlijk.
02:59
DespiteOndanks computerscomputers everywhereoveral paperpapier really hasn'theeft niet disappearedverdwenen,
42
154000
3000
Ondanks de alomtegenwoordigheid van computers is papier niet echt uit ons leven verdwenen.
03:02
because it has a lot of, I think, valuablewaardevol propertieseigenschappen.
43
157000
2000
Papier heeft namelijk toch wel veel waardevolle eigenschappen.
03:04
And some of those we wanted to transferoverdracht to the iconspictogrammen in our systemsysteem.
44
159000
3000
Een deel daarvan wilden we daarom graag overbrengen op de pictogrammen in ons systeem.
03:07
So one of the things you can do to our iconspictogrammen, just like paperpapier, is creaseplooi them and foldvouwen them,
45
162000
4000
Zo kun je onze pictogrammen bijvoorbeeld net zoals papier verkreukelen, vouwen.
03:11
just like paperpapier. RememberVergeet niet, you know, something for laterlater.
46
166000
4000
Een ezelsoor, zeg maar, als geheugensteuntje.
03:15
Or if you want to be destructivedestructieve, you can just crumplekreukelzones it up
47
170000
3000
Je kunt er ook wat aggressiever mee omgaan en ze verfrommelen,
03:18
and, you know, tosstoss it to the cornerhoek.
48
173000
3000
en in een hoekje gooien.
03:21
AlsoOok just like paperpapier, around our workspacewerkruimte
49
176000
3000
Verder kun je, net als op een echte werkplek,
03:24
we'llgoed pinpin things up to the wallmuur to rememberonthouden them laterlater,
50
179000
2000
dingen in het zicht aan de muur prikken om ze niet te vergeten.
03:26
and I can do the samedezelfde thing here,
51
181000
3000
Dat kan ik hier ook doen.
03:29
and you know, you'llje zult see post-itpost-it notesaantekeningen and things like that around people'sPeople's officeskantoren.
52
184000
3000
Veel mensen werken op die manier, met post-its enzovoorts. Dat kan hier ook.
03:32
And I can pullTrekken them off when I want to work with them.
53
187000
2000
En je kunt ze er dan afhalen als je er mee wilt werken.
03:34
So, one of the criticismskritiek of this kindsoort of approachnadering to organizationorganisatie is that,
54
189000
5000
Een veelgehoorde opmerking over een dergelijke structuur is:
03:39
you know, "Okay, well my realecht deskbureau is really messyrommelig. I don't want that messknoeien on my computercomputer."
55
194000
4000
"Okee, mijn echte bureau is nogal slordig. Maar op mijn computer wil ik die rommel niet."
03:43
So one thing we have for that is like a gridrooster alignuitlijnen,
56
198000
3000
Daar hebben we een oplossing voor. Een soort raster,
03:46
kindsoort of -- so you get that more traditionaltraditioneel desktopbureaublad. Things are kindsoort of gridrooster aligneduitgelijnd.
57
201000
4000
ongeveer zoals de indeling van een traditioneel bureaublad. Alles wordt dan uitgelijnd op dat raster.
03:50
More boringsaai, but you still have that kindsoort of collidingaanvaring and bumpingstoten.
58
205000
3000
Wel saaier, maar toch heb je nog altijd dat botsen en duwen.
03:53
And you can still do funpret things like make shelvesplanken on your desktopbureaublad.
59
208000
7000
En je kunt er nog steeds geinige dingen mee doen, zoals stapelen op planken naast je bureaublad.
04:00
Let's just breakbreken this shelfplank. Okay, that shelfplank brokekapot gegaan.
60
215000
3000
Kijk, en zo'n plank kun je ook weer breken.
04:03
I think beyondvoorbij the iconspictogrammen, I think anothereen ander really coolkoel domaindomein for this softwaresoftware --
61
218000
5000
Naast het gestoei met pictogrammen kun je met deze software ook andere gave dingen doen.
04:08
I think it appliesis van toepassing to more than just iconspictogrammen and your desktopbureaublad -- but browsingbrowsen photographsfoto's.
62
223000
6000
Bijvoorbeeld door foto's bladeren - en ik denk dat dat ook wel buiten het bureaublad toepasbaar is.
04:14
I think you can really enrichverrijken the way we browseBladeren our photographsfoto's
63
229000
3000
We kunnen de manier waarop we door foto's bladeren hiermee echt verrijken.
04:17
and bringbrengen it to that kindsoort of shoeboxschoenendoos of, you know, photosfoto's with your familyfamilie on the kitchenkeuken- tabletafel kindsoort of thing.
64
232000
5000
Je krijgt dan echt dat gezellige idee van samen rond de keukentafel, met een schoenendoos vol foto's.
04:22
I can tosstoss these things around. They're so much more tangibletastbaar and touchableTouchable --
65
237000
3000
Ik kan de foto's op het blad heen en weer schuiven, opzij leggen. Ze zijn veel echter, tastbaarder.
04:25
and you know I can double-clickDubbelklik op on something to take a look at it.
66
240000
3000
Als je een foto goed wilt bekijken, dubbelklik je erop.
04:28
And I can do all that kindsoort of samedezelfde stuffspul I showedtoonden you before.
67
243000
2000
En je kunt ook met foto's alles doen wat ik eerder liet zien.
04:30
So I can pilestapel things up, I can flipomdraaien throughdoor it, I can, you know --
68
245000
3000
Kijk maar: stapelen, erdoorheen bladeren.
04:33
okay, let's moveverhuizing this photofoto to the back, let's deleteverwijderen this guy here,
69
248000
6000
Een foto naar achteren schuiven, een foto verwijderen, het kan allemaal.
04:39
and I think it's just a much more richrijk kindsoort of way of interactinginteractie with your informationinformatie.
70
254000
4000
Dit systeem biedt gewoon veel meer interactie met informatie dan gebruikelijk.
04:43
And that's BumpTopBumpTop. ThanksBedankt!
71
258000
4000
En dat is BumpTop. Bedankt!
Translated by Tony Wittebolle
Reviewed by Nicolette Marié

▲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