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

Překladatel: Petr Bela Korektor: Simon Buryan

I'm really excited to be here today.

Jsem velmi nadšen, že zde dnes mohu být,

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

protože vám chci ukázat pár věcí, které doslova právě vylezly z laboratoře,

literally, and I'm really glad that you guys

a jsem moc rád, že budete mezi prvními, kdo to uvidí naživo,

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

protože si opravdu myslím, že tohle změní --

because I really think this is going to really change

-- opravdu změní -- způsob, jakým pracujeme s přístroji.

the way we interact with machines from this point on.

Now, this is a rear-projected drafting table.

Toto je zezadu promítaný kreslící stůl. Je široký asi 36 palců (91 cm)

It's about 36 inches wide

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

a je vybaven multidotykovým senzorem. Běžné dotykové senzory,

Normal touch sensors that you see,

které můžete vidět v kioscích a interaktivních tabulích,

like on a kiosk or interactive whiteboards,

can only register one point of contact at a time.

umí zaregistrovat pouze jeden bod dotyku v daném čase.

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

Tato věc umožňuje mít několik bodů současně.

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

Mohu používat obě ruce, mohu hrát akordy,

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

můžu dokonce použít všech 10 prstů, když chci.

You know, like that.

Vidíte, takto.

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

Multidotykové senzory nejsou něčím novým.

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

Lidé jako Bill Buxton si s nimi hráli již v 80. letech.

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

Nicméně řešení, které jsem tady vyrobil, pracuje s vysokým rozlišením,

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

nízkými náklady a, to je pravděpodobně nejdůležitější, je velmi škálovatelné.

So, the technology, you know,

Takže technologie tady není ta úplně nejúžasnější věc,

isn't the most exciting thing here right now,

other than probably its newfound accessibility.

snad jen její nově objevená použitelnost.

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

Opravdu zajímavé však je, co všechno s tím můžete dělat

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

a jaké druhy rozhraní nad tím můžete postavit. Sledujte.

So let's see.

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

Máme tady například aplikaci Lávová lampa. Jak můžete vidět,

Now, you can see,

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

používám obě ruce, abych zmáčkl a spojil tyto kapky.

I can inject heat into the system here,

Mohu do systému přidat teplo

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

nebo jej mohu roztrhnout svými dvěma prsty.

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

Je to naprosto intuitivní, není zde žádný manuál.

Rozhraní jakoby zmizelo.

The interface just kind of disappears.

This started out as a screensaver app

Tohle začalo jako aplikace pro spořič obrazovky, kterou vytvořil jeden doktorand

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

v naší laboratoři, Ilya Rosenberg. Ale myslím, že její skutečná podstata se projevuje zde.

But I think its true identity comes out here.

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

Na multidotykových senzorech je úžasné to,

I could be doing this with as many fingers here,

že tohle můžu dělat s kolika prsty chci,

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

ale samozřejmě multidotykový také znamená multiuživatelský.

Chris could be interacting with another part of Lava,

Takže by si tady Chris mohl hrát s jinou částí Lávy,

while I play around with it here.

zatímco já si s ní hraji tady. Můžete si představit nový druh sochařského nástroje,

You can imagine a new kind of sculpting tool,

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

kde zahřátím něčeho to můžu tvarovat

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

a pak to nechám zchladnout a ztvrdnout do určitého stavu.

Google should have something like this in their lobby.

Google by měl mít něco takového v hale.

(Laughter)

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

Něco vám ukážu -- trochu konkrétnější případ, jakmile se tohle načte.

as this thing loads.

This is a photographer's light-box application.

Tohle je fotografická aplikace na prohlížení fotek.

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

Můžu opět použít obě ruce k interakci a můžu s fotkami hýbat.

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

Ale co je ještě lepší, když použiju dva prsty,

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

můžu vzít fotku a roztáhnout ji opravdu velmi snadno.

I can pan, zoom and rotate it effortlessly.

Mohu ji jednoduše posouvat, přibližovat a otáčet.

I can do that grossly with both of my hands,

Můžu to udělat hrubě oběma rukama

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

nebo pouze dvěma prsty na obou rukou zároveň.

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

