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 fait une démonstration de son espace de travail BumpTop

Filmed:
1,679,337 views

Anand Agarawala présente BumpTop, une interface d'utilisateur qui amène la métaphore «espace de travail» à un niveau incroyablement 3-D, transformant la navigation dans les dossiers en un terrain de jeux rempli de documents chiffonnés et de «murs» couverts de notes.
- 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 kindgentil of believe that we're in like the "cave-paintinggrotte-peinture" eraère of computerordinateur interfacesinterfaces.
0
0
5000
Je tend à croire que nous sommes dans la période «préhistorique» des interfaces d'ordinateurs.
00:30
Like, they're very kindgentil of -- they don't go as deepProfond or as emotionallyémotionnellement engagingengageant as they possiblypeut-être could be
1
5000
4000
C'est comme si elles n'étaient pas aussi profondes, ou engageantes émotionnellement qu'elles pourraient l'être,
00:34
and I'd like to changechangement all that.
2
9000
2000
et j'aimerais changer tout ça.
00:36
HitHit me.
3
11000
3000
Image s'il vous plaît!
00:39
OK. So I mean, this is the kindgentil of statusstatut quoquo interfaceinterface, right?
4
14000
3000
Ok. Alors, vous voyez, ceci est le genre de status quo des interfaces, n'est ce pas ?
00:42
It's very flatappartement, kindgentil of rigidrigide.
5
17000
2000
C'est très plat, et plutôt rigide.
00:44
And OK, so you could sexsexe it up and like go to a much more lickableséduisant MacMac,
6
19000
4000
Bon, OK, vous pourriez le rendre un peu plus sexy et aller vers un Mac plus léché,
00:48
you know, but really it's the kindgentil of sameMême oldvieux crapmerde we'venous avons had for the last,
7
23000
4000
mais c'est quand même la même merde que nous avons eu pendant les dernières,
00:52
you know, 30 yearsannées.
8
27000
2000
vous savez, 30 années.
00:54
(LaughterRires) (ApplauseApplaudissements)
9
29000
3000
(Rires) (Applaudissements)
00:57
Like I think we really put up with a lot of crapmerde with our computersdes ordinateurs.
10
32000
3000
Je veux dire, je crois que nous endurons beaucoup de merdes avec nos ordinateurs.
01:00
I mean it's pointpoint and clickCliquez, it's like the menusmenus, iconsicônes, it's all the kindgentil of sameMême thing.
11
35000
5000
Je veux dire, on pointe et on clique, c'est comme les menus, les icones, c'est pratiquement du pareil au même.
01:05
And so one kindgentil of informationinformation spaceespace that I take inspirationinspiration from is my realréal deskbureau.
12
40000
4000
Alors un type d'espace contenant de l'information que j'utilise comme inspiration est mon vrai bureau.
01:09
It's so much more subtlesubtil, so much more visceralviscérale
13
44000
4000
C'est tellement plus subtil, tellement plus viscéral
01:13
-- you know, what's visiblevisible, what's not.
14
48000
2000
-- vous savez, ce qui est visible, ce qui ne l'est pas.
01:15
And I'd like to bringapporter that experienceexpérience to the desktopordinateur de bureau.
15
50000
3000
Et j'aimerais amener cette expérience dans l'espace de travail.
01:18
So I kindgentil of have a -- this is BumpTopBumpTop.
16
53000
4000
Alors j'ai fait -- voici BumpTop.
01:22
It's kindgentil of like a newNouveau approachapproche to desktopordinateur de bureau computingl'informatique.
17
57000
3000
C'est comme une nouvelle approche par rapport à l'utilisation de l'espace de travail.
01:25
So you can bumpbosse things -- they're all physicallyphysiquement, you know, manipulablemanipulable and stuffdes trucs.
18
60000
7000
Alors vous pouvez faire entrer les choses en collision -- elles sont physiquement, vous voyez, manipulables,
01:32
And insteadau lieu of that pointpoint and clickCliquez, it's like a pushpousser and pulltirer,
19
67000
3000
et au lieu de «pointer et cliquer», c'est plutôt «pousser et tirer»,
01:35
things collideentrer en collision as you'dtu aurais expectattendre them. Just like on my realréal deskbureau,
20
70000
4000
les trucs entrent en collision tels que vous auriez deviné. Comme sur mon vrai bureau,
01:39
I can -- let me just grabsaisir these guys -- I can turntour things into pilespieux
21
74000
3000
Je peux -- laissez moi attraper ceux-ci -- Je peux empiler les choses,
01:42
insteadau lieu of just the foldersdossiers that we have.
22
77000
6000
au lieu des dossiers auxquels nous sommes habitués.
01:48
And onceune fois que things are in a pilepile I can browseParcourir them by throwinglancement them into a gridla grille,
23
83000
4000
Et lorsque les choses sont empilées, je peux faire une recherche en les plaçant en grille.
01:52
or you know, flipflip throughpar them like a booklivre
24
87000
3000
ou bien, vous savez, les consulter comme un livre,
01:55
or I can layallonger them out like a deckplate-forme of cardscartes.
25
90000
5000
ou je peux les disposer comme un jeu de cartes.
02:00
When they're laidposé out, I can pulltirer things to newNouveau locationsEmplacements or deleteeffacer things
26
95000
5000
Lorsque qu'elles sont exposées, je peux tirer les choses vers un autre endroit, ou en effacer,
02:05
or just quicklyrapidement sortTrier a wholeentier pilepile, you know, just immediatelyimmédiatement, right?
27
100000
5000
ou juste organiser toute une pile rapidement, vous savez, immédiatement, d'accord.
02:10
And then, it's all smoothlydoucement animatedAnimé, insteadau lieu of these jarringdiscordant changeschangements you see in today'saujourd'hui interfacesinterfaces.
28
105000
5000
Et, c'est plutôt bien animé, au lieu des changements brusques que vous voyez dans les interfaces d'aujourd'hui.
02:15
AlsoAussi, if I want to addajouter something to a pilepile, well, how do I do that?
29
110000
2000
Aussi, si je veux ajouter quelque chose à une pile, et bien, comment je fais ?
02:17
I just tosslancer it to the pilepile, and it's addedajoutée right to the topHaut. It's a kindgentil of niceagréable way.
30
112000
6000
Je n'ai qu'à l'envoyer sur la pile, et c'est ajouté sur le dessus. C'est plutôt bien.
02:23
AlsoAussi some of the stuffdes trucs we can do is,
31
118000
2000
Aussi, d'autres trucs que nous pouvons faire
02:25
for these individualindividuel iconsicônes we thought -- I mean,
32
120000
2000
pour ces icones individuelles nous nous sommes dits -- je veux dire,
02:27
how can we playjouer with the ideaidée of an iconicône, and pushpousser that furtherplus loin?
33
122000
3000
comment peut-on jouer avec le concept d'icone, et pousser l'idée plus loin?
02:30
And one of the things I can do is make it biggerplus gros
34
125000
3000
Une des choses que je peux faire est de l'agrandir
02:33
if I want to emphasizesouligner it and make it more importantimportant.
35
128000
2000
si je veux y mettre l'emphase et la rendre plus importante.
02:35
But what's really coolcool is that sincedepuis there's a physicsla physique simulationsimulation runningfonctionnement underen dessous de this,
36
130000
4000
Mais ce qui est vraiment bien c'est que puisqu'il y a un simulateur pour les lois de la physique qui travaille derrière tout ça,
02:39
it's actuallyréellement heavierplus lourd. So the lighterplus léger stuffdes trucs doesn't really movebouge toi
37
134000
5000
elle devient plus lourde. Alors les trucs plus légers ne bougent pas vraiment
02:44
but if I throwjeter it at the lighterplus léger guys, right?
38
139000
4000
Mais si je la lance sur les plus petits, vous voyez?
02:48
(LaughterRires)
39
143000
3000
(Rires)
02:51
So it's cutemignon, but it's alsoaussi like a subtlesubtil channelcanal of conveyingconvoyage informationinformation, right?
40
146000
5000
Alors c'est mignon, mais c'est un aussi une façon subtile de faire passer de l'information.
02:56
This is heavylourd so it feelsse sent more importantimportant. So it's kindgentil of coolcool.
41
151000
3000
Ceci est lourd, alors ça semble plus important. Alors c'est plutôt bien.
02:59
DespiteMalgré computersdes ordinateurs everywherepartout paperpapier really hasn'tn'a pas disappeareddisparu,
42
154000
3000
Même s'il y a des ordinateurs partout, le papier n'a pas vraiment disparu,
03:02
because it has a lot of, I think, valuablede valeur propertiesPropriétés.
43
157000
2000
parce qu'il a beaucoup de, je crois, propriétés intéressantes.
03:04
And some of those we wanted to transfertransfert to the iconsicônes in our systemsystème.
44
159000
3000
Et nous voulions transférer certaines d'entre elles aux icones dans notre système.
03:07
So one of the things you can do to our iconsicônes, just like paperpapier, is creasepli them and foldplier them,
45
162000
4000
Alors une des choses que vous pouvez faire avec nos icones, comme avec du vrai papier, est de les plier.
03:11
just like paperpapier. RememberN’oubliez pas, you know, something for laterplus tard.
46
166000
4000
Comme du papier. Pour vous rappeler de quelque chose pour plus tard.
03:15
Or if you want to be destructivedestructrice, you can just crumplefroisser it up
47
170000
3000
Ou, si vous voulez détruire quelque chose, vous pouvez le chiffonner,
03:18
and, you know, tosslancer it to the cornercoin.
48
173000
3000
et le lancer dans le coin.
03:21
AlsoAussi just like paperpapier, around our workspaceespace de travail
49
176000
3000
Aussi, comme avec du papier, dans notre espace de travail
03:24
we'llbien pinépingle things up to the wallmur to rememberrappelles toi them laterplus tard,
50
179000
2000
nous collons des choses sur le mur pour nous en rappeler plus tard,
03:26
and I can do the sameMême thing here,
51
181000
3000
et je peux faire la même chose ici,
03:29
and you know, you'lltu vas see post-itpost-it notesRemarques and things like that around people'sles gens officesdes bureaux.
52
184000
3000
et vous savez, vous voyez des notes «post-it» et des choses comme ça dans le bureau des gens.
03:32
And I can pulltirer them off when I want to work with them.
53
187000
2000
Et je peux les prendre du mur lorsque je veux travailler avec.
03:34
So, one of the criticismscritiques of this kindgentil of approachapproche to organizationorganisation is that,
54
189000
5000
Alors, une des critiques que cette approche organisationelle reçoit est,
03:39
you know, "Okay, well my realréal deskbureau is really messydésordonné. I don't want that messdésordre on my computerordinateur."
55
194000
4000
vous savez, «D'accord, mon bureau est complètement en désordre. je ne veux pas ce désordre dans mon ordinateur.»
03:43
So one thing we have for that is like a gridla grille alignaligner,
56
198000
3000
Alors, une solution que nous avons est une sorte d'alignement en grille,
03:46
kindgentil of -- so you get that more traditionaltraditionnel desktopordinateur de bureau. Things are kindgentil of gridla grille alignedaligné.
57
201000
4000
comme -- alors vous obtenez un espace de travail plus traditionnel. Les choses sont plutôt alignées en grille.
03:50
More boringennuyeuse, but you still have that kindgentil of collidingentrer en collision and bumpingse cogner.
58
205000
3000
Plus ennuyeux, mais vous pouvez toujours faire des collisions et pousser les choses.
03:53
And you can still do funamusement things like make shelvesétagères on your desktopordinateur de bureau.
59
208000
7000
Et vous pouvez toujours faire des choses amusantes comme construire une étagère sur votre espace de travail.
04:00
Let's just breakPause this shelfplateau. Okay, that shelfplateau brokecassé.
60
215000
3000
Brisons cette étagère. Voilà, l'étagère est brisée.
04:03
I think beyondau-delà the iconsicônes, I think anotherun autre really coolcool domaindomaine for this softwareLogiciel --
61
218000
5000
Je crois que au-delà des icones, un autre domaine d'application pour ce programme --
04:08
I think it appliesapplique to more than just iconsicônes and your desktopordinateur de bureau -- but browsingla navigation photographsphotographies.
62
223000
6000
Je crois que ça s'applique à plus que seulement les icones et à votre espace de travail -- mais à l'organisation de photos.
04:14
I think you can really enrichenrichir the way we browseParcourir our photographsphotographies
63
229000
3000
Je crois que l'on peut vraiment enrichir la façon dont nous parcourons nos photos.
04:17
and bringapporter it to that kindgentil of shoeboxboîte à chaussures of, you know, photosPhotos with your familyfamille on the kitchencuisine tabletable kindgentil of thing.
64
232000
5000
et la rendre comme si vous étiez avec votre famille sur la table de cuisine à regarder vos photos qui sont dans une boîte à chaussures.
04:22
I can tosslancer these things around. They're so much more tangibletangible and touchablepalpable --
65
237000
3000
Et je peux déplacer ces trucs. Ils sont tellement plus tangibles lorsque -- et manipulables --
04:25
and you know I can double-clickdouble-cliquez sur on something to take a look at it.
66
240000
3000
et vous savez, je peux double-cliquer sur quelque chose pour le regarder.
04:28
And I can do all that kindgentil of sameMême stuffdes trucs I showedmontré you before.
67
243000
2000
Et je peux faire tous les trucs que je vous ai déjà montrés.
04:30
So I can pilepile things up, I can flipflip throughpar it, I can, you know --
68
245000
3000
Alors je peux empiler les choses, je peux les consulter, je peux, vous voyez --
04:33
okay, let's movebouge toi this photophoto to the back, let's deleteeffacer this guy here,
69
248000
6000
Alors, déplaçons cette photo à l'arrière, effaçons celle-là,
04:39
and I think it's just a much more richriches kindgentil of way of interactinginteragir with your informationinformation.
70
254000
4000
et je crois qu'il s'agit d'une façon beaucoup plus riche d'interagir avec vos données.
04:43
And that's BumpTopBumpTop. ThanksMerci!
71
258000
4000
Et voilà BumpTop. Merci!
Translated by Jean-Daniel Duquette
Reviewed by Emmanuel Parfond

▲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