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, інтерфейс користувача, який перетворює звичайну десктоп метафору в блискучий трьохвимірний екстрім, трансформуючи навігацію файлів в простір для невимушеної гри з пом'ятими документами і "стінками", заклеєними нотатками.
- 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 lickablelickable MacMac,
6
19000
4000
І добре, ви можете внести в нього трохи еротики та переробити його під більш вишуканий Мак,
00:48
you know, but really it's the kindдоброзичливий of sameтой же oldстарий crapлайно we'veми маємо had for the last,
7
23000
4000
знаєте, але по суті це все те ж лайно, яке ми уже маємо останні
00:52
you know, 30 yearsроків.
8
27000
2000
30 років.
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 BumpTopBumpTop.
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
Одна з можливих дій, це збільшити її,
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-itPost-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 shoeboxShoebox 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 BumpTopBumpTop. ThanksДякую!
71
258000
4000
Це був наш BumpTop. Дякую!
Translated by Olena Sovyn
Reviewed by Khrystyna Romashko

▲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