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

Fordító: Mihály Földvári Lektor: Krisztian Stancz

I'm really excited to be here today.

Nagyon-nagyon izgatott vagyok, hogy itt lehetek,

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

mert olyasmit fogok mutatni, ami éppen most ért abba a fázisba, hogy kikerüljön a laborból,

literally, and I'm really glad that you guys

szó szerint, és nagyon örülök, hogy Önök az elsők között lehetnek,

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

akik élőben láthatják, mert azt gondolom, hogy ez tényleg meg fogja változtatni azt

because I really think this is going to really change

-- igazán megváltoztatni --, ahogy ezentúl a gépekkel kommunikálunk.

the way we interact with machines from this point on.

Now, this is a rear-projected drafting table.

Nos, ez egy háttérvilágítással rendelkező tábla. Mintegy 36 hüvelyk (91 cm) széles,

It's about 36 inches wide

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

és felszereltük multi-touch (többszörös érintés) érzékelővel. Átlagos érintés érzékelők, amik

Normal touch sensors that you see,

automatákon és interaktív táblákon vannak,

like on a kiosk or interactive whiteboards,

can only register one point of contact at a time.

csak egy érintési pontot érzékelnek egyszerre.

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

Ez az eszköz egyszerre több pontot is érzékel.

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

Mindkét kezemet használhatom, egyszerre húzhatok vonalakat.

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

Akár mind a 10 ujjamat is használhatom, ha akarom.

You know, like that.

Látják? Így.

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

Nos, a multi-touch érzékelés nem teljesen új dolog.

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

Például Bill Buxton és mások is kísérleteztek vele a 80-as években.

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

Mégis az, amit én készítettem, egy nagyfelbontású,

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

olcsó, és valószínűleg a legfontosabb, hogy kiválóan méretezhető.

So, the technology, you know,

Így a technika, mint látják, nem a legizgalmasabb dolog jelenleg,

isn't the most exciting thing here right now,

other than probably its newfound accessibility.

kivéve talán az újrafelfedezett használhatóságát.

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

A legérdekesebb, hogy mit lehet csinálni vele,

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

és milyen megjelenítő felületeket lehet vele készíteni. Hát lássuk.

So let's see.

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

Nos, például itt van egy lávalámpa alkalmazás. Ahogy láthatják,

Now, you can see,

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

mindkét kezemet használva össze tudom nyomni ezeket a buborékokat.

I can inject heat into the system here,

Hozzáadhatok hőt a rendszerhez,

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

vagy széthúzhatom az egészet két ujjammal.

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

Teljesen magától értetődően működik, nincs használati utasítás hozzá.

Az interfész egészen megszűnik létezni.

The interface just kind of disappears.

This started out as a screensaver app

Ez egy képernyővédő alkalmazásnak indult, amit a laborunk egyik PhD hallgatója,

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

Ilya Rosenberg készített. De azt gondolom, igazi használhatósága itt látszik.

But I think its true identity comes out here.

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

Ami a multi-touch szenzorban nagyszerű,

I could be doing this with as many fingers here,

hogy ezt annyi ujjammal csinálhatom,

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

de egyúttal a több érintés több felhasználót is jelent.

Chris could be interacting with another part of Lava,

Chris irányíthatja a láva másik részét,

while I play around with it here.

amíg én ezen az oldalon játszom. Elképzelhető egy új típusú szobrász eszköz,

You can imagine a new kind of sculpting tool,

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

amelynél felmelegítek valamit, gyúrhatóvá teszem,

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

és aztán hagyom kihűlni és megszilárdulni a megfelelő formában.

Google should have something like this in their lobby.

A Google-nak kellene egy ilyesmi az előcsarnokába. (Nevetés)

(Laughter)

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

Mutatok Önöknek valamit, ami kicsit kézzelfoghatóbb, amíg ez itt betöltődik.

as this thing loads.

This is a photographer's light-box application.

Ez egy fotós dianézegető alkalmzása.

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

Megint mindkét kezemet használhatom, hogy mozgassam a képeket.

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

De ami még nagyszerűbb, hogy ha két ujjamat használom,

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

megragadhatok egy képet, és kinyújthatom így, nagyon egyszerűen.

I can pan, zoom and rotate it effortlessly.

Könnyedén zoomolhatok ki, be és forgathatom.

I can do that grossly with both of my hands,

Csinálhatom elnagyoltan mindkét kezemmel,

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

vagy csak mindkét kezem két-két ujjával egyszerre.

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

