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

جف هان موفقیتش در دستیابی به صفحه نمایش لمسی را نمایش میدهد

Translator: soheila Jafari Reviewer: Farnaz Saghafi

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.

این میز طراحی تصویر سازیست. حدود ۳۶ اینچ عرض داره

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,

وقتی شما نوآوریهایی مانند یه لپ تاپ ۱۰۰ دلاری دارید،

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.

اجازه دهید به شما یکی دیگر از برنامه ها را در اینجا نشان دهم. به این وُرلدویند میگویند.

It's done by NASA.

این توسط ناسا تهیه شده. این یه چیزی مثل- گوگل اِرت را هممون دیدیم؛

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.

این در سال گدشته در سیگ‌گراف (کنفرانس سالیانه گرافیک کامپیوتری) منتشر شد،

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)