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

Jeff Han demonstra sua Inovadora tela sensível ao toque

Tradutor: AUGUSTO BARRADAS Revisor: Aurelio Tergolina Salton

I'm really excited to be here today.

Estou realmente animado em estar aqui hoje,

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

porque estou prestes a demonstrar algo que está pronto para sair do laboratório,

literally, and I'm really glad that you guys

literalmente, e estou muito contente que vocês estarão entre os primeiros a

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

vê-la pessoalmente, porque eu acho que mudará

because I really think this is going to really change

a forma com que interagimos com as máquinas de agora em diante.

the way we interact with machines from this point on.

Now, this is a rear-projected drafting table.

Esta é uma mesa de projeção. Ela tem 36 polegadas de largura,

It's about 36 inches wide

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

e está equipada com um sensor multi toque. Os sensores de toque normais que

Normal touch sensors that you see,

você vê em telas ou quadros interativos,

like on a kiosk or interactive whiteboards,

can only register one point of contact at a time.

podem registrar apenas um ponto de contato de cada vez.

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

Esta tela permite multiplos pontos de contato ao mesmo tempo.

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

Permite que eu utilize ambas as mãos, com movimentos conjuntos,

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

e posso até utilizar todos os 10 dedos se eu quiser.

You know, like that.

Sabe, assim.

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

Sensores multi toque não são novidade.

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

Pessoas como Bill Buxton brincavam com eles nos anos 80.

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

Entretanto, o que construi aqui é na verdade de alta resolução,

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

baixo custo, e provavelmnte o mais importante, muito escalável.

So, the technology, you know,

A tecnologia não é a coisa mais emocionante aqui,

isn't the most exciting thing here right now,

other than probably its newfound accessibility.

a não ser pela sua acessibilidade.

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

O que é realmente interessante é o que você pode fazer com ela,

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

e o tipo de interfaces que você pode construir sobre ela. Então vamos ver.

So let's see.

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

Por exemplo, temos aqui uma aplicação "abajur de lava". Podem ver,

Now, you can see,

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

que posso utilizar ambas as mãos para apertar e juntar as bolhas.

I can inject heat into the system here,

Posso injetar calor no sistema,

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

ou posso separar com dois dedos.

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

É completamente intuitivo; não há manual de instruções.

A interface simplesmente desaparece.

The interface just kind of disappears.

This started out as a screensaver app

Isto começou como uma proteção de tela que um dos doutorandos em

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

nosso laboratório, IIya Rosenberg, fez. Mas eu acho que sua verdadeira identidade aparece aqui.

But I think its true identity comes out here.

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

O que é interessante em um sensor multi toque é que

I could be doing this with as many fingers here,

eu poderia estar fazendo isto com vários dedos,

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

mas é claro multi toque também significa multi usuário.

Chris could be interacting with another part of Lava,

Então o Chris poderia estar interagindo com outra parte da lava,

while I play around with it here.

enquanto eu brinco com ela por aqui. Você pode imaginar um novo tipo de ferramenta para esculpir,

You can imagine a new kind of sculpting tool,

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

onde eu estou aquecendo algo, tornando-o maleável,

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

e então deixando-o esfriar e solidificar em uma certa forma.

Google should have something like this in their lobby.

A Google deveria ter algo assim em sua recepção. (Risos)

(Laughter)

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

Vou lhes mostrar algo -- um exemplo mais concreto.

as this thing loads.

This is a photographer's light-box application.

Esta é uma aplicação de "mesa de fotógrafo".

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

Novamente, posso utilizar ambas as mãos para interagir e mover as fotos.

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

Mas o que é realmente legal é que se tenho dois dedos,

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

eu posso pegar uma foto e facilmente esticar assim.

I can pan, zoom and rotate it effortlessly.

eu posso mover, ampliar e girar sem esforço.

I can do that grossly with both of my hands,

Eu posso fazer isto facilmente com ambas as mãos,

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

ou posso fazer isto com somente dois dedos de cada mão.

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

Se eu pegar a tela posso fazer a mesma coisa -- espichar.

