Unveiling the genius of multi-touch interface design | Jeff Han

المترجم: Mohamed Achraf BEN MOHAMED المدقّق: Yassine Merzougui

I'm really excited to be here today.

أنا حقا حقا سعيد لوجودي هنا اليوم ،

I'll show you some stuff that's just ready to come out of the lab,

لأنني سوف أعرض بعض الأشياء التي أصبحت للتو جاهزة للخروج من المخبر

literally, and I'm really glad that you guys

بوضوح أنا حقا سعيد لأنكم ستكونون من بين الأوائل الذين سيتمكنون من

are going to be among the first to see it in person,

رؤيته بأنفسكم لأنني أعتقد أن هذا سيغير

because I really think this is going to really change

حقا سيغير طريقة تعاملنا مع الآلات انطلاقا من هذه النقطة

the way we interact with machines from this point on.

Now, this is a rear-projected drafting table.

الآن ، لدينا شاشة رسم قائمة للعرض بعرض حوالي 36 بوصة

It's about 36 inches wide

and it's equipped with a multi-touch sensor.

وهي مجهزة بجهاز استشعار متعدد. حاليا أجهزة الاستشعار التي

Normal touch sensors that you see,

ترونها في كشك أو الشاشات التفاعلية ،

like on a kiosk or interactive whiteboards,

can only register one point of contact at a time.

لا يمكنها أن تسجل إلا نقطة لمس واحدة كل مرة

This thing allows you to have multiple points at the same time.

هذا الجهاز يسمح لك أن تضغط عدة نقاط في الوقت نفسه

They can use both my hands; I can use chording actions;

يمكنهم استخدام كلتا يدي ، يمكنني تحريكها كالأوتار

I can just go right up and use all 10 fingers if I wanted to.

استطيع أن أتحرك يمينا إلى الأعلى وأن استخدام أصابعي العشرة إذا أردت

You know, like that.

هكذا

Now, multi-touch sensing isn't completely new.

تقنية الاستشعار المتعدد ليست جديدة تماما.

People like Bill Buxton have been playing around with it in the '80s.

يعني أناس مثل بيل بكستون تحدثوا عنها في الثمانينيات

However, the approach I built here is actually high-resolution,

ومع ذلك ، فإن هده المقاربة هي عالية الدقة ،

low-cost, and probably most importantly, very scalable.

منخفضة التكلفة ، وربما الأهم من كل ذلك ، قابلة للاتساع

So, the technology, you know,

التكنولوجيا كما تعلمون ، ليست هي الشيء الأكثر إثارة

isn't the most exciting thing here right now,

other than probably its newfound accessibility.

من احتمال أن يكون لها إمكانيات جديدة

What's really interesting here is what you can do with it

الأكثر أهمية هو فيما يمكنك استعمالها

and the kind of interfaces you can build on top of it.

و نوع الواجهات التي يمكنك بناءها عليها. لذلك دعونا نرى.

So let's see.

So, for instance, we have a lava lamp application here.

على سبيل المثال ، لدينا هنا تطبيق لمصباح من الحمم الآن تستطيع أن ترى

Now, you can see,

I can use both of my hands to kind of squeeze and put the blobs together.

يمكنني استخدام كلتا يدي لأضغطها مع بعضها وأضع النقط

I can inject heat into the system here,

معا. ويمكنني أن أضخ الحرارة في هذا الجسم

or I can pull it apart with two of my fingers.

أو أستطيع أن أسحبه إلى جانبين اثنين باستعمال إصبعي الاثنين

It's completely intuitive; there's no instruction manual.

وهذا بديهي تماما لا يوجد دليل التعليمات

الشكل يختفي قليلا

The interface just kind of disappears.

This started out as a screensaver app

و يتحول إلى نوع من تطبيقات حفظ الشاشة التي يشتغل عليها طالب من

that one of the Ph.D. students in our lab, Ilya Rosenberg, made.

مختبرنا ايليا روزنبرج. لكنني اعتقد أن الهوية الحقيقية تبدأ هنا

But I think its true identity comes out here.

Now what's great about a multi-touch sensor is that, you know,

والآن ما هو رائع في هذه الشاشة متعددة الاستشعار هو

I could be doing this with as many fingers here,

يمكن أن أقوم بذلك باستعمال العديد من أصابعي هنا ،

but of course multi-touch also inherently means multi-user.

ولكن بالطبع متعدد الاستشعار يعني بالضرورة متعددة المستخدمين

Chris could be interacting with another part of Lava,

بإمكان كريس أن يتفاعل مع جزء آخر من الحمم

while I play around with it here.

وأنا أقوم بنوع من الالتفاف عليه هنا يمكنك أن تتخيل نوع جديد من أدوات النحت

You can imagine a new kind of sculpting tool,

where I'm kind of warming something up, making it malleable,

