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

Jeff Han trình diễn sáng chế đột phá về màn hình cảm ứng

Translator: Linh Dao Reviewer: Duc Nguyen

I'm really excited to be here today.

Tôi rất vui được ở đây hôm nay,

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

bởi tôi chuẩn bị trình bày một sản phẩm nóng hổi vừa mới ra khỏi phòng thí nghiệm,

literally, and I'm really glad that you guys

và quý vị sẽ là một trong những người đầu tiên được

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

nhìn nó tận mắt, bởi vì tôi nghĩ nó sẽ thực sự thay đổi

because I really think this is going to really change

cách chúng ta tương tác với máy móc từ giờ phút này.

the way we interact with machines from this point on.

Now, this is a rear-projected drafting table.

Đây là một bàn chiếu hậu, tầm 36 inch,

It's about 36 inches wide

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

và đi cùng với nó là một thiết bị cảm ứng đa chạm. Những thiết bị cảm ứng thông thường

Normal touch sensors that you see,

mà các bạn thấy ở ki-ốt hoặc bảng trắng tương tác,

like on a kiosk or interactive whiteboards,

can only register one point of contact at a time.

chỉ có thể lưu 1 điểm 1 lúc.

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

Sản phẩm này cho phép bạn ghi lại nhiều điểm cùng lúc.

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

Tôi có thể dùng cả 2 tay. Tôi có thể tạo ra dây cung đàn,

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

tôi có thể dùng cả 10 ngón tay nếu tôi muốn.

You know, like that.

Bạn thấy đấy, như vậy.

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

Cảm ứng đa chạm không phải là một phát kiến mới.

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

1 số nhà sáng chế như Bill Buxton đã nghĩ ra nó từ những năm 80.

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

Tuy vậy, cách tôi xây dựng khiến nó có độ phân giải cao,

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

giá rẻ, và có lẽ quan trọng nhất, có thể sản xuất hàng loạt.

So, the technology, you know,

Bởi vậy, sản phẩm này không phải quá thú vị về mặt công nghệ

isn't the most exciting thing here right now,

other than probably its newfound accessibility.

ngoài khả năng phổ cập rộng rãi của nó.

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

Điều thực sự thú vị ở đây là những thứ mà bạn có thể làm với nó,

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

và các loại giao diện mà bạn có thể xây dựng trên nó. Hãy xem.

So let's see.

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

Ví dụ, đây là một ứng dụng đèn lava. Các bạn có thể thấy

Now, you can see,

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

Tôi có thể dùng tay xoắn những mảng này lại và gom chúng

I can inject heat into the system here,

lại với nhau. Tôi có thể tạo nhiệt ở đây,

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

tôi có thể tách rời chúng ra với 2 ngón tay.

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

Cách dùng hoàn toàn dễ hiểu, không cần hướng dẫn sử dụng.

Giao diện tự biến mất.

The interface just kind of disappears.

This started out as a screensaver app

Bắt đầu từ 1 ứng dụng bảo vệ màn hình mà Llysa Rosenberg, 1 cử nhân tiến sĩ

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

trong phòng thí nghiệm tạo ra, sản phẩm này thực sự bộc lộ rõ tiềm năng ở đây.

But I think its true identity comes out here.

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

Điều tuyệt vời về thiệt bị cảm ứng đa chạm này là

I could be doing this with as many fingers here,

Tôi có thể dùng nhiều ngón tay cùng lúc,

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

và đa chạm cũng đồng nghĩa với đa người dùng.

Chris could be interacting with another part of Lava,

Nên Chris có thể tương tác với 1 phần khác của Lava,

while I play around with it here.

trong khi tôi dùng nó ở đây. Nó như là một công cụ điêu khắc vậy,

You can imagine a new kind of sculpting tool,

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

tôi có thể nung nóng, thay đổi hình dạng,

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

làm nguội và đông cứng nó lại thành 1 trạng thái mới.

Google should have something like this in their lobby.

Google nên có 1 thứ kiểu như này trong hành lang. (Cười)

(Laughter)

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

Tôi sẽ cho các bạn xem -- một ví dụ cụ thể hơn, sau khi tải xong.

as this thing loads.

This is a photographer's light-box application.

Đây là một ứng dụng hộp chứa ảnh.

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

Tôi có thể dùng cả 2 bàn tay mình để sắp xếp và dịch chuyển các bức ảnh.

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

Tuyệt hơn, tôi có thể dùng 2 ngón tay của mình

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

để phóng to nó một cách dễ dàng.

I can pan, zoom and rotate it effortlessly.

Tôi có thể phóng toàn cảnh, thu nhỏ và xoay chuyển ảnh không khó khăn gì,

I can do that grossly with both of my hands,

với 2 bàn tay,

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

