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

Tłumaczenie: Dawid Madoń Korekta: Seweryn Jakubiec

I'm really excited to be here today.

Jestem mocno podekscytowany będąc tu dzisiaj,

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

ponieważ mam przyjemność pokazać coś, co dopiero wyszło z laboratorium,

literally, and I'm really glad that you guys

dosłownie! Cieszę się, że będziecie pośród pierwszych, którzy

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

zobaczą to na żywo, ponieważ wierzę, że ten wynalazek spowoduję

because I really think this is going to really change

prawdziwą zmianę w sposobie komunikacji z komputerami i maszynami.

the way we interact with machines from this point on.

Now, this is a rear-projected drafting table.

Jest to tylnia projekcja wyświetlona na ekran tabletu o szerokości około 91 cm.

It's about 36 inches wide

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

Tablet posiada ekran multidotykowy. Normalne czujniki dotyku,

Normal touch sensors that you see,

takie jak w budce telefonicznej lub interaktywnej tablicy

like on a kiosk or interactive whiteboards,

can only register one point of contact at a time.

mogą w danym momencie zarejestrować tylko jedną pozycję styku.

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

To urządzenie pozwoli nam zarejestrować kilka punktów styku jednocześnie.

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

Mogę użyć obu moich rąk, mogę użyć równoległych akcji,

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

lub użyć wszystkich 10 palców - jeżeli tylko chcę.

You know, like that.

Właśnie tak.

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

Rozpoznawanie wielopunktowego dotyku nie jest czymś nowym.

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

Tacy ludzie jak Bill Buxton bawili się tą technologią już w latach 80.

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

Moje podejście do tematu to wysoka rozdzielczość,

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

niski koszt i - prawdopodobnie najważniejsze - skalarność.

So, the technology, you know,

A więc technologia, która sama w sobie nie jest najbardziej fascynująca,

isn't the most exciting thing here right now,

other than probably its newfound accessibility.

ale właśnie jej przystępność.

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

Najbardziej interesujące jest to, w jaki sposób możemy wykorzystać wiedzę

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

i różnorodne interfejsy, które można zbudować na jej podstawie.

So let's see.

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

Na przykład mam tutaj aplikację "lampy lawa". Możecie zaobserwować,

Now, you can see,

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

że używam obu rąk, aby ścisnąć razem i łączyć ciecz.

I can inject heat into the system here,

Mogę dodać trochę ciepła w tym miejscu

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

lub mogę wyciągnąć ją na zewnątrz z użyciem tylko dwóch palców.

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

Sterowanie jest całkowicie intuicyjne, nie potrzebuję instrukcji.

Interfejs po prostu znika.

The interface just kind of disappears.

This started out as a screensaver app

Zaczęło się od wygaszacza ekranu napisanego przez jednego z doktorantów

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

z naszego laboratorium, Ilye Rosenberg. Jego sedno ujawnia się właśnie tu.

But I think its true identity comes out here.

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

Kapitalnym w multidotykowym sensorze jest to,

I could be doing this with as many fingers here,

Że mogę używać tyle palców ile chcę.

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

Oczywiście multidotyk pozwala na wielu użytkowników na raz.

Chris could be interacting with another part of Lava,

Chris bawi się jedną częścią naszej lampy lawy

while I play around with it here.

A ja bawię się drugą. Wyobraźcie sobie nowy rodzaj dłuta rzeźbiarskiego.

You can imagine a new kind of sculpting tool,

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

Podgrzewam coś, zmieniając jego plastyczność,

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

a następnie pozwalam ostygnąć i zastygnąć w danym stanie.

Google should have something like this in their lobby.

Google powinno mieć coś takiego w swoim lobby. (Śmiech)

(Laughter)

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

Pokaże wam przykład konkretnego zastosowania. Niech się załaduje.

as this thing loads.

This is a photographer's light-box application.

Jest to aplikacja do wyświetlania zdjęć.

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

Zauważcie, mogę użyć obu rąk aby przesuwać zdjęcia wokół.

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

Ale co najlepsze - mogę użyć dwóch palców,

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

złapać zdjęcie i rozciągając - powiększyć je - ot tak po prostu.

I can pan, zoom and rotate it effortlessly.

Mogę przeglądać, powiększyć, obracać bez żadnego wysiłku.

I can do that grossly with both of my hands,

Mogę użyć obu rąk,

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

lub tylko za pomocą dwóch palców, jednego z każdej ręki.

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