Když chytnu plátno, můžu s ním dělat to samé -- roztáhnout jej.

I can do it simultaneously, holding this down,

Mohu to udělat i současně, když tohle přidržuji

and gripping on another one, stretching this out.

a chytnu další, takto to roztáhnu.

Again, the interface just disappears here.

Rozhraní zde opět úplně mizí.

There's no manual.

Není k tomu návod. Je to přesně to, co očekáváte,

This is exactly what you expect,

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

obzvlášť pokud jste předtím s počítačem nikdy nepracovali.

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

Když teď jsou ty iniciativy jako notebook za 100 dolarů,

I kind of cringe at the idea

děsím se představy, že celé nové generaci lidí

of introducing a whole new generation to computing

představíme počítače se standardním rozhraním s myší a okny.

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

This is something that I think is really the way

Tohle je způsob, jakým si myslím, že bychom měli pracovat s přístroji

we should be interacting with machines from now on.

od této chvíle. (Potlesk)

(Applause)

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

Můžu samozřejmě vytáhnout klávesnici.

(Laughter)

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

Můžu ji vzít a dát tady.

Obviously, this is a standard keyboard,

Tohle je standardní klávesnice,

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

ale můžu ji samozřejmě zvětšit, aby byla vhodná pro mé ruce.

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

A to je opravdu důležité, protože dnes není důvod a doba,

that we should be conforming to a physical device.

abychom se přizpůsobovali fyzickému zařízení.

That leads to bad things, like RSI.

To vede ke špatným věcem, například bolesti zápěstí a kloubů.

We have so much technology nowadays

Máme dnes tolik technologií,

that these interfaces should start conforming to us.

že by se tyto rozhraní měly začít přizpůsobovat nám.

There's so little applied now to actually improving

Příliš málo se dnes věnujeme tomu, jak zlepšit způsob,

the way we interact with interfaces from this point on.

jak v budoucnu komunikovat s rozhraními.

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

Tahle klávesnice je pravděpodobně špatný směr, jak pokračovat.

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

Můžete si představit, že v budoucnu, až tuhle technologii rozvineme,

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

bude klávesnice, která se automaticky schová, když oddálíme ruku,

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

a opravdu inteligentně rozpozná, kterou klávesu se snažíme zmáčknout.

So -- again, isn't this great?

Takže znovu, není to skvělé?

(Laughter)

Publikum: Kde máte laboratoř?

Audience: Where's your lab?

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

Jeff Han: Jsem výzkumný vědec NYU v New Yorku.

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

Tady je příklad další aplikace. Umí vytvořit tyto chlupaté koule.

It'll remember the strokes I'm making.

Pamatuje si moje dotyky. Můžu to samozřejmě dělat oběma rukama.

Of course I can do it with all my hands.

It's pressure-sensitive.

Je to citlivé na tlak, jak vidíte.

What's neat about that is,

Co je na tom všem krásné, opět jsem vám ukázal, jak gesto dvěma prsty

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

umožňuje velmi rychle přibližovat. Protože nemusíte přepínat mezi nástrojem ruka

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

or the magnifying glass tool,

a nástrojem zvětšování,

můžete dělat současně několik věcí při různých přiblíženích.

you can just continuously make things

in real multiple scales, all at the same time.

I can create big things out here,

Mohu vytvořit velkou věc tady, ale můžu jít velmi rychle zpátky

but I can go back and really quickly go back

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

kde jsem začal a vytvořit ještě menší věci tady.

This is going to be really important

Tohle bude skutečně důležité, až se to začne dostávat do věcí jako vizualizace dat.

as we start getting to things like data visualization.

Jako příklad, myslím, že nás všechny zaujala přednáška, kterou měl 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:

který zdůrazňoval fakt, o kterém přemýšlím již delší dobu:

We have all this great data,

máme všechna tato velká data, ale z nějakého důvodu tam jen sedí.

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

We're not accessing it.

Nepřistupujeme k nim. A jeden z důvodu, proč to tak podle mě je --

And one of the reasons why I think that is

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

pomohou nám věci jako grafické, vizualizační a odvozovací nástroje,

but I also think a big part of it

ale také si myslím, že velká část toho bude možnost využít lepší rozhraní,