hoặc là chỉ với 2 ngón tay cùng lúc.

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

Tôi cũng có thể làm những điều tương tự với nền, phóng to nền ra,

I can do it simultaneously, holding this down,

cùng lúc trong khi tôi kéo ảnh này xuống,

and gripping on another one, stretching this out.

và chọn 1 ảnh khác, kéo nó ra như thế này.

Again, the interface just disappears here.

Một lần nữa, giao diện dường như biến mất.

There's no manual.

Không cần hướng dẫn. Mọi bước đúng như bạn nghĩ,

This is exactly what you expect,

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

đặc biệt là nếu bạn chưa từng dùng máy tính trước đây.

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

Khi mà có những sáng kiến như là máy tính $100,

I kind of cringe at the idea

tôi hơi nghi ngờ ý tưởng rằng ta sẽ giới thiệu với những đứa trẻ

of introducing a whole new generation to computing

tương tác với máy tính qua giao diện bấm và chỏ chuột thông thường.

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

This is something that I think is really the way

Đây là cách mà tôi thực sự nghĩ chúng ta nên tương tác với máy móc

we should be interacting with machines from now on.

từ giờ trở đi. (Vỗ tay)

(Applause)

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

Tất nhiên, tôi vẫn có thể dùng bàn phím.

(Laughter)

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

Mở nó ra, đặt nó ở đây.

Obviously, this is a standard keyboard,

Đây rõ ràng là một bàn phím thông thường,

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

nhưng tôi có thể chỉnh kích thước và khiến nó vừa về tay tôi.

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

Và điều này rất quan trọng, bởi không có lý do gì mà vào thời đại này

that we should be conforming to a physical device.

chúng ta phải chấp nhận theo 1 công cụ cứng nhắc.

That leads to bad things, like RSI.

Điều đó dẫn tới thứ không mong muốn, như RSI (đau căng cơ thường xuyên).

We have so much technology nowadays

Chúng ta có quá nhiều công nghệ ngày nay và

that these interfaces should start conforming to us.

công nghệ phải phục vụ theo chúng ta.

There's so little applied now to actually improving

Khó có thể cải thiện

the way we interact with interfaces from this point on.

cách chúng ta tương tác với các giao diện từ giờ.

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

Bàn phím này có lẽ là hướng đi không đúng.

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

Tưởng tượng rằng, trong tương lai, khi 1 công nghệ mới được phát triển,

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

bàn phím tự động dịch chuyển khi tay di chuyển,

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

và dự đoán thông mình phím nào bạn sẽ lướt qua với tay mình.

So -- again, isn't this great?

Chẳng phải tuyệt sao?

(Laughter)

Khán giả: Anh làm ở đâu?

Audience: Where's your lab?

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

Jeff Han: Tôi là 1 nhà nghiên cứu ở trường đại học New York.

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

Đây là 1 loại ứng dụng khác. Tôi có thể tạo ra vô số quả cầu nhạy này.

It'll remember the strokes I'm making.

chúng ghi lại điểm tôi chạm. Tất nhiên tôi có thể dùng tay làm vậy.

Of course I can do it with all my hands.

It's pressure-sensitive.

Chúng rất nhạy với áp lực.

What's neat about that is,

Điều tuyệt vời là, tôi có thể dùng động tác với 2 ngón tay

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

để phóng to nhanh chóng mà không cần tới 1 công cụ tay nào khác

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

or the magnifying glass tool,

hay 1 kính phóng đại,

bạn có thể liên tiếp tạo ra nhiều thứ ở mọi kích thước khác nhau cùng 1 lúc.

you can just continuously make things

in real multiple scales, all at the same time.

I can create big things out here,

Tôi có thể tạo ra cái lớn thế này, và ngay lập tức quay lại

but I can go back and really quickly go back

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

vị trí bàn đầu và tạo cái nhỏ hơn thế.

This is going to be really important

Công nghệ này rất quan trọng khi chúng ta ứng dụng những thứ như

as we start getting to things like data visualization.

minh họa dữ liệu. Ví dụ, trong bài nói của Hans Rosling,

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:

ông nhấn mạnh 1 điều mà tôi cũng nghĩ đến trong rất nhiều năm:

We have all this great data,

chúng ta có rất nhiều dữ liệu, nhưng vì lý do nào đó, chúng chỉ ở nguyên đó.

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

We're not accessing it.

Chúng ta không thực sự dùng đến chúng. Và một trong những lý do là vì

And one of the reasons why I think that is

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

chúng ta phải dùng đến những công cụ về đồ thị và minh họa phức tạp,

but I also think a big part of it

đồng thời một lý do lớn nữa là, chúng cần phải có những giao diện tốt hơn,

is going to be having better interfaces,

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