Ha megfogom a vásznat, meg tudom csinálni ugyanezt -- kinyújtani.

I can do it simultaneously, holding this down,

Egyszerre is tudom midezt csinálni, ehhez itt ezt tartom,

and gripping on another one, stretching this out.

és megfogok egy másikat, és kinyújtom így.

Again, the interface just disappears here.

Megint, az interfész egyszerűen eltűnik.

There's no manual.

Nincs használati utasítás. Az ember pontosan ezt várja,

This is exactly what you expect,

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

főként, ha sosem használt korábban számítógépet.

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

Ha vannak olyan kezdeményezések, mint a 100 dolláros laptop,

I kind of cringe at the idea

meggyőződésem, hogy emberek egy teljesen új generációja

of introducing a whole new generation to computing

fogja a számítógépeket használni ezzel az "egér és ablak egyben" interfésszel.

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

This is something that I think is really the way

Ez az, ahogy szerintem kezelnünk kell igazából a gépeket

we should be interacting with machines from now on.

innentől kezdve. (Taps)

(Applause)

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

Természetesen beállíthatok egy billentyűzetet.

(Laughter)

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

Kiemelhetem, és ide feltehetem.

Obviously, this is a standard keyboard,

Nyilvánvalóan ez egy szabványos billentyűzet,

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

de persze átméretezhetem, hogy jól tudjam használni a kezemmel.

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

És ez nagyon fontos, mert nem indokolt manapság,

that we should be conforming to a physical device.

hogy mi alkalmazkodjunk egy eszközhöz.

That leads to bad things, like RSI.

Ez rossz dolgokhoz vezet, mint az ismétlődő terhelés miatti sérülések.

We have so much technology nowadays

Annyira fejlett a technika, hogy manapság

that these interfaces should start conforming to us.

az interfészeknek kell hozzánk alkalmazkodniuk.

There's so little applied now to actually improving

Nagyon kevés fejlesztés célozza meg azt,

the way we interact with interfaces from this point on.

ahogy az interfészeket kezeljük.

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

A billentyűzet valószínüleg egy nagyon rossz irány.

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

Képzeljék el, hogy a jövőben, ahogy a technika fejlődik,

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

a billentyűzet magától követi a kéz mozgását,

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

és igazán intelligens módon előre látja, melyik betűt akarjuk leütni.

So -- again, isn't this great?

Nos, nem nagyszerű ez?

(Laughter)

Közönség: Hol van a laborja?

Audience: Where's your lab?

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

Jeff Han: az NYU-n vagyok kutató New Yorkban.

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

Itt egy másik példa az alkalmazásokra. Létrehozom ezeket a kis pattogó labdákat.

It'll remember the strokes I'm making.

Megjegyzi a húzásokat, amiket csinálok. Persze mindkét kezemmel csinálhatom.

Of course I can do it with all my hands.

It's pressure-sensitive.

Nyomásérzékeny, amint láthatják.

What's neat about that is,

De ami nagyon jó benne, amit mutattam, az a kétujjas mozdulat, ami lehetővé teszi

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

az igazán gyors zoomolást. Mert nem kell átváltani egy kéz eszközre

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

or the magnifying glass tool,

vagy egy nagyító eszközre,

folyamatosan hozhatók létre a dolgok többféle méretben, teljesen egyszerre.

you can just continuously make things

in real multiple scales, all at the same time.

I can create big things out here,

Csinálhatok nagy dolgokat itt kívül, de vissztérhetek, és gyorsan

but I can go back and really quickly go back

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

ahol elkezdtem, csinálhatok még kisebb dolgokat itt.

This is going to be really important

Ez nagyon fontossá válik, amikor elkezdünk például

as we start getting to things like data visualization.

adatokat megjeleníteni. Azt gondolom, mindannyian élveztük Hans Rosling előadását,

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:

és ő kiemelte azt, amin én is sokat gondolkodtam:

We have all this great data,

itt van ez a sok nagyszerű adatunk, de valami miatt, csak úgy vannak.

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

We're not accessing it.

Nem használjuk őket. És az egyik, ami miatt ez van, mert

And one of the reasons why I think that is

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

-- az ábrák és megjelenítések és egyéb eszközök segítenek,

but I also think a big part of it

de nagyrészt szerintem új interfészek jönnek,

is going to be having better interfaces,

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

mélyebbre fogunk ásni ezekben az adatokban, és nagyobb összefüggéseket fogunk látni.

while still thinking about the big picture here.

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

