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

ジェフ・ハンの画期的なタッチスクリーン

翻訳: Yasushi Aoki 校正: Masahiro Kyushima

I'm really excited to be here today.

この場でお話できることに興奮しています

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

研究室で出来上がったばかりのものをこれからお目にかけます

literally, and I'm really glad that you guys

皆さんが最初にこれを直接目にする人間となるのは 素晴らしいことです

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

これは人がコンピュータと接する方法を

because I really think this is going to really change

今後本当に変えるものになるでしょう

the way we interact with machines from this point on.

Now, this is a rear-projected drafting table.

ここにあるのはリアプロジェクション方式の製図台です 幅が36インチほどあって

It's about 36 inches wide

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

マルチタッチセンサを備えています キオスク端末や

Normal touch sensors that you see,

対話式ホワイトボードにある通常のタッチセンサは

like on a kiosk or interactive whiteboards,

can only register one point of contact at a time.

1度に1つの点しか把握できませんが

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

これは同時に複数の点を捉えることができます

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

両手が使えます 指を同時に動かす

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

やりたければ10本の指全部を使ってもいい

You know, like that.

こんな具合に

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

マルチタッチセンサというのはまったく新しいものというわけではありません

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

ビル バクストンのような人たちが80年代に研究していました

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

私のアプローチは 高解像度のものを低価格で作ること

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

そしてさらに重要なのは スケーラブルにするということです

So, the technology, you know,

だからテクノロジー自体は 新たなアクセシビリティという点を別にすると

isn't the most exciting thing here right now,

other than probably its newfound accessibility.

すごくエキサイティングなわけではありませんが

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

ここで興味深いのはこれを使って何ができるか

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

そしてこの上にどのようなインタフェースを作れるかということです

So let's see.

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

例えばこれはラバランプ アプリです

Now, you can see,

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

ご覧の通り 両手を使い 掴んで固まりを作れます

I can inject heat into the system here,

手で熱を加えることができます

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

2本の指を使って引きちぎれます

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

まったく直感的です 使用説明書は必要なし

インタフェースがなくなったかのようです

The interface just kind of disappears.

This started out as a screensaver app

これは元々は私のドクターコースの学生のイリヤ ローゼンバーグが作った

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

一種のスクリーンセーバーだったのですが これに載せることで本当に面白いものになりました

But I think its true identity comes out here.

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

マルチタッチセンサのいいところは

I could be doing this with as many fingers here,

たくさんの指が使えるということですが

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

これはユーザが複数いても良いということでもあります

Chris could be interacting with another part of Lava,

クリスがこっちの方をいじり

while I play around with it here.

同時に私が別なところをいじることもできます

You can imagine a new kind of sculpting tool,

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

新しい彫刻の道具をイメージできます

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

温めて形を変えられるようにし 冷めるとある状態で固まるというような

Google should have something like this in their lobby.

Googleのロビーにはこんなのがありそうです (笑)

(Laughter)

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

次にお見せするのは もう少し実用的な例です 今ロードしています

as this thing loads.

This is a photographer's light-box application.

これは写真家のライトボックスアプリです

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

ここでも両手を使って操作したり写真を動かしたりできます

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

特にいいのは 2本の指を使って

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

写真を掴んでサッと引き伸ばせることです

I can pan, zoom and rotate it effortlessly.

パンだって 拡大だって 回転だって簡単にできます

I can do that grossly with both of my hands,

両手全体でもやれますし

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

両手の人差し指だけでもできます

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

キャンバス自体を掴んでも同じことができます 引き延ばす

I can do it simultaneously, holding this down,

同時にもできます 一カ所を押えて

and gripping on another one, stretching this out.

別なところを掴み こう引き延ばせます

Again, the interface just disappears here.

ここでもインタフェースが消失しています

There's no manual.

マニュアルはいりません 思ったとおりに動きます

This is exactly what you expect,

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

コンピュータに触ったことがなければなおのことそうでしょう

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

100ドルノートPCのような活動で

I kind of cringe at the idea

まったく新しい世代の人々に

of introducing a whole new generation to computing

標準的なマウスとウィンドウを使わせるというのはどうかと思います

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

This is something that I think is really the way

これから先 私たちがコンピュータに接する方法は

we should be interacting with machines from now on.

このようなものであるべきだと思います (拍手)

(Applause)

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

もちろんキーボードを出すことだってできます

(Laughter)

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

画面上で動かせます

Obviously, this is a standard keyboard,

普通のキーボードですが

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

自分の手に合うように大きさを変えられます

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

今の時代 物理的なデバイスに人が合わせなければならない

that we should be conforming to a physical device.

理由はありません

That leads to bad things, like RSI.

それでは反復性ストレス障害みたいな悪いことが起きるだけです

We have so much technology nowadays

今日では進んだテクノロジーがあり

that these interfaces should start conforming to us.

インタフェースの方が人に合わせるべきでしょう

There's so little applied now to actually improving

インタフェースに接する方法をこういう方向から改善するというのは

the way we interact with interfaces from this point on.

現在ほとんど行われていません

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