is going to be having better interfaces,

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

čímž budeme moci zkoumat detailní data, a přitom si udržíme kontext.

while still thinking about the big picture here.

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

Ukážu vám ještě jednu aplikaci. Nazývá se WorldWind.

It's done by NASA.

Vytvořila ji NASA. Je to něco jako Google Earth,

We've all seen Google Earth;

this is an open-source version of that.

tohle je otevřená verze. Existují rozšíření, s jejichž pomocí můžete

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

nahrát různá data, která NASA během let posbírala.

that NASA's collected over the years.

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

Ale jak vidíte,

stále mohu velmi jednoduše použít stejná gesta pro přiblížení a oddálení. Opět bez rozhraní.

to go down and go in really seamlessly.

There's no interface, again.

It really allows anybody to kind of go in --

Umožňuje to každému jen tak přijít -- a dělá to přesně to, co očekáváte...

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

Jak říkám, není zde žádné rozhraní. Prostě mizí.

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

I can switch to different data views.

Mohu přepnout na další pohledy. To je na této aplikaci pěkné.

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

NASA's really cool.

Taaak. NASA je fakt skvělá. Mají tyhle hyperspektrální obrázky,

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

které jsou obarveny, takže je to velmi vhodné pro určení vegetativního použití. Ale vraťme se zpátky.

it's really good for determining vegetative use.

Well, let's go back to this.

Úžasná věc u mapových aplikací --

The great thing about mapping applications --

nejsou 2D, ale spíše 3D. Takže díky multidotykovému rozhraní

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

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

mohu udělat takovéto gesto -- takže tím můžete převracet.

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

(Surprised laughter)

Není to degradované na pouhé 2D přiblížení a posouvání.

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

This gesture is just putting two fingers down --

Další gesto, které jsme vyvinuli, položíte dva prsty --

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

tím určíte osu otáčení -- a můžete to naklánět nahoru a dolu.

We just came up with that on the spot,

To jsme vymysleli zrovna teď,

it's probably not the right thing to do,

asi to není to správné,

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

ale jsou různé zajímavé věci, které s tímto rozhraním můžete provádět.

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

Je také docela sranda si s tím jen tak hrát.

(Laughter)

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

Poslední věc, kterou vám chci ukázat --

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

jsem si jist, že můžeme vymyslet spoustu zábavných aplikací,

that you can do with this thing.

které s tím půjdou udělat.

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

Víc mě ale zajímají kreativní aplikace, které se s tímto dají vytvořit.

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

Tady je jednoduchá aplikace -- mohu nakreslit křivku.

And when I close it, it becomes a character.

A když ji uzavřu, stane se z ní postavička.

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

Pěkná věc je, že můžu přidat kontrolní body.

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

A pak s tím můžu manipulovat oběma prsty naráz.

And you notice what it does.

A sledujte, co se děje.

It's kind of a puppeteering thing,

Je to taková loutka, u které můžu použít

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

všechny prsty, co mám, na kreslení a tvoření.

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

Je za tím docela dost matematiky,

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

aby se tato síť dala kontrolovat a dělala správnou věc.

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

Chci jen ukázat, že tato technika manipulace se sítí,

s mnoha kontrolními body, je v podstatě úplná novinka.

is actually state of the art.

It was released at SIGGRAPH last year.

Byla představena loni na konferenci Siggraph,

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

ale je to skvělá ukázka výzkumu, který mám rád:

všechna výpočetní síla převedená na to, aby věci dělaly ty správné věci,

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

intuitive things, to do exactly what you expect.

intuitivně, přesně tak, jak očekáváte.

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

Tak tedy, výzkum multidotykové interakce je velmi aktivní v rozvoji komunikace člověka s počítačem.

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

Nejsem jediný, kdo se tím zabývá. Věnuje se tomu plno dalších lidí.

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

Tato technologie umožní ještě více lidem, aby se do toho zapojili,

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

a já se opravdu těším, až se s vámi všemi

během následujících dní pobavím o tom, jak to můžete využít ve svém oboru.

and seeing how it can apply to your respective fields.

Děkuji vám.

Thank you.

(Potlesk)

(Applause)