らくがきメディア Pictan〜 順番 と 物理的レイヤー のルールを用いてデジタルにおける 手がき のインタラクションを実現する〜
吉村茉莉†、青木啓剛†、洲巻和也†、奥出直人††

慶應義塾大学 環境情報学部

1 はじめに*2.1

順番 のルール

Pictan は、複数のユーザ間のコミュニケーション

オンラインのらくがきでは、Playdo Graffiti[3]のようにおいて 手がき をメディアとして扱うためのデザインにユーザが複数になるとやりとりが成立しなくなる。こルールとシステム例の提案である。オンラインで行わ

れは紙の場合は一度にかく人間が一人に制限されるれる電子メールやメッセンジャーなどのデジタルコミュのに対し、同時に複数のユーザがかきこめるためだ。

ニケーションは、パーソナルメディアとして欠かせない

そこで Pictan では同時にスケッチブックにかきこめるものになっている。しかし、ここでのやりとりはテキストユーザを一人とし、これを 順番 のルールとする。

が中心であり、その中で 手がき を利用する試みは多くない。これまでも手でかかれた絵や文字（以下 らくがき とする）をデジタルで扱う事例はあるが、いずれも Clear Board[1]やタブレット PC のようにビジネスユー
ス を 想 定 し た も の か Thermo Painter[4] や I/O
Brush[2]のようにインタフェースとしての側面を意識したものである。 手がき の持つ個性や表現力は、パーソナルコミュニケーションでこそ活かされる。
我々は、現実に紙上で行われる 手がき のやりとりを成立させる要素を 順番 と 物理的レイヤー のルールとしてデジタルメディアのデザインに利用できる形に抽出した。このルールを用いることで、オンラインでありながら現実の紙と同様のインタラクションを可能にするスライダー付スケッチブック、ペン、そして付箋の物 理 的 デバ イス からなる システ ムである メ ディ ア
Pictan を実現した。

2.2

物理的レイヤー のルール

現実にらくがきを行う場合、会話や周辺環境でのイベントが紙上の 本筋 のやりとりを促進する。これは本筋 とは別のコミュニケーションレイヤーの存在と重要性を示す。Pictan では、付箋デバイスを用いることで本筋のやりとりが行われるデバイスの上に物理的にこのコミュニケーションレイヤーを生成する。付箋上は本筋のやりとりでの順番に関係なくかきこむことができるが、その際の描画は付箋のデバイス上に制限される。これを 物理的レイヤー のルールとする。
3 Pictan の概要
Pictan はらくがきのやりとりをスライダー付スケッチブック、ペン、付箋によって実現する（図１）。
カメラ
ペンキャップ2

順番 と 物理的レイヤー のルール

ペン

複数のユーザがネットワークを介してらくがきのやり

タッチパネル

付箋

モックアップとりを行う際、現実の紙とペンでは自然に行われるインタラクションがうまく生じない問題が発生する。これ

鏡を解決するために、現実にらくがきのやりとりが行われプロジェクタる様子を観察し、インタラクションの主要素をデジタルメディアのデザインに利用する形で抽出したものが
順番 と 物理的レイヤー のルールである。

描画を検知
ペンの開閉を検知

描画エンジン
プロセッサ

順番制御

色から付箋位置を検知

input“Pictan”; Online Medium for Hand Write/Drawing Interaction, Using
the Rules of “Turns” and “Physical Layers”
Mari Yoshimura†, Keigo Aoki†, Kazuya Sumaki†, Naohito Okude††
Faculty of Environmental Information, KEIO Universityoutput
サーバ

他のスケッチブック

図１ Pictan 概要図スケッチブックは 本筋 のやりとりが行われるレイヤーであり、現実のらくがきにおける紙にあたる。

4.1

順番 の検証被験者二人にペンの LED が光っているときはかけるが、消えているときはかけないことだけ説明し、シス

3.1 ペンテムを使用してもらった。彼らは順番のルールをすぐ順番のルールはペンによって実現される。ユーザに理解した。一人がかく間、もう一人はらくがきを注視がかくためにキャップを開け閉めする行為を検知し、し、自分のターンを待ちきれない様子も観察された。

LED の光で順番をユーザに伝える。LED が点灯して順番は混乱を防ぐだけでなく、待つことによるやりとりいる間のみユーザはスケッチブックに描画できる。の盛り上がりも実現することが確認された。
4.2

3.2 付箋
ユーザはスケッチブック上に付箋を貼ることで物理的レイヤーを生成することができる。付箋上はペンで制御される順番と無関係にかきこめる。また、付箋がどのらくがきについて貼られたものかタイミングによって検知し、らくがきと共にデータとして保存する。

物理的レイヤー の検証

ペンに付箋を加え、三人の被験者による物理的レイヤーの検証を行った。一人がかく間、順番を待つ二人がスケッチブック上のらくがきについて質問を付箋上で行ったことから会話が発展し、次にかかれるらくがきに影響を及ぼした。これによって 本筋 と違うレイヤーを設けることがスケッチブック上のやりとりを促進することが確認された。絵に説明を加えられることで、絵に苦手意識を持つ被験者もやりとりを楽しんだ。

3.3 スライダー
Pictan はスライダーを用いてらくがきのやりとりを見返すことが出来る。順番のルールによってらくがきは

5 まとめと今後の展望

ターン毎に保存され、スライダーの上下動により時系

Pictan はテキストにはないらくがきの表現力の豊か列に沿った変化を閲覧できる（図２）。これにより一人のさとルールに導かれる直感的なインタフェースによっらくがきの中に別のユーザがかきこむといった複雑なて、パーソナルメディアに新しく手がきのやりとりというインタラクションの動的な再現が可能である。

インタラクションを与えるメディアである。
順番および物理的レイヤーのルールは、パーソナルメディアとしてだけではなく電子ホワイトボードをはじめとする教育やビジネスなど手がきをオンラインで用いるあらゆるデザインに応用することが可能である。

図２ スライダー操作のスクリーンショット

今後の研究では ID カードを実装し、参加者の管理のみならず交換などのアクションによって知人同士で4 検証
順番と物理的レイヤーのルールが Pictan で実現されているか、及びこれらのルールが持つコミュニケーションへの有用性を確認するために実際にシステムをなくてもらくがきのやりとりを行える環境を実現する。
参考文献[1]H. Ishii, M. Kobayashi, ClearBoard: A Seamless Medium
for Shared Drawing and Conversation with Eye Contact ,Proceedings of the SIGCHI conference on Human factors incomputing systems, pp.525-535, 1992

実装し検証を行った（図３）。

[2]K. Ryokai, S. Marti, H. Ishii, I/O Brush: Drawing withEveryday Object as Ink , Proceedings of the SIGCHI
conference on Human Factors in Computing Systems, 2004
[3]Playdo Graffiti, http://graffiti.playdo.com/

図３ 検証の様子[4]岩井大輔, 佐藤宏介, Thermo-Painter: 熱画像と熱メタフ
ァによるインタラクティブ描画 システム , インタラクション
2004 論文集, pp.21-22, 2003