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

Jeff Han demuestra su innovadora pantalla táctil

Traductor: Maximiliano Díaz Revisor: Diego Leal

I'm really excited to be here today.

Estoy muy, muy emocionado de estar aquí hoy,

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

porque les mostrare algo que está, literalmente, listo para salir del

literally, and I'm really glad that you guys

laboratorio, y estoy realmente contento que ustedes estén entre los primeros en

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

verlo en persona, porque honestamente creo que esto cambiará

because I really think this is going to really change

-- realmente cambiará -- la manera en la que interactuamos con las máquinas de ahora en adelante.

the way we interact with machines from this point on.

Now, this is a rear-projected drafting table.

Ahora, éste es una mesa de dibujo de proyección trasera. Mide aproximadamente 36 pulgadas de ancho,

It's about 36 inches wide

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

y está equipada con un sensor multi-táctil. Los sensores táctiles normales que

Normal touch sensors that you see,

pueden ver, en un kiosco o en pizarras interactivas,

like on a kiosk or interactive whiteboards,

can only register one point of contact at a time.

sólo pueden registrar un punto de contacto a la vez.

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

Esta mesa les permite tener múltiples puntos al mismo tiempo.

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

Puede usar mis dos manos, puedo ejecutar acciones coordinadas,

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

y puedo seguir aumentando y usar los 10 dedos si quisiera.

You know, like that.

Así, de este modo.

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

Ahora, la sensibilidad multi-táctil no es completamente nueva.

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

Personas como Bill Buxton han estado jugando con esto desde los 80's.

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

Sin embargo, el enfoque que he construido es de alta resolución,

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

bajo costo, y probablemente lo más importante, muy escalable.

So, the technology, you know,

Entonces, la tecnología, sabrán, no es lo más emocionante de esto,

isn't the most exciting thing here right now,

other than probably its newfound accessibility.

exceptuando probablemente su renovada accesibilidad.

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

Lo que es realmente interesante es lo que pueden hacer con esto,

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

y los tipos de interfaces que se pueden construir sobre ella. Entonces, veamos.

So let's see.

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

Por ejemplo, tenemos una aplicación de lámpara de lava. Ahora, como pueden ver,

Now, you can see,

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

puedo usar ambas manos para apretar y juntar

I can inject heat into the system here,

las manchas. Puedo inyectar calor al sistema,

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

o separarlo con dos de mis dedos.

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

Es completamente intuitivo; no hay manual de instrucciones.

La interfaz prácticamente desaparece.

The interface just kind of disappears.

This started out as a screensaver app

Esto empezó como salvapantallas que uno de los estudiantes del Ph. D.

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

en nuestro laboratorio, Ilya Rosenberg, construyó. Pero creo que su verdadera identidad aparece acá.

But I think its true identity comes out here.

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

Ahora, lo que es genial respecto al sensor multi-táctil es que

I could be doing this with as many fingers here,

podría estar haciendo esto con todos los dedos,

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

pero, por supuesto, multi-táctil también significa, inherentemente, multi-usuario.

Chris could be interacting with another part of Lava,

Entonces, Chris podría estar aquí interactuando con otra parte de la lava,

while I play around with it here.

mientras yo juego por este lado. Pueden imaginar una nueva herramienta escultórica,

You can imagine a new kind of sculpting tool,

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

donde yo estoy calentando algo, volviéndolo maleable,

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

y después dejándolo enfriar y solidificándolo en un estado particular.

Google should have something like this in their lobby.

Google debería tener algo así en su lobby. (Risas).

(Laughter)

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

Les mostraré algo -- un ejemplo algo más concreto, mientras esto carga.

as this thing loads.

This is a photographer's light-box application.

Ésta es una caja de luz para fotógrafos.

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

De nuevo, puedo usar mis dos manos para interactuar y mover las fotos.

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

Pero lo que es aún más genial es que si uso dos dedos,

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

puedo agarrar una foto y estirarla de esta manera con mucha facilidad.

I can pan, zoom and rotate it effortlessly.

Puedo moverla, acercarla y girarla sin esfuerzo.

I can do that grossly with both of my hands,

Puedo hacer eso con ambas manos,

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

o puedo hacerlo sólo con dos dedos de cada una de mis manos.

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