I can do it simultaneously, holding this down,

Posso fazer simultaneamente, segurando este,

and gripping on another one, stretching this out.

e pegando outro, espichando assim.

Again, the interface just disappears here.

Novamente, a interface simplesmente desaparece.

There's no manual.

Não há manual. Isto é exatamente o que você espera,

This is exactly what you expect,

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

principalmente se você nunca interagiu com um computador.

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

Agora, quanto temos iniciativas tais como o laptop de 100 dólares,

I kind of cringe at the idea

eu reluto com a idéia de que estaremos introduzindo à uma nova geração

of introducing a whole new generation to computing

de pessoas a computação com interface padrão de mouse e janelas.

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

This is something that I think is really the way

Esta aqui é a forma que deveríamos estar interagindo com máquinas

we should be interacting with machines from now on.

de agora em diante. (Aplausos)

(Applause)

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

Agora, é claro, posso ativar um teclado.

(Laughter)

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

E posso trazer isto para cá, colocar isto para lá.

Obviously, this is a standard keyboard,

Agora, obviamente, este é um teclado padrão,

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

mas é claro que posso redimensionar para que funcione melhor para minhas mãos.

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

E isto é mesmo importante, porque atualmente não há motivo

that we should be conforming to a physical device.

para nos sujeitarmos a um dispositivo físico,

That leads to bad things, like RSI.

que leva a coisas ruins, tal como LER.

We have so much technology nowadays

Hoje em dia temos tanta tecnologia que estas

that these interfaces should start conforming to us.

interfaces deveriam começar a se ajustar a nós.

There's so little applied now to actually improving

Muito pouco é aplicado hoje para melhorar

the way we interact with interfaces from this point on.

a forma com que interagimos com interfaces.

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

Este teclado é provavelmente o caminho errado a seguir.

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

Você pode imaginar, no futuro, a medida que desenvolvemos este tipo de tecnologia,

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

um teclado que automaticamente flutua a medida que sua mão se desloca,

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

e de forma inteligente antecipa qual tecla você está tentando pressionar.

So -- again, isn't this great?

Então -- novamente, isto não é ótimo?

(Laughter)

Platéia: Onde fica seu laboratório?

Audience: Where's your lab?

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

Jeff Han: Sou pesquisador na NYU em Nova Iorque.

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

Aqui temos um exemplo de um outro tipo de aplicação, onde posso fazer estas pequenas bolas.

It'll remember the strokes I'm making.

Ela lembrará os movimentos que estou fazendo. É claro que posso fazer com as duas mãos.

Of course I can do it with all my hands.

It's pressure-sensitive.

É sensível a pressão, como podem notar.

What's neat about that is,

Mas o que é legal, é o movimento com dois dedos que permite você

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

ampliar rapidamente, uma vez que você não tem que selecionar outra ferramenta manual

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

or the magnifying glass tool,

ou uma ferramenta para ampliar;

você pode fazer as coisas de forma contínua em múltiplas escalas, tudo ao mesmo tempo.

you can just continuously make things

in real multiple scales, all at the same time.

I can create big things out here,

Posso criar coisas grandes aqui, mas posso rapidamente voltar

but I can go back and really quickly go back

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

onde iniciei, e fazer bolinhas ainda menores aqui.

This is going to be really important

Isto será realmente importante a medida que começamos a fazer coisas como

as we start getting to things like data visualization.

visualização de dados. Por exemplo, creio que todos gostamos da palestra 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:

e ele realmente enfatizou algo sobre o qual estou pensando a bastante tempo também:

We have all this great data,

temos todos estes ótimos dados, mas por algum motivo, estão lá parados.

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

We're not accessing it.

Não estamos acessando-os. E um dos motivos pelo qual imagino que isto aconteça, é porque

And one of the reasons why I think that is

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

-- seremos auxiliados por gráficos, visualizações e ferramentas de inferência.

but I also think a big part of it

Mas também imagino que grande parte será começar a ter melhores interfaces,

is going to be having better interfaces,

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

