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 führt seinen BumpTop Desktop vor

Filmed:
1,679,337 views

Anand Agarawala präsentiert BumpTop, eine Benutzeroberfläche, die dem gewöhnlichen Desktop-Bild ein fantastisches 3-D-Niveau verleiht und die Datei-Navigation in einen Spielplatz von frei beweglichen zerknüllten Dokumenten und notizenbespickten "Wänden" verwandelt.
- 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 kindArt of believe that we're in like the "cave-paintingHöhlenmalerei" eraEpoche of computerComputer interfacesSchnittstellen.
0
0
5000
Also ich finde, dass wir uns, was die Computer-Interfaces angeht, gleichsam noch im Zeitalter der "Höhlenmalerei" befinden.
00:30
Like, they're very kindArt of -- they don't go as deeptief or as emotionallyemotional engagingansprechend as they possiblymöglicherweise could be
1
5000
4000
Irgendwie sind sie nicht so vielschichtig oder so emotional anregend, wie sie sein könnten,
00:34
and I'd like to changeVeränderung all that.
2
9000
2000
und ich möchte all das ändern.
00:36
HitDrücken Sie me.
3
11000
3000
Los geht's.
00:39
OK. So I mean, this is the kindArt of statusStatus quoQuo interfaceSchnittstelle, right?
4
14000
3000
OK. Also, das ist das heutige Interface, nicht wahr?
00:42
It's very flateben, kindArt of rigidstarre.
5
17000
2000
Es ist sehr langweilig, irgendwie starr.
00:44
And OK, so you could sexSex it up and like go to a much more lickablelickable MacMac,
6
19000
4000
Man könnte es also aufpeppen und z.B. den viel leckereren Mac benutzen,
00:48
you know, but really it's the kindArt of samegleich oldalt crapMist we'vewir haben had for the last,
7
23000
4000
aber irgendwie ist das der gleiche alte Mist, den wir schon
00:52
you know, 30 yearsJahre.
8
27000
2000
seit 30 Jahren haben.
00:54
(LaughterLachen) (ApplauseApplaus)
9
29000
3000
(Lachen) (Applaus)
00:57
Like I think we really put up with a lot of crapMist with our computersComputer.
10
32000
3000
Ich meine, dass wir uns wirklich eine Menge Mist von unseren Computern bieten lassen.
01:00
I mean it's pointPunkt and clickklicken, it's like the menusMenüs, iconsSymbole, it's all the kindArt of samegleich thing.
11
35000
5000
Ich meine, der Mausklick, die Menüs, Icons, das ist doch alles irgendwie dasselbe.
01:05
And so one kindArt of informationInformation spacePlatz that I take inspirationInspiration from is my realecht deskSchreibtisch.
12
40000
4000
Und daher ist eine Art Informationsquelle, von der ich mich inspirieren lasse, mein echter Schreibtisch.
01:09
It's so much more subtlesubtil, so much more visceralviszerale
13
44000
4000
Er ist viel raffinierter, und sehr viel handfester
01:13
-- you know, what's visiblesichtbar, what's not.
14
48000
2000
-- man weiß, was sichtbar ist und was nicht.
01:15
And I'd like to bringbringen that experienceErfahrung to the desktopDesktop.
15
50000
3000
Und diese Erfahrung möchte ich irgendwie auf den Desktop bringen.
01:18
So I kindArt of have a -- this is BumpTopBumpTop.
16
53000
4000
Also habe ich -- dies hier ist BumpTop.
01:22
It's kindArt of like a newneu approachAnsatz to desktopDesktop computingComputer.
17
57000
3000
Es ist so was wie ein neuer Ansatz zur Desktoparbeit.
01:25
So you can bumpstoßen things -- they're all physicallyphysisch, you know, manipulablemanipulierbar and stuffSachen.
18
60000
7000
Man kann z.B. Dinge anstoßen -- sie sind ja alle körperlich beeinflussbar und so,
01:32
And insteadstattdessen of that pointPunkt and clickklicken, it's like a pushdrücken and pullziehen,
19
67000
3000
und an die Stelle des Mausklick tritt nun ein Schieben und Ziehen,
01:35
things collidekollidieren as you'ddu würdest expecterwarten von them. Just like on my realecht deskSchreibtisch,
20
70000
4000
Dinge kollidieren, wie man es erwarten würde. Wie auf meinem echten Schreibtisch
01:39
I can -- let me just grabgreifen these guys -- I can turnWende things into pilesPfähle
21
74000
3000
kann ich -- ich will mir mal eben diesen Burschen greifen -- kann ich Dinge in Stapeln anlegen,
01:42
insteadstattdessen of just the foldersOrdnern that we have.
22
77000
6000
anstatt nur in den üblichen Ordnern.
01:48
And onceEinmal things are in a pileHaufen I can browseDurchsuchen them by throwingwerfen them into a gridGitter,
23
83000
4000
Und sobald Dinge in einem Stapel sind, kann ich sie durchsehen, indem ich sie in ein Raster bringe
01:52
or you know, flipflip throughdurch them like a bookBuch
24
87000
3000
oder sie wie ein Buch durchblättere,
01:55
or I can laylegen them out like a deckDeck of cardsKarten.
25
90000
5000
oder ich kann sie wie Spielkarten auslegen.
02:00
When they're laidgelegt out, I can pullziehen things to newneu locationsStandorte or deletelöschen things
26
95000
5000
Wenn sie ausgelegt sind, kann ich sie an neue Stellen ziehen oder sie löschen
02:05
or just quicklyschnell sortSortieren a wholeganze pileHaufen, you know, just immediatelysofort, right?
27
100000
5000
oder einfach schnell einen ganzen Stapel sortieren, einfach so.
02:10
And then, it's all smoothlyglatt animatedanimiert, insteadstattdessen of these jarringerschütternd changesÄnderungen you see in today'sheutige interfacesSchnittstellen.
28
105000
5000
Und alles ist ganz geschmeidig animiert, im Gegensatz zu diesen stockenden Übergängen, die man in den heutigen Interfaces sieht.
02:15
AlsoAuch, if I want to addhinzufügen something to a pileHaufen, well, how do I do that?
29
110000
2000
Und wenn ich etwas zu einem Stapel hinzufügen will, nun, wie mache ich das?
02:17
I just tosswerfen it to the pileHaufen, and it's addedhinzugefügt right to the topoben. It's a kindArt of nicenett way.
30
112000
6000
Ich schmeiß es einfach auf den Haufen und es wird gleich oben draufgelegt. Das ist irgendwie cool.
02:23
AlsoAuch some of the stuffSachen we can do is,
31
118000
2000
Was wir außerdem machen können -
02:25
for these individualPerson iconsSymbole we thought -- I mean,
32
120000
2000
bei diesen einzelnen Icons dachten wir uns:
02:27
how can we playspielen with the ideaIdee of an iconSymbol, and pushdrücken that furtherdes Weiteren?
33
122000
3000
Wie könnten wir mit der Idee eines Icons spielen und es weiterentwickeln?
02:30
And one of the things I can do is make it biggergrößer
34
125000
3000
Etwas, was ich damit tun kann, ist beispielsweise, es größer machen,
02:33
if I want to emphasizebetonen it and make it more importantwichtig.
35
128000
2000
falls ich es irgendwie hervorheben und wichtiger machen will.
02:35
But what's really coolcool is that sinceschon seit there's a physicsPhysik simulationSimulation runningLaufen underunter this,
36
130000
4000
Aber was wirklich cool ist: Weil es auf einer Simulation von Körpern basiert,
02:39
it's actuallytatsächlich heavierschwerer. So the lighterFeuerzeug stuffSachen doesn't really moveBewegung
37
134000
5000
ist es auch tatsächlich schwerer. Der leichtere Kram bewegt sich also nicht richtig.
02:44
but if I throwwerfen it at the lighterFeuerzeug guys, right?
38
139000
4000
Aber wenn ich ihn auf die leichteren Typen schmeiße, sehen Sie?
02:48
(LaughterLachen)
39
143000
3000
(Lachen)
02:51
So it's cuteniedlich, but it's alsoebenfalls like a subtlesubtil channelKanal of conveyingVermittlung von informationInformation, right?
40
146000
5000
Das ist toll, aber es ist auch eine raffinierte Art, Informationen zu übertragen, nicht wahr?
02:56
This is heavyschwer so it feelsfühlt sich more importantwichtig. So it's kindArt of coolcool.
41
151000
3000
Dies ist schwer, also fühlt es sich wichtiger an. Das ist irgendwie cool.
02:59
DespiteTrotz computersComputer everywhereüberall paperPapier- really hasn'that nicht disappearedverschwunden,
42
154000
3000
Trotz der vielen Computer überall: das Papier ist keineswegs verschwunden,
03:02
because it has a lot of, I think, valuablewertvoll propertiesEigenschaften.
43
157000
2000
weil es, wie ich glaube, eine Menge nützlicher Eigenschaften hat.
03:04
And some of those we wanted to transferÜbertragung to the iconsSymbole in our systemSystem.
44
159000
3000
Und einige davon wollten wir irgendwie auf die Icons in unserem System übertragen.
03:07
So one of the things you can do to our iconsSymbole, just like paperPapier-, is creaseFalte them and foldfalten them,
45
162000
4000
Und eine Sache, die man mit unseren Icons machen kann, genau wie mit Papier, ist sie kniffen und falten,
03:11
just like paperPapier-. RememberDenken Sie daran, you know, something for laterspäter.
46
166000
4000
genau wie Papier, z.B. um sich etwas für später zu merken.
03:15
Or if you want to be destructivedestruktive, you can just crumpleKnautsch it up
47
170000
3000
Oder, wenn man destruktiv sein will, kann man es einfach zusammenknüllen
03:18
and, you know, tosswerfen it to the cornerEcke.
48
173000
3000
und in die Ecke werfen.
03:21
AlsoAuch just like paperPapier-, around our workspaceArbeitsbereich
49
176000
3000
Und genau wie mit Papier, pinnen wir um unseren Arbeitsbereich herum
03:24
we'llGut pinStift things up to the wallMauer to remembermerken them laterspäter,
50
179000
2000
Dinge an die Wand, um uns später an sie zu erinnern,
03:26
and I can do the samegleich thing here,
51
181000
3000
dasselbe kann ich auch hier machen.
03:29
and you know, you'lldu wirst see post-itPost-it notesNotizen and things like that around people'sMenschen officesBüros.
52
184000
3000
Man sieht ja überall alle möglichen Notizen in den Büros hängen.
03:32
And I can pullziehen them off when I want to work with them.
53
187000
2000
Ich kann sie herunternehmen, wenn ich mit ihnen arbeiten will.
03:34
So, one of the criticismsKritik of this kindArt of approachAnsatz to organizationOrganisation is that,
54
189000
5000
Aber einer der Kritikpunkte an dieser Art von Organisations-Ansatz lautet:
03:39
you know, "Okay, well my realecht deskSchreibtisch is really messyunordentlich. I don't want that messChaos on my computerComputer."
55
194000
4000
"Nun, mein richtiger Schreibtisch ist schon unordentlich genug. Ich will diese Unordnung nicht auch noch auf meinem Computer haben."
03:43
So one thing we have for that is like a gridGitter alignrichten Sie,
56
198000
3000
Ein Mittel dagegen wäre so etwas wie eine Rasteranordnung,
03:46
kindArt of -- so you get that more traditionaltraditionell desktopDesktop. Things are kindArt of gridGitter alignedausgerichtet.
57
201000
4000
so dass man wieder den eher traditionellen Desktop bekommt. Die Dinge sind an Raster ausgelegt.
03:50
More boringlangweilig, but you still have that kindArt of collidingkollidieren and bumpingstoßen.
58
205000
3000
Viel langweiliger, aber man hat immer noch die Möglickeit zum Zusammenprallen und Anstoßen.
03:53
And you can still do funSpaß things like make shelvesRegale on your desktopDesktop.
59
208000
7000
Und man kann immer noch lustige Sachen auf seinem Desktop machen, z.B. Regale.
04:00
Let's just breakUnterbrechung this shelfRegal. Okay, that shelfRegal brokepleite.
60
215000
3000
Zerbrechen wir mal eben dieses Regal. Bitte schön: Regal kaputt.
04:03
I think beyonddarüber hinaus the iconsSymbole, I think anotherein anderer really coolcool domainDomain for this softwareSoftware --
61
218000
5000
Ich denke über die Icons hinaus, ich glaube, ein weiterer wirklich cooler Anwendungsbereich für diese Software -
04:08
I think it appliesgilt to more than just iconsSymbole and your desktopDesktop -- but browsingSurfen photographsFotografien.
62
223000
6000
Ich denke, es lässt sich nicht nur auf Icons und den Desktop anwenden - sondern auch dazu, Fotos durchzusehen.
04:14
I think you can really enrichbereichern the way we browseDurchsuchen our photographsFotografien
63
229000
3000
Ich glaube, man kann die Art, wie wir Fotos betrachten, wirklich bereichern
04:17
and bringbringen it to that kindArt of shoeboxSchuhkarton of, you know, photosFotos with your familyFamilie on the kitchenKüche tableTabelle kindArt of thing.
64
232000
5000
und diese Art Schuhkarton machen, mit Fotos von der eigenen Familie auf dem Küchentisch und so.
04:22
I can tosswerfen these things around. They're so much more tangiblegreifbar and touchablezum Anfassen --
65
237000
3000
Ich kann diese Bilder durcheinander werfen. Sie sind viel handfester und konkreter,
04:25
and you know I can double-clickDoppelklicken Sie auf on something to take a look at it.
66
240000
3000
und ich kann auf etwas doppelklicken, um es anzusehen.
04:28
And I can do all that kindArt of samegleich stuffSachen I showedzeigte you before.
67
243000
2000
Und dann kann ich wieder dasselbe machen, was ich Ihnen eben gezeigt habe.
04:30
So I can pileHaufen things up, I can flipflip throughdurch it, I can, you know --
68
245000
3000
Ich kann also Dinge stapeln, sie durchblättern, ich kann -
04:33
okay, let's moveBewegung this photoFoto to the back, let's deletelöschen this guy here,
69
248000
6000
okay, legen wir dieses Foto nach hinten, und löschen wir diesen Kerl hier,
04:39
and I think it's just a much more richReich kindArt of way of interactinginteragierend with your informationInformation.
70
254000
4000
Ich meine, es ist einfach eine sehr viel vielseitigere Art und Weise mit Informationen zu interagieren.
04:43
And that's BumpTopBumpTop. ThanksVielen Dank!
71
258000
4000
So viel zu BumpTop. Danke!
Translated by J. Henning Buchholz
Reviewed by Wolf Ruschke

▲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