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

Traducător: Ariana Bleau Lugo Corector: Maria Tancu

I'm really excited to be here today.

Sunt foarte încântat să fiu astăzi aici,

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

pentru că sunt pe cale să vă arăt ceva care e gata să iasă din laborator,

literally, and I'm really glad that you guys

literalmente, şi sunt foarte bucuros că veți fi printre primii care

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

o să-l vedeți cu ochii voștri pentru că într-adevăr cred că asta va schimba

because I really think this is going to really change

cu adevărat modul în care interacţionăm cu computerele de acum încolo.

the way we interact with machines from this point on.

Now, this is a rear-projected drafting table.

E o interfață de interacțiune cu proiectare din spate, lat de aprox. 1m,

It's about 36 inches wide

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

și e echipat cu un senzor multi-touch. Senzorii de atingere normali

Normal touch sensors that you see,

pe care-i vedeți, de exemplu la un chioşc sau un whiteboard (tablă interactivă),

like on a kiosk or interactive whiteboards,

can only register one point of contact at a time.

pot înregistra doar un singur punct de contact deodată.

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

Acesta însă permite să aveţi mai multe puncte în acelaşi timp.

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

Pot folosi ambele mâini, pot folosi acţiunile chording,

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

şi pot chiar folosi toate10 degetele,

You know, like that.

Uite așa.

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

Dar senzorii multi-touch nu sunt complet noi.

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

Adică, oameni ca Bill Buxton s-au jucat cu ideea în anii 80.

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

Dar abordarea pe care am construit-o eu aici e de înaltă rezoluţie,

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

ieftină şi poate cel mai important, foarte scalabilă.

So, the technology, you know,

Acum, tehnologia nu e lucrul cel mai interesant aici,

isn't the most exciting thing here right now,

other than probably its newfound accessibility.

în afară doar, probabil, de accesibilitatea dobândită.

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

Ce e cu adevarat interesant e ceea ce poți face cu ea,

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

şi genul de interfeţe ce se pot construi cu ea. Deci, să vedem.

So let's see.

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

De exemplu, avem aici o aplicație: lampă de lavă.

Now, you can see,

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

Vedeți, pot folosi ambele mâini să strâng şi să adun lava.

I can inject heat into the system here,

Pot injecta căldură în sistem

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

sau pot să-l despic cu două degete.

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

E complet intuitiv, nu există manual de instrucţiuni.

Interfaţa într-un fel dispare.

The interface just kind of disappears.

This started out as a screensaver app

A început ca o applicație de screensaver pe care l-a făcut

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

un student doctorand din laboratorul nostru, Ilya Rosenberg. Dar cred ca identitatea sa reala iese la iveala aici.

But I think its true identity comes out here.

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

Ceea ce-i grozav la un senzor de multi-touch este că,

I could be doing this with as many fingers here,

aș putea face asta cu oricâte degete,

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

dar, desigur, multi-touch înseamnă implicit multi-user.

Chris could be interacting with another part of Lava,

Deci, Chris ar putea interacționa acolo cu o altă parte de Lavă,

while I play around with it here.

în timp ce eu mă joc aici. Vă puteţi imagina un nou tip de instrument de sculptură,

You can imagine a new kind of sculpting tool,

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

unde eu într-un fel încălzesc, ceea ce-l face maleabil,

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

şi apoi lasându-l sa se răcească și să se solidifice într-o anumită stare.

Google should have something like this in their lobby.

Google ar trebui să aibă ceva de genul ăsta la intrare în foyer. (Râsete)

(Laughter)

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

Vă voi arata ceva-- un exemplu mai concret când asta se încarcă.

as this thing loads.

This is a photographer's light-box application.

Aceasta e o aplicație: cutia de lumină a fotografului.

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

Din nou, pot folosi ambele mâini pentru a interacţiona şi muta fotografiile.

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

Dar ceea ce-i chiar mai grozav e că, dacă folosesc două degete,

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

pot apuca o fotografie şi apoi o pot mări foarte ușor.

I can pan, zoom and rotate it effortlessly.

O pot muta, focaliza, sau roti fără efort.