Hadd mutassak egy másik alkalmazást! Ezt úgy hívják WorldWind.

It's done by NASA.

A NASA csinálja. Olyan mint -- mindannyian láttuk a Google Earth-öt;

We've all seen Google Earth;

this is an open-source version of that.

ez annak egy nyílt forráskódú verziója. Vannak segédprogramok,

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

hogy betöltsük a NASA által évek alatt gyűjtött adatokat.

that NASA's collected over the years.

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

Ahogy láthatják, ugyanazt a kétujjas mozdulatot használom,

belemehetek, belenagyíthatok fokozatmentesen. Nincs interfész, megint.

to go down and go in really seamlessly.

There's no interface, again.

It really allows anybody to kind of go in --

Bárki belemélyedhet, és azt csinálja, amit az ember vár tőle.

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

Ismét csak nincs interfész. Az interfész eltűnik.

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

I can switch to different data views.

Válthatok más adat nézetre. Ez nagyon kényelmes ebben az alkalmazásban.

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

NASA's really cool.

Íme. A NASA nagyon menő. Vannak hiperspektrális képei,

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

amelyek hamis színekkel vannak ellátva -- nagyon jól lehet vele látni a növényzetet. Nos, térjünk vissza ide.

it's really good for determining vegetative use.

Well, let's go back to this.

A térképes alkalmazásokban az a jó,

The great thing about mapping applications --

hogy nem igazán 2D-s, inkább 3D-sek. Ismét, a többpontos interfész miatt

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

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

egy ilyen mozdulatot is csinálhatok, ami megdönti az egészet így.

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

(Surprised laughter)

Nincs korlátozva az egyszerű 2D-s kicsinyítésre és mozgatásra.

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

This gesture is just putting two fingers down --

Ezt a mozdulatot is mi fejlesztettük ki, le kell tenni két ujjat --

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

ez meghatározza a dőlés tengelyét -- és ennek mentén dönthetem fel és le.

We just came up with that on the spot,

Ezt akkor és ott találtuk ki.

it's probably not the right thing to do,

Nem biztos, hogy ez a legjobb,

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

de annyi érdekesség van, amit ezzel az interfésszel csinálni lehet.

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

Annyira nagyon szórakoztató, amikor játszik vele az ember. (Nevetés)

(Laughter)

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

Az utolsó dolog, amit meg akarok mutatni --

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

biztos vagyok benne, hogy mindannyian tudnának szórakoztató alkalmazásokat kitalálni,

that you can do with this thing.

amiket ezzel lehetne használni.

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

Kicsit jobban érdekelnek a kreatív alkalmazások ezen a téren.

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

Itt egy egyszerű alkalmazás -- Rajzolok egy görbét.

And when I close it, it becomes a character.

Amint bezárom, lesz belőle egy karakter.

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

De ami nagyon ügyes, hogy kontrollpontokat adhatok hozzá.

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

Aztán ezekkel manipulálni tudom mindkét ujjammal.

And you notice what it does.

Az eredményt láthatják.

It's kind of a puppeteering thing,

Olyan, mint egy bábjáték, ahol annyi ujjamat

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

használom, amennyi csak van, és rajzolok.

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

Rengeteg tényleges számolás zajlik a háttérben ahhoz,

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

hogy ezzel irányítható legyen a háló, és ennek megfelelően működjön.

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

Ez a technika, hogy így tudom irányítani ezt az ábrát,

több kontrollponttal, ez tényleg csúcstechnológia.

is actually state of the art.

It was released at SIGGRAPH last year.

Nemrég jelentették be a Siggraph-on tavaly,

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

de ez egy kiváló példa arra, hogy milyen kutatás az, amit igazán szeretek:

mindez a számítógépes kapacitás annak szolgálatában, hogy jó dolgokat csináljunk,

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

intuitive things, to do exactly what you expect.

intuitív dolgokat, olyanokat amilyeneket Önök is várnak.

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

A multi-touch kezelés kutatása egy nagyon mozgalmas terület mostanság az HCI-ban.

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

Nem egyedül dolgozom rajta; nagyon sokan vannak akik belekezdenek.

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

Ez a technika még több ember számára teszi lehetővé, hogy bekapcsolódjon,

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

és nagyon várom, hogy mindannyiukkal beszélhessek

az elkövetkező néhány napban, és láthassam, hogyan alkalmazható ez az Önök szakterületein.

and seeing how it can apply to your respective fields.

Köszönöm.

Thank you.

(Taps)

(Applause)