Si tomo el lienzo, puedo hacer más o menos lo mismo -- estirarlo.

I can do it simultaneously, holding this down,

Puedo hacerlo simultáneamente, lo sostengo

and gripping on another one, stretching this out.

y agarro otro, estirándolo de esta manera.

Again, the interface just disappears here.

De nuevo, la interfaz simplemente desaparece.

There's no manual.

No hay manual. Esto es exactamente lo que esperarían,

This is exactly what you expect,

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

especialmente si no han interactuado con un computador antes.

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

Ahora, cuando existen iniciativas como el computador portátil de 100 dólares,

I kind of cringe at the idea

Me estremezco con la idea de introducir a toda una nueva generación

of introducing a whole new generation to computing

de personas a la computación con la interfaz estándar de ratón y ventanas.

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

This is something that I think is really the way

Yo pienso que esta es la manera en la que deberíamos interactuar con las máquinas

we should be interacting with machines from now on.

desde este momento. (Aplausos)

(Applause)

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

Ahora, por supuesto, puedo sacar un teclado.

(Laughter)

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

Puedo moverlo, ponerlo allá arriba.

Obviously, this is a standard keyboard,

Obviamente, esta es una especie de teclado estándar,

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

pero por supuesto, puedo escalarlo para que funcione bien con mis manos.

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

Y eso es bastante importante, porque no hay ninguna razón en estos días por la que

that we should be conforming to a physical device.

debamos estar confinados a un dispositivo físico.

That leads to bad things, like RSI.

Eso lleva a cosas malas, como LER. (Lesiones por Esfuerzo Repetitivo)

We have so much technology nowadays

Tenemos tanta tecnología estos días que

that these interfaces should start conforming to us.

las interfaces deben empezar a adaptarse a nosotros.

There's so little applied now to actually improving

Se ha invertido tan poco en mejorar

the way we interact with interfaces from this point on.

la manera en la que interactuamos con las interfaces.

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

Lo más probable es que este teclado sea en realidad la dirección incorrecta para continuar.

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

Pueden imaginar, en el futuro, a medida que desarrollamos este tipo de tecnología,

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

un teclado que siga su mano mientras se aleja,

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

y anticipe inteligentemente qué tecla están tratando de presionar.

So -- again, isn't this great?

¿No es esto genial?

(Laughter)

Audiencia: ¿Donde está tu laboratorio?

Audience: Where's your lab?

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

Jeff Han: Soy un investigador de la Universidad de Nueva York (NYU).

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

Aca hay un ejemplo de otro tipo de aplicación. Puedo crear estas pelotitas.

It'll remember the strokes I'm making.

La aplicación recordará los trazos que realizo. Desde luego, puedo hacerlo con ambas manos.

Of course I can do it with all my hands.

It's pressure-sensitive.

Es sensible a la presión, como notarán.

What's neat about that is,

Pero lo entretenido es, nuevamente, que como les mostré antes, con un gesto de dos dedos puedo

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

hacer zoom rápidamente. No tienen que cambiar a otra herramienta

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

or the magnifying glass tool,

o usar una herramienta de lupa;

pueden hacer cosas continuamente en múltiples escalas reales, todo al mismo tiempo.

you can just continuously make things

in real multiple scales, all at the same time.

I can create big things out here,

Puedo crear cosas grandes, pero puedo volver rápidamente a

but I can go back and really quickly go back

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

donde comencé, y hacer cosas aún más pequeñas.

This is going to be really important

Ahora, esto será muy importante a medida que nos involucremos con cosas como

as we start getting to things like data visualization.

la visualización de datos. Por ejemplo, creo que todos disfrutamos la charla de 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:

y él puso mucho énfasis en algo en lo que he estado pensando por mucho tiempo:

We have all this great data,

tenemos todos estos datos geniales, pero por alguna razón, simplemente están ahí.

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

We're not accessing it.

No los estamos usando. Y creo que una de las razones, es porque

And one of the reasons why I think that is

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

-- tendremos el apoyo de cosas como gráficas y herramientas de visualización e inferencia.

but I also think a big part of it

Pero pienso que una gran parte de eso será comenzar a contar con mejores interfaces,

is going to be having better interfaces,

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