I can do that grossly with both of my hands,

Pot face asta grosolan cu ambele mâini,

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

sau o pot face doar cu două degete de la o mână.

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

Dacă apuc pânza, pot face acelaşi lucru , s-o măresc.

I can do it simultaneously, holding this down,

Pot s-o fac simultan în timp ce țin asta jos

and gripping on another one, stretching this out.

și să apuc alta, mărind-o așa.

Again, the interface just disappears here.

Din nou, interfața pur si simplu dispare aici.

There's no manual.

Nu e nici un manual. Asta-i exact ceea ce te astepți,

This is exactly what you expect,

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

mai ales dacă nu aţi interacţionat cu un computer înainte.

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

Acum, când aveți iniţiative cum e laptopul de 100 dolari,

I kind of cringe at the idea

oarecum mă gândesc cu regret că vom introduce unei întregi generații

of introducing a whole new generation to computing

computere cu această interfață standard: mouse și windows.

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

This is something that I think is really the way

Cred că acesta este modul în care ar trebui să interacționăm

we should be interacting with machines from now on.

din acest moment. (Aplauze)

(Applause)

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

Acum, desigur, pot face să apară o tastatură.

(Laughter)

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

Și o pot muta și pune aici.

Obviously, this is a standard keyboard,

Evident, asta e o tastatură standard,

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

dar, desigur, o pot re-dimensiona ca să se potrivească bine pentru mâinile mele.

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

Şi asta e foarte important deoarece nu există nici un motiv în această eră

that we should be conforming to a physical device.

să trebuiască să ne conformăm unui dispozitiv fizic.

That leads to bad things, like RSI.

Asta duce la probleme medicale rele, cum e RSI (Repetitive Strain Injury)

We have so much technology nowadays

Avem atâta tehnologie în ziua de azi că

that these interfaces should start conforming to us.

aceste interfețe ar trebui să înceapă să ni se conformeze nouă.

There's so little applied now to actually improving

E prea puțin aplicat pentru a îmbunătăți felul în care

the way we interact with interfaces from this point on.

interacționăm cu interfețele de acum înainte.

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

Această tastatură e poate direcţia greşită.

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

Vă imaginați în viitor vom dezvolta acest tip de tehnologie,

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

o tastatură care derivă când mâna se îndepărtează

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

şi foarte inteligent anticipează ce cheie încercați să tastați.

So -- again, isn't this great?

Ce credeți, nu-i grozav?

(Laughter)

Audienţa: Unde e laboratorul dumneavoastră?

Audience: Where's your lab?

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

Jeff Han: Lucrez în cercetare la Universitatea New York, NY.

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

Iată un alt exemplu de aplicație. Pot face aceste mici baloane de puf.

It'll remember the strokes I'm making.

Va memora mișcările pe care le fac. Pot acționa cu ambele mâini.

Of course I can do it with all my hands.

It's pressure-sensitive.

E sensibil la presiune, după cum vedeți.

What's neat about that is,

Un parametru remarcabil, v-am arătat că puteți focaliza rapid cu două degete.

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

Pentru ca nu trebuie să recurgeți la un instrument de mână

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

or the magnifying glass tool,

sau instrumentul lupă,

puteţi acționa simultan în scale multiple, totul în același timp.

you can just continuously make things

in real multiple scales, all at the same time.

I can create big things out here,

Pot magnifica obiecte dar pot merge înapoi foarte repede

but I can go back and really quickly go back

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

de unde am pornit, și să micșorez obiectele.

This is going to be really important

Va fi important când ajungem la aspecte ca vizualizarea de date.

as we start getting to things like data visualization.

De exemplu, cred că tuturor ne-a plăcut prezentarea lui 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:

și el a accentuat aspectul la care m-am tot gândit de-o vreme încoace:

We have all this great data,

avem multe date, dar nu se știe de ce stau nefolosite.

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

We're not accessing it.

Nu le accesăm. Și unul din motive e că

And one of the reasons why I think that is

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

vom fi ajutați de grafice, vizualizare, unelte de deducție.

but I also think a big part of it

Dar cred ca o mare parte e că așteptăm și să apară interfețe mai bune,

