時間情報を利用 した手描きスケ ッチング ツー ル
中小路久美代 1
山本恭裕 1
西中芳幸 2
浅田充弘 2
12東京大学先端科学技術研究センター(株)SRA先端技術研究所

1

はじめに
手描きスケッチは，建築設計やインダストリア

ルデザイン，服飾デザイン，ユーザインタフェー
スデザインといった，様々なデザイン領域の初期段階において利用されている外在化表現形態である[Nakakoji 2005][Buxton 2005]．インフォーマルなダイアグラムという表現と，手で鉛筆を支持し紙に対して動かすことで描くというインフォーマ
ルなプロセスの双方を介して，デザイナは，行為の結果に対する内省(reflection-on-action)と，行為る．市販の描画アプリケーションシステムの多くが，レイヤー機能をとりいれ，描画オブジェクトを異なるレイヤーとして管理することで，スケッチ表現のバージョン管理や代替案の作成と比較といったことをおこなえるようにしている．
本論で説明するツール(ART019)は，手描きスケッチのストロークの時間情報を利用することにより，ユーザがスケッチ表現とのインタラクションをおこなえるようにしたものである．

2

ART019: スケッチングツールに お け る 内 省 (reflection-in-action) と に 携 わ る

図 1 左に，本ツールの基本となる考え方を示す．

[Schoen 1983]．外在化の手段としての手描きス

ART019 では，時間情報に基づくスケッチ 3D 表

ケッチは， (1) 多様な解釈の幅をもつたせる表現

現を利用する．ユーザが手描きするスケッチは X-Yであること，(2) 一貫した意味をもたすことができ平面上に表示されるが，内部的には，ストロークる表現であること，および(3) 直感的な操作により描画の時刻情報を Z 軸化した，図 1 左に示すよう表現できること，という三つの特徴によって，デな時間情報に基づくスケッチ 3D 表現として保持ザイナの創造的思考のプロセスを導くと考えられされる．これは，SketchAmplifier システムで利用る[Yamamoto 2005]．

さ れ て い る 機 構 で あ る [Nakakoji 2003][ 中 小 路

これまでに，デザイ ナのためのス ケッチング

2004]．時間情報を表す Z 軸上で，ストロークの可ツールがいくつか提案されてきている．デザイナ

視化範囲を指定することで，ある一定時間内に生が利用するスケッチブックやキャンバスに代わる成された描線を，キャンバスとしてユーザに提示

ツールの多くは，ページ，あるいはレイヤーといされている X-Y 平面内で，見えなくすることが可う概念を利用してスケッチ表現をデザイナが扱え能となる．SketchAmplifier では，この，見える範るようにしている．スケッチブックを利用するデ囲を Z 軸上に沿って移動させることで，描画プロザイナにとっては，ページ内での描画の位置や，セスのアニメーション生成をおこなうものあった．

どのページに何と一緒に描いたか，といった事項

ART019 では，X-Y 平面を描画キャンバスとすが，思考の際の重要な鍵となるとされている．ペーるインタフェースに加えて，時間軸に沿ったストジ概念に基づくスケッチングツールでは，ページローク列，および時間情報に基づくスケッチ 3D 表を単位として手描きスケッチをおこなえることと現の X-Z 平面をタイムスケーラーとして表示する

し，多数のページの概観や，パラパラとめくる行ことで，ユーザが手描きスケッチプロセスの分岐為，ページの端を折ることによる意味づけ，などや代替案の比較をおこなえるようにしたものであをおこなえるようにしたものなどがある[Hoebenる．

2005]．レイヤー機能は，建築などの分野において

図１右に ART019 のスクリーンイメージを示す．

設計者がおこなってきている，半透明のトレーシユーザが中央のキャンパス内(X-Y 平面に相当）

ングペーパーを重ねてその上にスケッチをおこでストロークを描いていくに従って，右側のタイなっていきながら，手描きスケッチの代替案を作

ムスケーラーにもその水平軸を横軸，時間軸を縦成しそれらを比較する，といった行為を可能とす方向とした X-Z 平面にストロークが描画されてゆ図 1：時間情報を利用したスケッチングツールの機構（左）とそれを利用した ART019（右）く．１ストロークを終了するごとに，ストローク参考文献のサムネールとその時刻情報がストロークリスト

Buxton, B., Sketching and Experience Design,
INTERACT 2005, Keynote Address, Rome, Italy,
September, 2005.
Hoeben, A., Stappers, P.J., Direct Talkback in Computer
Supported Tools for the Conceptual Stage of Design,
Special Issue on Computational Approaches for Early
Stages of Design, Knowledge-Based Systems Journal,
Elsevier Science, 2005 (in press).
Nakakoji, K., Yamamoto, Y., Toward A Taxonomy ofInteraction Design Techniques for Externalizing in
Creative Work, Proceedings of HCII2003, Vol.2,
Theory and Practice (Part II), C. Stephanidis, J. Jacko(Eds.), pp.1258-1262, Crete, Greece, June, 2003.
Nakakoji, K., Gross, M.D., Candy, L., Edmonds, E. (Eds.),
Special Issue on Computational Approaches for Early
Stages of Design, Knowledge-Based Systems Journal,
Elsevier Science, Vol.18, No.8, 2006.
Schoen, D.A., The Reflective Practitioner: How
Professionals Think in Action, Basic Books, New York,1983.
Yamamoto, Y. Nakakoji, K., Interaction Design of Tools
for Fostering Creativity in the Early Stages ofInformation
Design,International
Journalof
Human-Computer Studies (IJHCS), Vol.63, No.4-5,
pp.513-535, October, 2005.に追加される．ユーザは，ART019 ストロークの可視／非可視を選択することで，キャンバス内でのスケッチの見え方を変更することができる．
キャンバス内では，現在見えている状態に対して，続けてストロークを足していくことができる．また，現在の見えている状態を左側のスナップショット列に追加していくことができる．左側のスナップショットのひとつを選択すると，現在までの全ストローク情報は保持したまま，スナップショット生成時のストロークの選択状態が再現され，キャンバス内には，その時点でのキャンバスの状態に戻ったようにユーザには表示される．
revive を選択すると現在までの全ストロークを表示する．renew を選択すると全ストロークを非表示にし，キャンバス内は白紙の状態に戻ったように見える．
このように，時間情報を利用したスケッチング
インタフェース ART019 を利用することによって，ユーザは，スケッチのアンドゥや，ヒストリのブランチング，代替案の生成と比較やバージョン管理をおこなうことができる．

中小路久美代，創造的思考過程における外在化のためのインタラクティブシステム，人工知能学会誌，pp.229-234, March, 2004．