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

Prevoditelj: Ivan Stamenković Recezent: Tilen Pigac - EFZG

I'm really excited to be here today.

Zaista sam, zaista uzbuđen što sam ovdje danas,

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

jer ću vam pokazati neke od stvari koje su spremne izaći iz laboratorija,

literally, and I'm really glad that you guys

doslovno, i jako mi je drago da ćete vi biti prvi koji ćete moći

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

to vidjeti uživo, jer ja zapravo, stvarno mislim da će to promijeniti

because I really think this is going to really change

-- zaista promijeniti -- način na koji smo u interakciji sa strojevima od sad pa nadalje.

the way we interact with machines from this point on.

Now, this is a rear-projected drafting table.

Ovo je pozadinski projiciran stol za skiciranje. Širok je oko 36 inča

It's about 36 inches wide

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

i opremljen je senzorom za višestruki dodir. Normalni senzori na dodir koje

Normal touch sensors that you see,

vidite, na kiosku ili interaktivnim pločama,

like on a kiosk or interactive whiteboards,

can only register one point of contact at a time.

mogu registrirati samo jednu točku dodira.

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

Ova stvar vam dozvoljava da imate više dodirnih točaka u isto vrijeme.

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

Mogu koristiti obje ruke, mogu koristiti vezujuće akcije,

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

i mogu koristiti svih 10 prstiju ukoliko to želim.

You know, like that.

Znate, ovako.

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

Podrška za višestruke dodire nije potpuno nova.

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

Mislim, ljudi kao što je Bill Buxton igraju se s tim od osamdesetih godina.

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

No unatoč tome, pristup koji sam ja ovdje izgradio je visoka rezolucija,

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

nizak trošak, i vjerojatno najvažnije, vrlo proizvodno.

So, the technology, you know,

Dakle, tehnologija ovdje nije najuzbudljivija stvar trenutno,

isn't the most exciting thing here right now,

other than probably its newfound accessibility.

već samo novopronađena pristupačnost.

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

Ono što je ovdje zaista zanimljivo je to što možete činiti s tim,

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

i kakva sučelja se mogu graditi na osnovu toga. Pa pogledajmo.

So let's see.

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

Dakle, za primjer, imamo aplikaciju lava lampe ovdje. Sada možete vidjeti,

Now, you can see,

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

mogu koristiti obje svoje ruke tako da stisnem mrlje i

I can inject heat into the system here,

spojim ih. Mogu dodati toplinu u sustav ovdje,

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

ili ga mogu razdvojiti sa moja dva prsta.

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

Potpuno je intiutivna, nema priručnika s uputama.

Sučelje jednostavno nestaje.

The interface just kind of disappears.

This started out as a screensaver app

Ovo je počelo kao aplikacija čuvara zaslona koju je jedan od studenata na doktoratu

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

u našem laboratoriju, Ilya Rosenberg, napravio. Ali mislim da se njegov pravi identitet pokazuje ovdje.

But I think its true identity comes out here.

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

Ono što je odlično kod senzora za više dodira,

I could be doing this with as many fingers here,

je to da bi ovo mogao raditi s jednako toliko prstiju ovdje,

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

ali naravno višestruki dodir automatski znači više korisnika.

Chris could be interacting with another part of Lava,

Tako da bi Chris mogao biti ovdje u interakciji s drugim dijelom Lave,

while I play around with it here.

dok se ja igram s tim ovdje. Možete zamisliti novu vrstu alata za oblikovanje,

You can imagine a new kind of sculpting tool,

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

gdje ja zagrijavam nešto, činim ga podatnijim,

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

i onda puštam da se ohladi i učvrsti u određeno stanje.

Google should have something like this in their lobby.

Google bi trebao imati ovako nešto u svom predvorju. (Smijeh)

(Laughter)

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

Pokazat ću vam nešto -- jedan malo konkretniji primjer ovdje, dok se ova stvar učitava.

as this thing loads.

This is a photographer's light-box application.

Ovo je aplikacija light box za fotografe.

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

Opet, mogu koristiti obje svoje ruke i pomicati slike uokolo.

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

Ali ono što je bolje je ako imam dva prsta,

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

mogu zaista zgrabiti fotografiju i rastegnuti je ovako zaista lako.

I can pan, zoom and rotate it effortlessly.

Mogu pregledavati, zumirati i rotirati ih bez problema.

I can do that grossly with both of my hands,

To mogu ugrubo raditi s obje svoje ruke,

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

ili samo s dva prsta na svakoj ruci zajedno.

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