để có thể tải những thể loại dữ liệu phức tạp, trong khi vẫn cần phải có bức tranh tổng thể.

while still thinking about the big picture here.

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

Để tôi giới thiệu cho các bạn 1 ứng dụng khác, tên gọi WorldWind

It's done by NASA.

của NASA. Gần giống với ứng dụng Google Earth;

We've all seen Google Earth;

this is an open-source version of that.

đây là 1 phiên bản phổ mã nguồn mở. Có những chế độ cho phép chúng ta

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

tải những dữ liệu khác nhau NASA thu thập được trong nhiều năm.

that NASA's collected over the years.

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

Nhưng như các bạn thấy, tôi có thể dùng lại động tác với 2 ngón tay

để di xuống và đi sâu vào dễ dàng. Không có 1 giao diện nào hết.

to go down and go in really seamlessly.

There's no interface, again.

It really allows anybody to kind of go in --

Thật sự nó cho phép bắt cứ ai có thể đi vào - và nó làm chính xác những gì bạn muốn,

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

thấy đó? Không có 1 giao diện nào. Giao diện tự động biến mất.

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

I can switch to different data views.

Tôi có thể thay đổi giao diện dữ liệu. Đó là điều rất tuyệt về ứng dụng này.

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

NASA's really cool.

Vậy đó. NASA rất hay. Họ có những hình ảnh siêu quang phổ như vậy

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

với màu tự động để miêu tả hệ thống thực vật. Và hãy trở lại.

it's really good for determining vegetative use.

Well, let's go back to this.

Điều tuyệt vời về ứng dụng bản đồ là --

The great thing about mapping applications --

nó không phải là 2 chiều mà là 3 chiều. Vậy, với giao diện đa chạm,

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

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

bạn có thể xoay chuyển màn hình như vậy,

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

(Surprised laughter)

nó không chỉ là việc phóng và di chuyển của 2 chiều thông thường.

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

This gesture is just putting two fingers down --

Động tác này chỉ là dùng 2 ngón tay --

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

để định vị trục của nó -- và bắt đầu xoanh lên và xuống như thế này.

We just came up with that on the spot,

Đây là phát triển mới chúng tôi vừa nghĩ ra trong phòng thí nghiệm,

it's probably not the right thing to do,

có lẽ vẫn chưa phải là chuẩn hoàn toàn

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

nhưng đây quả là những điều rất thú vị về giao diện này.

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

Chơi với nó cũng rất hay nữa. (Cười)

(Laughter)

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

Đây là thứ cuối cùng tôi muốn trình bày --

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

tôi chắc là chúng ta có thể nghĩ tới rất nhiều ứng dụng giải trí

that you can do with this thing.

tạo ra được từ công nghệ này.

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

Nhưng tôi quan tâm hơn đến những ứng dụng sáng tạo mà nó có thể tạo ra.

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

Đây là một ứng dụng đơn giản -- tôi có thể vẽ một đường cong.

And when I close it, it becomes a character.

Và khi tôi khép nó lại, nó trở thành 1 nhận vật.

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

Nhưng điều độc đáo là tôi có thể thêm những điểm điều khiển

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

và có thể điều khiển nó với cả 2 ngón tay cùng lúc.

And you notice what it does.

Các bạn có thể thấy.

It's kind of a puppeteering thing,

Nó giống như là việc điều khiển rối, tôi có thể dùng

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

hết ngón tay của mình để vẽ và sáng tạo

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

Và nó cần rất nhiều toán học phức tạp để

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

có thể điều khiển con rối và làm đúng những gì ta muốn.

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

Ý tôi là, cái kỹ thuật để diều khiển con rối này,

với nhiều điểm điều khiển, thực sự là cả 1 nghệ thuật

is actually state of the art.

It was released at SIGGRAPH last year.

và nó chỉ vừa mới ra mắt tại Siggraph năm trước,

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

nhưng đó là 1 ví dụ về thể loại nghiên cứu mà tôi thực sự đam mê:

dùng sức mạnh tính toán để ứng dụng tạo ra những thứ hay ho,

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

intuitive things, to do exactly what you expect.

dễ hiểu và tự nhiên, chính xác những gì bạn cần.

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

Nghiên cứu về giao diện đa chạm đang phát triển rất mạnh tại HCI.

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

Tôi không phải người duy nhất, có rất nhiều người đang nghiên cứu nó.

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

Loại công nghệ này sẽ khuyến khích nhiều người hơn nữa nghiên cứu nó

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

và tôi rất hy vọng sẽ được gặp tất cả các bạn trong những ngày tới

để xem công nghệ này có thể ứng dụng thể nào trong các lĩnh vực của các bạn.

and seeing how it can apply to your respective fields.

Cảm ơn.

Thank you.

(Vỗ tay)

(Applause)