حيث أسخنه بعض الشيء مما يجعله مرن

and then letting it cool down and solidifying in a certain state.

وبعد ذلك أتركه يبرد ويصبح صلبا في نقطة معينة

Google should have something like this in their lobby.

يملك جوجل على الأرجح شيئا مثل هذا في ردهاته (ضحك)

(Laughter)

I'll show you a little more of a concrete example here,

سوف أعرض شيئا آخر -- مثالا ملموسا ،فيما يتم التحميل

as this thing loads.

This is a photographer's light-box application.

هذا التطبيق هو إطار مضيء لمصور

Again, I can use both of my hands to interact and move photos around.

مرة أخرى ، يمكنني استخدام كلتا يدي للتفاعل تحريك الصور

But what's even cooler is that if I have two fingers,

ولكن الأكثر روعة إذا استخدمت إصبعين اثنين

I can actually grab a photo and then stretch it out like that really easily.

أستطيع سحب صورة ثم بسطها بكل سهولة

I can pan, zoom and rotate it effortlessly.

ويمكنني أن أسحبها ، وأكبرها وأديرها بدون جهد

I can do that grossly with both of my hands,

يمكنني فعل ذلك كما أشاء بكلتا يدي ،

or I can do it just with two fingers on each of my hands together.

أو أستطيع أن أفعل ذلك فقط باستعمال إصبعين اثنين من كل يد

If I grab the canvas, I can do the same thing -- stretch it out.

إذا سحبت الجهة العليا يمكنني القيام بنفس الشيء -- تمديدها

I can do it simultaneously, holding this down,

ويمكنني أن أفعل ذلك وفي نفس الوقت أسحب هذا إلى الأسفل

and gripping on another one, stretching this out.

وأسحب واحد آخر ، وأمدده على هذا النحو.

Again, the interface just disappears here.

مرة أخرى ، فإن الشاشة تختفي هنا.

There's no manual.

ليس هناك دليل استعمال هذا هو بالضبط ما تتوقع ،

This is exactly what you expect,

especially if you haven't interacted with a computer before.

خصوصا إذا كنت لم تتفاعل مع جهاز كمبيوتر من قبل.

Now, when you have initiatives like the $100 laptop,

الآن عندما يكون لديك مبادرات مثل الكمبيوتر المحمول ذو 100 دولار

I kind of cringe at the idea

لا تروق لي فكرة أننا سوف نحدث جيلا جديدا

of introducing a whole new generation to computing

من الناس من مستعملي كمبيوتر مع واجهة عادية أي فأرة و نوافذ

with this standard mouse-and-windows-pointer interface.

This is something that I think is really the way

و أعتقد أن هذه حقا هي الطريقة التي ينبغي لنا أن نتفاعل بها مع الآلات

we should be interacting with machines from now on.

انطلاقا من هذه النقطة. (تصفيق)

(Applause)

Now, of course, I can bring up a keyboard.

الآن بطبيعة الحال يمكنني إظهار لوحة المفاتيح.

(Laughter)

And I can bring that around, put that up there.

وأستطيع أن نحو تحقيق ، والتي وضعت هناك.

Obviously, this is a standard keyboard,

الآن ، من الواضح أن هذه لوحة المفاتيح المألوفة

but of course I can rescale it to make it work well for my hands.

ولكن بالطبع استطيع تغيير حجمها لجعلها تناسب عمل يدي

That's really important, because there's no reason in this day and age

وهذا هو المهم حقا ، لأنه لا يوجد أي سبب في أيامنا و عصرنا هذا

that we should be conforming to a physical device.

أن نتقيد بجهاز مادي

That leads to bad things, like RSI.

الأمر الذي يؤدي إلى أمور سيئة مثل إصابات الإجهاد المتكررة

We have so much technology nowadays

لدينا الكثير من التكنولوجيا في أيامنا هذه ما يجعل

that these interfaces should start conforming to us.

هذه الأدوات تتطابق مع ما نريد

There's so little applied now to actually improving

هناك حاليا القليل جدا من التطبيقات التي بإمكانها تحسين

the way we interact with interfaces from this point on.

طريقتنا في التفاعل مع الآلات انطلاقا من هذه النقطة.

This keyboard is probably actually the really wrong direction to go.

لوحة المفاتيح تمثل حاليا الاتجاه الخطأ.

You can imagine, in the future, as we develop this kind of technology,

يمكنك أن تتخيل في المستقبل ونحن نتطور هذا النوع من التكنولوجيا

a keyboard that kind of automatically drifts as your hand moves away,

لوحة المفاتيح تتحرك تلقائيا كلما أبعدت يدك

and really intelligently anticipates which key you're trying to stroke.

و تتوقع بذكاء أي مفتاح أردت تشغيله بيديك