para poder acceder a este tipo de información, sin dejar de pensar en el panorama global.

while still thinking about the big picture here.

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

Déjenme mostrarles otra aplicación. Esta se llama WorldWind.

It's done by NASA.

Es desarrollada por NASA. Es un tipo de -- todos hemos visto Google Earth;

We've all seen Google Earth;

this is an open-source version of that.

esta es una versión de código abierto de eso mismo. Hay plug-ins que permiten

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

cargar distintos conjuntos de datos que NASA ha recolectado durante años.

that NASA's collected over the years.

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

Pero como pueden ver, puedo usar los mismos gestos con dos dedos

para bajar y acercarme a la perfección. De nuevo, no hay una interfaz.

to go down and go in really seamlessly.

There's no interface, again.

It really allows anybody to kind of go in --

Realmente permite que cualquiera se acerque -- y, hace justamente lo que esperas que haga,

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

Nuevamente, acá no hay una interfaz. La interfaz desaparece.

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

I can switch to different data views.

Puedo cambiar a diferentes vistas de datos. Eso es lo genial de esta aplicación.

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

NASA's really cool.

Ahí lo tienen. NASA es genial. Tienen estas imágenes hiper-espectrales

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

que están falsamente coloreadas para que puedan -- es muy útil para determinar el uso vegetativo. Bueno, volvamos.

it's really good for determining vegetative use.

Well, let's go back to this.

Ahora, lo mejor de las aplicaciones de cartografía --

The great thing about mapping applications --

no es el 2D, es el 3D. Entonces, nuevamente, con una interfaz multi-punto

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

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

pueden hacer un gesto como este -- para que puedan inclinar la cámara,

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

(Surprised laughter)

No está relegada al movimiento y al paneo 2D.

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

This gesture is just putting two fingers down --

Ahora, este gesto que hemos desarrollado, funciona colocando dos dedos en la superficie,

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

definiendo un eje de inclinación, y puedo inclinar arriba y abajo de esa forma.

We just came up with that on the spot,

Fue algo que se nos ocurrió en el momento,

it's probably not the right thing to do,

y probablemente no sea lo correcto,

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

pero hay tantas cosas interesantes que se pueden hacer con este tipo de interfaz.

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

Es muy entretenido jugar con ella también. (Risas)

(Laughter)

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

Y lo último que quería mostrarles --

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

Estoy seguro que todos podemos pensar en muchas aplicaciones de entretenimiento

that you can do with this thing.

que se pueden hacer con esto.

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

Estoy algo más interesado en el tipo de aplicaciones creativas que se pueden hacer.

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

Aquí hay una aplicación muy simple -- Puedo dibujar una curva.

And when I close it, it becomes a character.

Y cuando la cierro, se convierte en un personaje.

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

Pero lo genial, es que puedo añadir puntos de control.

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

Y lo que puedo hacer es manipularlos con mis dos dedos al mismo tiempo.

And you notice what it does.

Y se pueden dar cuenta de lo que hace.

It's kind of a puppeteering thing,

Es como una marioneta, donde puedo usar

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

cuantos dedos tenga para dibujar y hacer --

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

Ahora, hay un montón de matemáticas tras esto

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

para que controle este objeto correctamente.

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

Lo que quiero decir, es que esta técnica que permite manipular este objeto,

con múltiples puntos de control, es algo totalmente nuevo.

is actually state of the art.

It was released at SIGGRAPH last year.

Fue publicado en Siggraph recién el año pasado,

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

pero es un gran ejemplo del tipo de investigación que me encanta.

Todo este poder computacional aplicado a hacer que las cosas hagan las cosas correctas,

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

intuitive things, to do exactly what you expect.

cosas intuitivas. Hacer exactamente lo que esperas.

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

Bueno, la interaccion multi-táctil es un campo muy activo ahora en la IPC (Interacción persona-computador)

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

No soy el único haciéndolo, hay muchas personas investigando.

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

Este tipo de tecnología va a permitir que aún más gente se interese,

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

y estoy muy ansioso de interactuar con todos ustedes

en los próximos días y ver cómo esto se puede aplicar a sus respectivos campos.

and seeing how it can apply to your respective fields.

Gracias.

Thank you.

(Aplausos)

(Applause)