Jeżeli złapię podłoże, mogę z nim zrobić to samo, np. rozciągnąć.

I can do it simultaneously, holding this down,

Mogę to robić równolegle, gdy trzymam drugą rękę tu,

and gripping on another one, stretching this out.

i porwać inne, rozciągnąć to jak to.

Again, the interface just disappears here.

Interfejs zniknął.

There's no manual.

Nie ma instrukcji obsługi. System działa tak jak tego oczekujemy,

This is exactly what you expect,

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

szczególnie, gdy nigdy nie pracowaliście z komputerem.

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

Obecnie, gdy mamy inicjatywy jak 100$ za laptopa,

I kind of cringe at the idea

wzdrygam się przed pomysłem, by nowa generacja ludzi

of introducing a whole new generation to computing

poznawała komputery za pomocą klasycznego interfejsu: myszki i okien.

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

This is something that I think is really the way

To rozwiązanie moim skromnym zdaniem powinno wyznaczać sposób

we should be interacting with machines from now on.

w jaki od teraz będziemy komunikować się z maszynami. (Brawa)

(Applause)

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

Oczywiście mogę wyświetlić klawiaturę.

(Laughter)

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

Przesuwać gdzie mi pasuje, np. tu na górze.

Obviously, this is a standard keyboard,

Jest to standardowy typ klawiatury komputerowej

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

ale oczywiście mogę ją przeskalować tak, aby pasowała do szerokości moich dłoni.

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

Nie ma powodu, dla którego to my

that we should be conforming to a physical device.

mamy dopasowywać się do fizycznego urządzenia.

That leads to bad things, like RSI.

Bo może prowadzić do chorób, np. dłoni od nadużywania klawiatury komputerowej.

We have so much technology nowadays

Mamy tyle nowoczesnych technologii -

that these interfaces should start conforming to us.

interfejs powinien być dopasowany do nas.

There's so little applied now to actually improving

Jest tak mało praktycznych udoskonaleń,

the way we interact with interfaces from this point on.

sposobu interakcji z maszynami za pomocą interfejsu.

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

Klawiatura jest prawdopodobnie najgorszym rozwiązaniem.

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

W przyszłości, gdy technologia ta będzie szeroko dostępna

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

klawiatura automatycznie będzie podążać za rękoma

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

i inteligentnie wyprzedzać, który klawisz chciałbyś nacisnąć palcem.

So -- again, isn't this great?

Czy to nie jest piękne?

(Laughter)

Głos z widowni: Z którego jesteś laboratorium?

Audience: Where's your lab?

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

Jestem pracownikiem naukowym na Uniwersytecie w Nowym Jorku.

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

Tutaj kolejny przykład aplikacji. Tworzę małe puchowe kulki.

It'll remember the strokes I'm making.

System zapamięta moje uderzenie. Oczywiście mogę wykorzystać obie dłonie.

Of course I can do it with all my hands.

It's pressure-sensitive.

Jest wrażliwe jak widać na siłę nacisku.

What's neat about that is,

Sprytnym jest wykonanie gestu za pomocą dwóch palców,

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

powiększenie jest natychmiastowe. Nie musimy wybrać narzędzia "swobodnego ruchu"

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

or the magnifying glass tool,

lub narzędzia "lupa".

Możemy nieustannie tworzyć nowe kulki jednocześnie powiększając obraz.

you can just continuously make things

in real multiple scales, all at the same time.

I can create big things out here,

Mogę stworzyć duże kulki lub wrócić bardzo szybko

but I can go back and really quickly go back

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

do miejsca gdzie zacząłem i stworzyć jeszcze mniejsze kuleczki.

This is going to be really important

Uważam, że jest to dość ważne, jeżeli zaczniemy przyglądać się

as we start getting to things like data visualization.

nowoczesnym sposobom wizualizacji danych. Wszystkim podobała się prezentacja Hans'a Roslinga,

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:

A on podkreślał fakt, o którym myślałem bardzo dawna:

We have all this great data,

mieliśmy te wspaniałe dane, ale z jakiegoś powodu były ukryte.

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

We're not accessing it.

Nie korzystaliśmy z nich. A jednym z powodów, dla których tak było:

And one of the reasons why I think that is

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

- to wspomaganie przez grafikę, wizualizację i narzędzia do obliczeń .

but I also think a big part of it

Ale myślę , że wszystko sprowadza się do stworzenia lepszych interfejsów.

is going to be having better interfaces,

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