So -- again, isn't this great?

مرة أخرى ، أليس هذا رائعا؟

(Laughter)

الجمهور : أين يقع مختبرك؟

Audience: Where's your lab?

Jeff Han: I'm a research scientist at NYU in New York.

جيف هان : أنا عالم أبحاث في جامعة نيويورك في نيويورك.

Here's an example of another kind of app. I can make these little fuzz balls.

هنا مثال لنوع آخر من التطبيق. يمكنني أن أنتج هذه الكرات النشطة الصغيرة

It'll remember the strokes I'm making.

إنها تتذكر الضربات التي أحدثها. بالطبع يمكنني فعل ذلك بكلتا يدي

Of course I can do it with all my hands.

It's pressure-sensitive.

إنها حساسة للضغط ، يمكنك أن تلاحظ ذلك

What's neat about that is,

ولكن الأمر المحكم في ذلك مرة أخرى أظهرت حركة إصبعين اثنين التي تسمح لك

I showed that two-finger gesture that zooms in really quickly.

بالتكبير بسرعة. لأنك لست مجبرا للاستعانة بأداة يدوية

Because you don't have to switch to a hand tool

or the magnifying glass tool,

أو إلى الأداة البلورية الرائعة

يمكنك الاستمرار في إنتاجها بمقاييس متعددة ، وكلها في نفس الوقت.

you can just continuously make things

in real multiple scales, all at the same time.

I can create big things out here,

ويمكنني أن تنتج أشياء كبيرة هنا ، ولكن يمكنني أن أعود بسرعة والعودة حقيقة بسرعة

but I can go back and really quickly go back

to where I started, and make even smaller things here.

إلى حيث بدأت ، وإنتاج أحجام أصغر

This is going to be really important

الآن ستكون الأمور ذات أهمية كبيرة لأننا وصلنا إلى بداية أشياء مثل

as we start getting to things like data visualization.

عرض البيانات. على سبيل المثال ، وأعتقد أننا جميعا تمتعنا بحديث هانز روزلنغ

For instance, I think we all enjoyed Hans Rosling's talk,

and he really emphasized the fact I've been thinking about for a long time:

والذي شدد على حقيقة كنت أفكر فيها لفترة طويلة للغاية :

We have all this great data,

لدينا كل هذه البيانات الرائعة ولكن لسبب ما إنها مهملة

but for some reason, it's just sitting there.

We're not accessing it.

لا يمكننا في الحقيقة الوصول إليها. وأحد الأسباب التي تجعلني أعتقد هذا ، أنه

And one of the reasons why I think that is

will be helped by things like graphics and visualization and inference tools,

سوف نستعين بأشياء مثل الصور والمشاهد و أدوات الاستنتاج

but I also think a big part of it

ولكن اعتقد أيضا أن جزءا كبيرا منه سيكون بإمكانه البدء بالقدرة على الحصول على واجهات أفضل

is going to be having better interfaces,

to be able to drill down into this kind of data,

لنتمكن من الولوج إلى هذا النوع من البيانات، في حين لا نزال نفكر في هذه الصورة الكبيرة.

while still thinking about the big picture here.

Let me show you another app here. This is called WorldWind.

اسمحوا لي بعرض آخر التطبيق هنا. يدعى WorldWind.

It's done by NASA.

قامت ببرمجته وكالة ناسا. انه يشبه ما شاهدنا جميعا Google Earth

We've all seen Google Earth;

this is an open-source version of that.

هذا هو نسخة مفتوحة المصدر منه. هناك إضافات تمكن من

There are plug-ins to be able to load in different data sets

تحميل في مجموعة مختلفة من البيانات التي تم جمعها في ناسا على مدى السنين.

that NASA's collected over the years.

As you can see, I can use the same two-fingered gestures

ولكن كما ترون ، يمكنني استخدام حركة الإصبعين ذاتها

لتحريك الصورة هنا و هناك بسلاسة. هنا أيضا ليس هنالك واجهة

to go down and go in really seamlessly.

There's no interface, again.

It really allows anybody to kind of go in --

إنها حقا تسمح لأي كان بالعمل وهي تفعل ما تتوقعها منها

and it just does what you'd expect, you know?

هل تعلم؟ من جديد لا وجود لواجهة. اختفت الواجهة.

Again, there's just no interface here. The interface just disappears.

I can switch to different data views.

يمكنني التحول إلى مشاهد مختلفة للبيانات و هذا ما يمثل جمال هذا التطبيق.

That's what's neat about this app here.

NASA's really cool.

فلننطلق. ناسا رائعة فعلا. لديهم صور فوق الطيف

These hyper-spectral images are false-colored so you can --

ألوانها ليست حقيقية بحيث يمكنك -- إنها جيدة لتحديد الأرض الصالحة للزراعة. حسنا ، دعنا نعود إلى ذلك.