Ako zgrabim platno, mogu napraviti istu stvar -- rastegnuti ga.

I can do it simultaneously, holding this down,

Mogu to raditi istovremeno, dok ovo držim,

and gripping on another one, stretching this out.

i hvatam drugo, rastežem ga ovako.

Again, the interface just disappears here.

Ponovno, sučelje samo nestaje ovdje.

There's no manual.

Nema priručnika. Ovo je točno ono što očekujete,

This is exactly what you expect,

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

posebno zato što niste bili u interakciji s računalom prije.

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

Sad, kad imate inicijative kao što je laptop od 100 dolara,

I kind of cringe at the idea

ja se hvatam ideje da ćemo uvesti potpuno novu generaciju ljudi

of introducing a whole new generation to computing

koja će se koristiti ovim sučeljem za miš i prozore.

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

This is something that I think is really the way

Ovo je nešto za što smatram da je način na koji bi korisnik trebao surađivati sa strojevima

we should be interacting with machines from now on.

od sad pa nadalje. (Pljesak)

(Applause)

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

Naravno, mogu pozvati tipkovnicu.

(Laughter)

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

I mogu to pomicati, staviti gore.

Obviously, this is a standard keyboard,

Naravno, ovo je standardna tipkovnica,

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

ali mogu je povećati kako bi dobro radila s mojim rukama.

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

I to je zaista važno, jer nema razloga da u ovom dobu

that we should be conforming to a physical device.

se moramo ograničavati na fizičke uređaje.

That leads to bad things, like RSI.

To vodi do loših stvari, kao što je ozljeda ponavljajućeg napora.

We have so much technology nowadays

Imamo tako puno tehnologije danas da bi se ova

that these interfaces should start conforming to us.

sučelja morala početi prilagođavati nama.

There's so little applied now to actually improving

Tako malo se koristi trenutno za poboljšanje

the way we interact with interfaces from this point on.

načina na koji smo u interakciji sa sučeljima od sad pa nadalje.

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

Ova tipkovnica je zapravo krivi smjer u kojem idemo.

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

Možete zamisliti, u budućnosti, dok razvijamo ovu tehnologiju,

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

tipkovnicu koja se automatski kreće kako vam se miče ruka,

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

i zaista inteligentno predviđa koju tipku pokušavate pritisnuti rukom.

So -- again, isn't this great?

Dakle -- ponovno, zar ovo nije odlično?

(Laughter)

Publika: Gdje vam je laboratorij?

Audience: Where's your lab?

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

Jeff Han: Ja sam znanstvenik istraživač na sveučilištu u New Yorku.

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

Ovdje je primjer druge vrste aplikacije. Mogu napraviti ove male loptice.

It'll remember the strokes I'm making.

Zapamtiti će pokrete koje radim. Naravno sve to mogu napraviti rukama.

Of course I can do it with all my hands.

It's pressure-sensitive.

Osjetljivo je na dodir, možete primjetiti.

What's neat about that is,

Ali ono što je zgodno, ponovno, pokazao sam vam tu gestu s dva prsta koja vam dozvoljava

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

da zumirate vrlo brzo. Jer niste se morali prebaciti na ručni alat

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

or the magnifying glass tool,

ili povećalo;

možete kontinuirano praviti stvari u različitim veličinama, sve u isto vrijeme.

you can just continuously make things

in real multiple scales, all at the same time.

I can create big things out here,

Mogu stvoriti velike stvari ovdje, ali mogu se i vratiti i vrlo brzo se vratiti

but I can go back and really quickly go back

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

na početak, i raditi još manje stvari ondje.

This is going to be really important

Sada će ovo biti vrlo važno kada se počnemo baviti stvarima kao što je

as we start getting to things like data visualization.

vizualizacija podataka. Na primjer, mislim da smo svi uživali u govoru Hansa 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:

i on je zaista naglasio činjenicu o kojoj sam i ja razmišljao jako dugo:

We have all this great data,

imamo sve ove odlične podatke, ali iz nekog razloga, oni samo stoje.

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

We're not accessing it.

Ne pristupamo im. I jedan od razloga zašto je to tako, je zbog

And one of the reasons why I think that is

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

-- pomagat će nam stvari kao grafički i vizualizacijski alati.

but I also think a big part of it

Ali mislim da će i velik dio toga biti početak razvoja mogućnosti sučelja,

is going to be having better interfaces,

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

da možemo uroniti u ovakve podatke, dok još uvijek mislimo na veliku sliku.