poder aprofundar-se neste tipo de dados, e ao mesmo tempo ter uma visão mais ampla.

while still thinking about the big picture here.

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

Deixe-me mostra-lhes uma outra aplicação. Isto chama-se "WorldWind".

It's done by NASA.

É feita pela NASA. Nós todos vimos Google Earth;

We've all seen Google Earth;

this is an open-source version of that.

esta é uma versão código aberto dele. Há plugins que permitem

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

carregar diferentes conjuntos de dados coletados pela NASA com o passar dos anos.

that NASA's collected over the years.

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

Mas como podem ver, posso utilizar os mesmos movimentos de dois dedos

para descer e aproximar de forma realmente contínua. Não há interface.

to go down and go in really seamlessly.

There's no interface, again.

It really allows anybody to kind of go in --

Ela realmente permite qualquer um entrar -- e faz o que você espera que faça.

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

Novamente não há interface aqui. A interface simplesmente desaparece.

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

I can switch to different data views.

Posso trocar entre diferentes visualizações dos dados. Isto é que é legal nesta aplicação.

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

NASA's really cool.

Pronto, a NASA é mesmo legal. Eles tem estas imagens hiper espectrais

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

que são coloridas, é otimo para determinar uso vegetativo. Bom, vamos voltar.

it's really good for determining vegetative use.

Well, let's go back to this.

Agora, o legal de aplicações com mapas --

The great thing about mapping applications --

não é 2D, é 3D. Então, com a interface multi pontos,

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

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

você pode fazer um movimento assim -- o que permite que você incline a visão.

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

(Surprised laughter)

Não está simplesmente restrito a movimentos 2D.

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

This gesture is just putting two fingers down --

Este movimento que desenvolvemos, usando 2 dedos,

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

define um eixo de inclinação, e posso inclinar para cima e para baixo, assim.

We just came up with that on the spot,

É algo que acabamos de criar;

it's probably not the right thing to do,

provavelmente não seja a coisa correta a fazer,

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

mas há tantas coisas interessantes que você pode fazer com este tipo de interface.

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

É tão divertido brincar com ela também. (Risos)

(Laughter)

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

Então a última coisa que quero mostrar a voces é --

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

tenho certeza que podemos imaginar aplicações de entretenimento

that you can do with this thing.

que podemos fazer com isto.

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

Estou um pouco mais interessado nas aplicações criativas.

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

Agora, aqui temos uma aplicação simples -- Posso desenhar uma curva.

And when I close it, it becomes a character.

E quando eu a fecho, ela tranforma-se em um personagem.

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

Mas o legal nela é que, eu posso adicionar pontos de controle.

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

E então posso manipulá-los com ambos os dedos ao mesmo tempo.

And you notice what it does.

E observe o que ela faz.

It's kind of a puppeteering thing,

É um tipo de fantoche, onde posso utilizar

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

tantos dedos quanto disponíveis para desenhar e mover --

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

Agora, há muita matemática envolvida

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

para controlar esta malha e fazer a coisa correta.

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

Digo, esta técnica de poder manipular uma malha aqui,

com múltiplos pontos de controle, é realmente estado da arte.

is actually state of the art.

It was released at SIGGRAPH last year.

Acabou de ser lançado na Siggraph ano passado,

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

mas é um ótimo exemplo do tipo de pesquisa que realmente adoro.

Todos este poder computacional para fazer com que as coisas funcionem corretamente.

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

intuitive things, to do exactly what you expect.

Coisas intuitivas. Para fazer exatamente o que você espera.

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

Então, pesquisa em interação multi toque é uma área bastante ativa no momento.

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

Não sou o único, há muitas outras pessoas se envolvendo nisto.

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

Este tipo de tecnologia permitirá que ainda mais pessoas se envolvam.

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

E estou bastante ansioso para interagir com todos vocês

durante os próximos dias e ver como ela se aplica às suas respectivas áreas.

and seeing how it can apply to your respective fields.

Obrigado.

Thank you.

(Aplausos)

(Applause)