このキーボードはたぶん正しいやり方ではありませんね

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

将来このようなテクノロジーがどう発展するか想像してみてください

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

手の動きに合わせてキーボードも動いて

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

打とうと思ったキーがどれなのか知的に判断する

So -- again, isn't this great?

これちょっといいと思いません?

(Laughter)

(観客: どこのラボにいるの?)

Audience: Where's your lab?

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

私はニューヨーク大学の研究員です

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

これはまた別なアプリで このように小さなボールを作れます

It'll remember the strokes I'm making.

指の動きを記録します もちろん全部の指を使えます

Of course I can do it with all my hands.

It's pressure-sensitive.

お分りになると思いますが 圧力感知式になっています

What's neat about that is,

ここでも2本の指のジェスチャーで 素早くズームできます

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

手のひらツールやら 虫眼鏡ツールやら

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

or the magnifying glass tool,

切り替える必要はありません

いろいろなスケールで 同時に作り出すことができます

you can just continuously make things

in real multiple scales, all at the same time.

I can create big things out here,

こっちで大きなのを作り 素早く元の場所に戻って

but I can go back and really quickly go back

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

小さなのを作る

This is going to be really important

データ可視化のようなことをやろうとするとき これはとても重要になるでしょう

as we start getting to things like data visualization.

たとえば私たちはみんなハンス ロスリングの講演を とても楽しみましたが

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:

私も長い間考えていたことを 彼は強調していました

We have all this great data,

我々には素晴らしいデータがあるのに それが活用されていません

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

We're not accessing it.

アクセスできずにいます その原因のある部分は

And one of the reasons why I think that is

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

グラフィックスや可視化やインタフェースによって改善できるでしょう

but I also think a big part of it

中でも大きいのは 全体的なことを考えながらデータを掘り下げていける

is going to be having better interfaces,

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

優れたインタフェースだと思います

while still thinking about the big picture here.

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

アプリをもう１つご覧に入れましょう

It's done by NASA.

これはWorldWindで NASAが作ったものです

We've all seen Google Earth;

this is an open-source version of that.

みなさんGoogle Earth はご存じだと思いますが これはそのオープンソース版です

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

NASAが長年に渡って集めた様々なデータを読み込めるプラグインがあります

that NASA's collected over the years.

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

2本の指を使った

ジェスチャーにより シームレスに拡大していくことができます

to go down and go in really seamlessly.

There's no interface, again.

It really allows anybody to kind of go in --

インタフェースはないようなもの 誰でも使え 思った通りに動きます

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

ほら インタフェースなし 単に消えてしまったかのよう

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

I can switch to different data views.

データビューの種類を切り替えられるようになっているのがいい

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

NASA's really cool.

NASAはほんとにいかしてますね

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

これは色づけされたハイパースペクトル画像で 植生がわかるようになっています こちらに戻しましょう

it's really good for determining vegetative use.

Well, let's go back to this.

この地図アプリが素晴らしいのは

The great thing about mapping applications --

2Dだけでなく 3D表示もできることです 再びマルチタッチインタフェースを使い

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

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

このようなジェスチャーで 傾けて見ることができます

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

(Surprised laughter)

2Dだけのパンや動きとは違います

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

This gesture is just putting two fingers down --

このジェスチャーは私たちが開発したもので

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

2本の指を置いて傾ける軸を決め 上下に傾けます

We just came up with that on the spot,

その場で思いついたものです

it's probably not the right thing to do,

あまりいいやり方ではないかもしれませんが

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

このようなインタフェースを使うと こういう面白いことができるのです

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

遊んでいると時間を忘れます (笑)

(Laughter)

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

次のが お見せする最後になりますが

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

これを使ったエンターテインメントを

that you can do with this thing.

いろいろ考ることができます

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

私は特に 創作のためのアプリに興味があります

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

このアプリは単純です 曲線を描き

And when I close it, it becomes a character.

閉じると キャラクタのようになります

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

これが面白いのは 制御点を設定してやると

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

指を同時に使って操作できることです

And you notice what it does.

お分りになるでしょう

It's kind of a puppeteering thing,

操り人形みたいです

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

たくさんの指を使って 描き…

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

これは中ではたくさんの数学を使っています

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

メッシュを制御し しかるべく動くようにする

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

この複数の制御点を使ってメッシュを操作するテクニックは

実際最先端のテクノロジーなのです

is actually state of the art.

It was released at SIGGRAPH last year.

去年のSIGGRAPH で発表されました

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

これは私が好きな研究の例です

コンピュータの力を使って ものに直感的でしかるべき動きを

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

intuitive things, to do exactly what you expect.

人が期待した通りの動きをさせる

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

マルチタッチ操作は 現在ヒューマン インタフェースの分野でとても活発に研究されています

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

こういうことは 私だけでなく たくさんの人がやっています

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

このようなテクノロジーに取り組む人は 今後さらに増えるでしょう

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

この後の数日間で

皆さんの分野でどんな応用ができるかお話しできるのを楽しみにしています

and seeing how it can apply to your respective fields.

ありがどうございました

Thank you.

(喝采)

(Applause)