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

يقدم أناند أقراولا سطح مكتب للكمبيوتر، بواجهة مستخدم "بمب توب" تحوّل السطح المعتاد الى واجهة تفاعلية، ثلاثية الأبعاد، جاعلاً إستكشاف الملفات أكثر حرية يمكن تكديسها أو رفعهل على الجدار وتغطيته بالأوراق.
- 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 Macماك,
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
تعرفون، خلال الثلاثين سنة الماضية
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
لذا فقد وصلت لهذه الواجهة للمستخدم "بمب توب"
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, manipulablemanipulable 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-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 shoeboxصندوق أحذية 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
وهذا هو "بمب توب". شكراً
Translated by Anwar Dafa-Alla
Reviewed by Yasser Bahjatt

▲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