while still thinking about the big picture here.

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

Dopustite da vam pokažem još jednu aplikaciju ovdje. Ovo se zove WorldWind.

It's done by NASA.

NASA izrađuje taj program. To je nešto kao -- pa, svi smo vidjeli Google Earth;

We've all seen Google Earth;

this is an open-source version of that.

ovo je verzija otvorenog koda toga. Postoje priključci koji omogućuju

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

učitavanje različitih setova podataka koje je NASA skupila kroz godine.

that NASA's collected over the years.

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

Ali kao što možete vidjeti, mogu se služiti istom gestom s dva prsta

da siđemo dolje i uđemo gotovo neprimjetno. Ponovno nema sučelja.

to go down and go in really seamlessly.

There's no interface, again.

It really allows anybody to kind of go in --

Dozvoljava svakome da uđe -- i, radi točno ono što očekujete,

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

znate? Ponovno, ovdje nema sučelja. Sučelje nestaje.

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

I can switch to different data views.

Mogu se prebacivati na pregled drugačijih podataka. To je ono što je zgodno kod ove aplikacije.

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

NASA's really cool.

Eto ga. NASA je zaista kul. Imaju ove hiper-spektralne slike

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

koje su lažno bojane kako biste -- stvarno su dobre za određivanje rasprostranjenosti vegetacije. Pa, vratimo se ovome.

it's really good for determining vegetative use.

Well, let's go back to this.

Super stvar kod aplikacija s kartama --

The great thing about mapping applications --

nisu zaista 2D, to je na neki način 3D. Dakle, ponovno sučelje s više točaka,

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

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

možete napraviti ovakvu gestu -- tako da ih možete naginjati ovako,

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

(Surprised laughter)

znate. Nije ograničeno na 2D pokrete i pregled.

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

This gesture is just putting two fingers down --

Ova gesta koju smo razvili, ponovno, je samo stavljanje dva prsta dolje,

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

definira os naginjanja, i možete naginjati gore ili dolje na taj način.

We just came up with that on the spot,

To je nešto što smo smislili na licu mjesta,

it's probably not the right thing to do,

znate, to vjerojatno nije dobra stvar za učiniti,

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

ali postoji toliko zanimljivih stvari koje možete činiti s ovakvim sučeljem.

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

Jednako je zabavno samo se igrati s tim. (Smijeh)

(Laughter)

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

Zadnja stvar koju vam želim pokazati je --

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

znate, siguran sam da možemo osmisliti puno zabavnih aplikacija

that you can do with this thing.

koje možemo ostvariti s ovom stvari.

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

Ja sam malo više zainteresiran za kreativne aplikacije koje možemo napraviti s ovim.

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

Ovdje je jedna jednostavna aplikacija -- mogu nacrtati krivulju.

And when I close it, it becomes a character.

I kada je zatvorim, postaje znak.

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

Ali odlična stvar kod ovoga je, da mogu dodati kontrolne točke.

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

I ono što mogu činiti tada je kontrolirati ih s oba prsta u isto vrijeme.

And you notice what it does.

I primjećujete što čini.

It's kind of a puppeteering thing,

To je kao stvar kod lutkarstva, gdje mogu koristiti

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

koliko god prstiju želim za crtanje i pravljenje --

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

Ispod površine događa se puno prave matematike

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

kako bi se sve kontroliralo i napravila se prava stvar.

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

Mislim, tehnika kojom kontroliramo mrežu ovdje,

s više kontrolnih točaka, je zapravo nešto što je potpuno novo.

is actually state of the art.

It was released at SIGGRAPH last year.

Tek je pušteno u javnost na Siggraphu prošle godine,

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

ali je odličan primjer istraživanja kakvo ja zaista volim.

Sva ova snaga računanja kako bi ove stvari radile ono što želimo.

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

intuitive things, to do exactly what you expect.

Intiutivne stvar. Da radi točno ono što očekujete.

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

Interakcija s više dodira je sada vrlo aktivno područje trenutno u interakciji ljudi i računala.

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

Nisam jedini koji se time bavi, postoji mnoštvo ljudi koji se uključuju u to.

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

Ova vrsta tehnologije dopustit će sve više ljudi da se uključi,

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

i zaista se veselim interakciji sa svima vama

kroz sljedećih nekoliko dana, kako bismo vidjeli kako se ovo može primjeniti na vašim područjima rada.

and seeing how it can apply to your respective fields.

Hvala vam.

Thank you.

(Pljesak)

(Applause)