Aby móc dokopać się do szczegółowych danych, nadal myśląc o całym obrazie.

while still thinking about the big picture here.

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

Pozwólcie, że zademonstruję wam kolejną aplikację. Zwie się WorldWind.

It's done by NASA.

Dostarczona przez NASA. Wszyscy znamy Google Earth.

We've all seen Google Earth;

this is an open-source version of that.

Jest to jego wersja open source. Istnieją wtyczki pozwalające na

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

załadownie różnych partii danych, które NASA gromadziła przez lata.

that NASA's collected over the years.

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

Jak możecie zauważyć, wciąż używam tych samych gestów za pomocą 2 palców,

aby bezbłędnie to powiększyć. Znów: brak dodatkowego interfejsu.

to go down and go in really seamlessly.

There's no interface, again.

It really allows anybody to kind of go in --

Naprawdę każdy może od razu zacząć i zrobić to, czego oczekujemy

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

Nie ma żadnej warstwy pośredniej, interfejs jest intuicyjny, transparenty

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

I can switch to different data views.

Zmienię teraz na inny widok. To jest sprytne w tej aplikacji.

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

NASA's really cool.

NASA jest w super. Dostarczają zdjęcia hiperspektralne.

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

Posiadają one odwrócone kolory, łatwiej dzięki temu odnaleźć roślinność. Wróćmy do poprzednich.

it's really good for determining vegetative use.

Well, let's go back to this.

Super sprawą w tej aplikacji jest to,

The great thing about mapping applications --

że możemy obserwować to nie tylko 2D ale i w 3D. Wykorzystując multidotykowy ekran

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

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

możesz wykonać taki gest - i możemy przechylić obraz.

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

(Surprised laughter)

To nie jest proste przeniesienie dwuwymiarowego przesunięcia i ruchu.

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

This gesture is just putting two fingers down --

Gest, który wymyśliliśmy, pozwala - kładąc dwa palce tutaj -

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

zdefiniować oś przechylenia i łatwo przechylić obraz w górę lub w dół.

We just came up with that on the spot,

To jest coś, na co wpadliśmy na miejscu.

it's probably not the right thing to do,

Pewnie nie jest to jedyne słuszne zastosowanie,

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

ale jest tyle interesujących rzeczy, które możemy obsłużyć z takim interfejsem.

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

Zabawa tym to niesamowita frajda. (Śmiech)

(Laughter)

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

I ostatnia rzecz, którą chciałbym wam pokazać.

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

Na pewno wymyślilibyśmy masę różnych aplikacji rozrywkowych którymi

that you can do with this thing.

można by sterować za pomocą tego urządzenia.

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

Jestem bardzo zainteresowany takimi kreatywnymi zastosowaniami.

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

Mam tu jedną z takich aplikacji - mogę narysować krzywą,

And when I close it, it becomes a character.

i kiedy ją zamknę - stanie się aktorem.

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

Fajne jest to, że mogę dodać punkty kontroli.

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

Mogę manipulować nią palcami obu rąk, w tym samym czasie.

And you notice what it does.

Zobaczcie co ona wyprawia.

It's kind of a puppeteering thing,

Jestem lalkarzem, władcą marionetek.

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

Mogę użyć wielu palców i stworzyć kolejną marionetkę.

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

A poważnie, pod spodem jest dużo matematyki,

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

zarówno do kontroli siatki jak poprawnego działania.

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

Technika ta, pozwalająca manipulować siatką

z wykorzystaniem kilku punktów kontroli, jest jakąś formą sztuki.

is actually state of the art.

It was released at SIGGRAPH last year.

Zaprezentowałem ją na konferencji Siggraph w zeszłym roku,

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

to przykład badań, które uwielbiam.

Ta cała moc obliczeniowa powinna być skierowane na takie właśnie

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

intuitive things, to do exactly what you expect.

intuicyjne rzeczy. Tak, by spełniały nasze oczekiwania.

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

Badania nad multidotykową interakcją są aktywnym polem działania HCI.

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

Nie jestem jedynym, który to robi, wielu jest zainteresowanych rozwojem tej technologii.

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

Myślę, że zainteresuje się nią jeszcze więcej osób.

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

Czekam na kontakt z waszej strony przez najbliższe dni.

zobaczymy jak to sprawdzi się w waszych dziedzinach.

and seeing how it can apply to your respective fields.

Dziękuję.

Thank you.

(Brawa)

(Applause)