it's really good for determining vegetative use.

Well, let's go back to this.

الآن ، والشيء الرائع في تطبيقات رسم خرائط --

The great thing about mapping applications --

إنها ليست ثنائية الأبعاد تماما ، إنها ثلاثية الأبعاد نوعا ما. وهكذا ، مرة أخرى ، مع واجهة متعددة النقاط ،

it's not really 2D, it's 3D.

So, again, with a multi-point interface, you can do a gesture like this --

يمكنك القيام بحركة كهذه -- حتى تتمكن من الميل على هذا النحو

so you can be able to tilt around like that --

(Surprised laughter)

تعلمون. إنها ليست فقط مجرد عرض ثنائي الأبعاد.

It's not just simply relegated to a kind of 2D panning and motion.

This gesture is just putting two fingers down --

الآن ، هذه الحركة التي تم تطويرها ، وهي وضع إصبعين في الأسفل

it's defining an axis of tilt -- and I can tilt up and down that way.

إنها تحدد محور إمالة وأستطيع الميل صعودا ونزولا على هذا النحو.

We just came up with that on the spot,

هذا شيء نطبقه على الشعاع

it's probably not the right thing to do,

تعلمون ، ربما ليس بالأمر الجيد فعله

but there's such interesting things you can do with this interface.

ولكن هناك عدة أشياء مهمة يمكنك القيام بها باستعمال هذا النوع من الواجهات.

It's just so much fun playing around with it, too.

يكفي أن هنالك الكثير من المتعة في اللعب بها أيضا. (ضحك)

(Laughter)

And so the last thing I want to show you is --

أما آخر شيء أريد أن أثبته--

I'm sure we can all think of a lot of entertainment apps

تعلمون ، أنا واثق من أننا يمكن أن نفكر جميعا في الكثير من التطبيقات الترفيهية

that you can do with this thing.

التي يمكنك القيام بها مع هذا الشيء.

I'm more interested in the creative applications we can do with this.

أنا أكثر اهتماما بهذا النوع من التطبيقات الإبداعية التي يمكننا القيام بها معه.

Now, here's a simple application here -- I can draw out a curve.

الآن ، لدينا تطبيق بسيط يمكنني رسم منحني

And when I close it, it becomes a character.

وعندما أغلقه ، يصبح شخصية.

But the neat thing about it is I can add control points.

ولكن الشيء الرائع هو أنه يمكنني أن أضيف نقاط ارتكاز.

And then what I can do is manipulate them with both of my fingers at the same time.

من ثم يمكنني تحريكها باستعمال إصبعين في نفس الوقت.

And you notice what it does.

و يمكنك ملاحظة كيفية حركتها.

It's kind of a puppeteering thing,

إنها تشبه الدمى التي تحركها الخيوط ، حيث يمكنني استخدام

where I can use as many fingers as I have to draw and make --

ما شئت من أصابع يدي على قدر ما أريد رسمه و تحريكه --

Now, there's a lot of actual math going on under here

هناك الكثير من الحسابات الرياضيات خلف هذا التطبيق

for this to control this mesh and do the right thing.

التي تسمح بالسيطرة على هذا الجهاز وفعل الشيء الصحيح.

This technique of being able to manipulate a mesh here, with multiple control points,

أعني ، هذا الأسلوب الذي مكننا من استعمال هذا الجهاز ،

مع عدة نقاط ارتكاز ، هو في الواقع نوع من الفن.

is actually state of the art.

It was released at SIGGRAPH last year.

أصدرتها Siggraph مؤخرا في العام الماضي ،

It's a great example of the kind of research I really love:

وهو مثال رائع من البحوث الذي أحببته حقا.

كل هذه الحاسبات القوية التي تسمح بفعل الأشياء الصحيحة.

all this compute power to make things do the right things,

intuitive things, to do exactly what you expect.

أمور بديهية. تفعل بالضبط ما كنت تتوقع.

So, multi-touch interaction research is a very active field right now in HCI.

إذن التفاعل المتعدد الاستشعار يمثل مجالا نشطا جدا في الوقت الحالي في مجال التفاعل بين الإنسان و الآلة

I'm not the only one doing it, a lot of other people are getting into it.

لست الوحيد الذي يقوم بذلك هناك الكثير من الأشخاص الآخرين

This kind of technology is going to let even more people get into it,

هذا النوع من التكنولوجيا يسمح لمزيد من الناس باستعمالها

I'm looking forward to interacting with all of you over the next few days

وأتطلع إلى التفاعل معكم أنتم

خلال الأيام القليلة القادمة حتى أرى كيف يمكن تطبيق هذا على كل المجالات الخاصة بكم.

and seeing how it can apply to your respective fields.

شكرا لكم.

Thank you.

(تصفيق)

(Applause)