is going to be having better interfaces,

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

să putem fora în aceste date în timp ce păstrăm privirea de ansamblu aici.

while still thinking about the big picture here.

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

Să vă arăt încă o aplicație. Se numește WorldWind.

It's done by NASA.

E făcută de NASA. E un fel de --- toți am văzut Google Earth;

We've all seen Google Earth;

this is an open-source version of that.

asta e o versiune open-sorce. Există plug-ins pentru a putea să

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

încarce diverse date colectate de NASA de-a lungul anilor.

that NASA's collected over the years.

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

Dar după cum vedeți, pot folosi două degete

să cobor și să intru foarte lejer. Nu există nici o interfață.

to go down and go in really seamlessly.

There's no interface, again.

It really allows anybody to kind of go in --

Permite oricui să se alăture -- și face intuitiv exact ce te aștepți

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

Din nou, nu există interfață. Interfața dispare.

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

I can switch to different data views.

Pot schimba la vizualizări de date diferite. Asta-i grozav la această aplicație.

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

NASA's really cool.

Iată. NASA e într-adevăr grozavă. Au aceste imagini hyper-spectrale

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

care sunt codificate în culori false -- bune pentru uzanță vegetativă. Ei bine sa ne intoarcem.

it's really good for determining vegetative use.

Well, let's go back to this.

Ce-i grozav la aplicațiile de cartografiere

The great thing about mapping applications --

nu sunt 2D, ci un fel de 3D. Deci, cu o interfață multi-point

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

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

poți face un gest ca acesta -- ca să-l răstorni așa,

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

(Surprised laughter)

Nu este restricționat doar la mutare și mișcare 2D

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

This gesture is just putting two fingers down --

Acest gest pe care l-am programat constă în a pune 2 degete jos

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

delimitând o axă de înclinare și-l pot apleca în sus și jos.

We just came up with that on the spot,

Asta am adăugat pur și simplu pe loc

it's probably not the right thing to do,

poate nu-i cel mai bun lucru pe care puteam să-l facem

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

dar poți face lucruri atat de interesante cu o astfel de interfață.

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

E și atât de distractiv să te joci cu ea.(Râsete)

(Laughter)

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

Ultimul lucru pe care vreau să vi-l arăt este --

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

sunt sigur că ne putem gândi la o mulţime de aplicaţii de divertisment

that you can do with this thing.

pe care le puteţi face cu acest lucru.

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

Sunt mai interesat în aplicaţiile creative pe care le putem face.

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

Aici e o aplicație simplă -- pot desena o curbă.

And when I close it, it becomes a character.

Și când o închid devine o figură animată.

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

Dar grozav e că pot adăuga puncte de control.

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

Și atunci pot să le manipulez cu ambele degete în acelaşi timp.

And you notice what it does.

Şi observaţi ce face.

It's kind of a puppeteering thing,

Este un fel de lucru păpușar la care pot folosi

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

oricâte degete ca să desenez şi să modelez --

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

Există multă matematică ce are loc aici

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

pentru a controla această angrenare şi a face ceea ce trebuie.

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

Această tehnică de a fi capabil să manipulezi un sistem-plasă

cu mai multe puncte de control, e de fapt de ultimă oră în tehnologie.

is actually state of the art.

It was released at SIGGRAPH last year.

Asta tocmai a fost lansată la Siggraph anul trecut,

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

dar e un exemplu bun de cercetare care îmi place.

O mare putere de calcul e aplicată pentru a opera corect și intuitiv.

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

intuitive things, to do exactly what you expect.

Pentru a face exact ceea ce vă aşteptaţi.

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

Cercetarea în interacţiunea multi-touch este un domeniu foarte activ în acest moment la HCI.

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

Eu nu sunt singurul, sunt multe alte persoane care sunt implicate.

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

Această tehnologie va atrage tot mai mulți oameni

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

și aștept cu nerăbdare să interacționez cu voi

în următoarele câteva zile şi să vedem cum se poate aplica în domeniile voastre.

and seeing how it can apply to your respective fields.

Mulţumesc.

Thank you.

(Aplauze)

(Applause)