IPSJ SIG Technical Report Vol.2009-HCI-134 No /7/ Zuzie Evaluation for Animation Methods of Comparing Drawing Expression Hidek

Size: px

Start display at page:

Download "IPSJ SIG Technical Report Vol.2009-HCI-134 No /7/ Zuzie Evaluation for Animation Methods of Comparing Drawing Expression Hidek"

かずただいざわ
4 years ago
Views:

1 Zuzie Evaluation for Animation Methods of Comparing Drawing Expression Hidekazu Kubota, 1 Chisato Takami, 2 Maiko Kobayakawa, 2 Yuta Tsuruga, 2 Masahiro Hamasaki, 1 Yoshiyuki Nakamura, 1 Takuichi Nishimura 1 and Takeshi Sunaga 2 We examine animation methods of comparing drawing expressions in different context. Advantages of using animation for showing difference between multiple drawing expressions have been discussed in human-computer interaction domain. However, there have been few studies of animation methods of comparing subjective drawings. The graphical features and design of Zuzie system that supports subjective drawing are discussed. The psychological experiments about effectiveness of animation methods are described. 1. Blog SNS Web 1) 2) 3) Zuzie 4) Zuzie 1 1 Zuzie Zuzie 1 National Institute of Advanced Industrial Science and Technology 2 Tama Art University 1

情報処理学会研究報告釈するための枠組み座標や尺度グラフの並べ方が文脈となる7) 図を用いた発想支援ではユーザが図を描きながら思考を展開する過程においてひとつの概念を表すカード8)9)10) を意味単位としてその連結構造やグループ構造レイアウトが文脈となる仮想作業空間とは実世界におけるデスクトップの機能を計算機上の仮想空間に構築したものである

2 情報処理学会研究報告釈するための枠組み座標や尺度グラフの並べ方が文脈となる7) 図を用いた発想支援ではユーザが図を描きながら思考を展開する過程においてひとつの概念を表すカード8)9)10) を意味単位としてその連結構造やグループ構造レイアウトが文脈となる仮想作業空間とは実世界におけるデスクトップの機能を計算機上の仮想空間に構築したものであるこの仮想作業空間を図画として眺めるとファイルを示すアイコンを意味単位としてユーザがファイル整理の手がかりとするアイコンのレイアウトやデスクトップのテクスチャ11)12) タスク毎に分類するグループ構造13)14) などが文脈となる文献 15) では図と絵の違いについて表現を構成する意味単位の観点から比較している図ではその意味作用に関与する特徴が明示的であり意味単位の種類が限られているま 5 つのシート作品は共通のカード集合を用いて制作されるがカードを解釈するたた関与しない特徴でも意味の一部を強調するために役立つことがある一方絵の場合めの文脈レイアウト背景画は作品毎に異なっているは絵を構成する要素の特徴を明記することは非常に難しく意味単位の種類は不定であり図 1 Zuzie デジタル組作品の例 Fig. 1 Example of Zuzie Digital Composition 絵の意味は見る人の解釈の仕方によって変わるここまで本節で採り上げた図画表現では意味単位の切り分けや文脈のとらえ方がおよそ明示的であり 15) で述べられた図の性質に近ることであるこのときシート作品間の差異をアニメーション表示することは重要な役割いしかし Zuzie の狙いは絵のように主観的な表現の制作において図のように明示的を担うと考えられるな比較検討の可能な過程を盛り込むことによって制作とその吟味が同時に可能な学習ツー以下ではまず図画表現の観点から Zuzie の特徴を明らかにする 2 節 3 節その後ルを実現することであるこのため Zuzie における図画表現は明確な意味単位であるカー Zuzie における図画表現を比較する際に有効となるアニメーション手法ついて実験心理学ド表現と意味単位の不定なシート上のレイアウトおよび背景画の組み合わせで構成される的手法に基づいた評価と議論を行う 4 節 5 節ここでカードはレイアウトと背景画を文脈として伴うことによって１つのシート作品として解釈される 2. 図画表現の文脈と比較 Zuzie は発想支援を目的としないがカードをレイアウトしながら図画表現を制作する点情報を図画として表現することの利点は人の空間的な知能を活かせる点にある異なる文において図的な思考の展開過程と類似するただし Zuzie の図画表現は図的に比較検討脈に基づいて制作された図画表現の比較を対象とする本研究は探索的な情報検索図を用の可能な部分と手書きの絵としてより主観的に表現された部分の両方を持つ点が特徴であるいた発想支援仮想作業空間などの空間的な情報の表現や整理探索に関する技術分野と深探索的検索や図的思考支援は作業のための一時的な情報レイアウトを扱うが仮想作業空い関わりがある本節では Zuzie ならびに各技術分野における図画表現の構造や文脈の取間では比較的長期に渡って特定の場所にファイルが置かれる点が異なっている Zuzie におり扱いを比較することによって Zuzie の特徴を明らかにするけるシート上のカードレイアウトも制作中には試行錯誤されるが完成した後はシート作品図画表現における意味の単位と文脈がどのように捉えられているかは分野によって異なとして長期的に鑑賞される従来研究ではファイルを置く背景の柄は円や緯線経線など単純る探索的な情報検索においてユーザがグラフ構造や地図を比較する場合ツリー構造のな見た目をしているが Zuzie ではカードを置く背景となるシートの柄はユーザが自由に描 5) ノードや地図上の興味深い場所 POI, Point of Interest) 6) のようなユーザの注目する部いた絵であるため主観的な手がかりの多い表現となっている点が特徴である分が意味単位となりその周辺に見える連結構造やレイアウトが文脈となるあるいは統本研究では複数の表現を切替え表示で比較する時にその差異を示すためのアニメー計グラフのような座標図の場合はレイアウトされるデータを意味単位としてそれらを解ション手法について検討する一般に計算機上の表現においてはアニメーションの有効 2 c 2009 Information Processing Society of Japan

3 16)17) 18) 18)19) 3. Zuzie Zuzie Zuzie 1 Zuzie 4) Zuzie 1 Zuzie Zuzie Zuzie Macromedia Flash Web 1 CakePHP Zuzie 1 1 Zuzie 5 Zuzie Zuzie 4. 2 Zuzie Zuzie 1 3

4 A B C 3(a) 2 A B C 3 D E F 3(b) A B C A 3 D 1, E 1, F 1 2 (a) (b) (c) 3 (a) 3(a) 3(b) 1 2 Fig. 2 Screenshot of Experimental System 4(a) (b) 3(a) 3(b) 4(b) (c) 1 2 3(a) 3(b) 5 (1)(2)(3) ms 500ms = 2400ms 500ms 2900ms ms ms 500ms 1 500ms 4

5 情報処理学会研究報告 (a) 変化前シート作品 1 (b) 変化後シート作品 2 図中の色名は実際のシート上には表示されない図 3 実験用のカードレイアウト Fig. 3 Card layout for experiment (a) 順次移動 (b) 同時移動カードは一つずつ順番に動き始める図中の数字は移動カードは同時に動き始める図中の矢印はアニメーショ順矢印はアニメーション開始後の移動の軌跡を示すン開始後の移動の軌跡を示す図中の数字と矢印は実際のシート上には表示されない図 4 アニメーション方式移動 Fig. 4 Animation Method (Movement) 低速表示の場合同時移動とフェードについて予備調査において全てのカードを追いかけられるが長すぎるということのなかった 5000ms を用いることにした順次移動について 1 枚のカードの変化にかかる時間を 5000ms とするのは長すぎるため移動開始の間隔を高速表示よりも大きい 400ms 1 枚のカード変化を 1800ms としてカード全体の変化にかかる時間が他と同じ 5000ms となるように設定した = 5000ms なお順次移動同時移動の場合について Zuzie ではカードの移動に slow in and slow out 原理 follow through 原理のアニメーションを適用しているが本実験では移動方式を比較するため移動ベクトルの向きに大きな影響を与える follow through 原理は適用しない (1) 作品 1 のカードがやや透明作品 (2) 作品 1 と 2 のカードが同程度に (3) 作品 1 のカードがかなり透明作実験本体は以上の 2 要因被験者内計画であるがこの 2 要因以外についての議論を補う 2 のカードがかなり透明順次移動同時移動フェード低速表示品 2 のカードがやや透明 (1) から (3) の順でシート作品 1 がフェードアウトシート作品 2 がフェードインする表 1 アニメーション速度 Table 1 Animation Speed 高速表示透明図 5 アニメーション方式 (c) フェード Fig. 5 Animation Method (Fade) ため実験協力者には上記計画を妨げない形で次の補足的条件による刺激も提示している (ア) 同期フェード高速表示上記のフェードを用いた刺激提示ではシートが変化した後順次移動: 移動開始の間隔 (ms) 1 枚のカードの変化にかかる時間 (ms) 同時移動フェード: 1 枚のカードの変化にかかる時間 (ms) にカードが変化するが映像作品等でフェードアニメーションを用いる場合を考えると画像全体が同時にフェードするほうが自然かもしれないと考えた本条件では切 5 c 2009 Information Processing Society of Japan

6 500ms ( ) 5000ms ( ) A,B,C D,E,F :5: 5 1: 5: (a) 2 [F (1, 20) = 7.32, p <.05] M = 3.87M = (b) 2 [F (2, 40) = 3.29, p <.05] Scheffe M = 4.14M = 3.38 [F (1, 20) = 8.18, p <.01] M = 4.07 M = 3.29 [F (2, 60) = 4.20, p <.05] 7 2 5% [F (2, 40) = 0.43, n.s.] [F (1, 20) = 3.22, n.s.] [F (2, 40) = 3.09, n.s.] 2 [F (1, 20) = 11.81, p <.005] M = 1.18 M =

7 [F (2, 40) = 3.57, p <.05] 5% 5. 7)16)17)20) 4 (a) (b) 6 Fig. 6 Mean Subjective Rating Score 7 Fig. 7 Mean Reaction Time ( ) ( ) ( ) 1 3 [F (2, 40) = 7.49, p <.005] Scheffe ( ) ( ) M = 3.10 M = 1.91 [F (2, 60) = 7.05, p <.005] 1 3 Zuzie 4) 1 Zuzie 6. Zuzie 7

8 JST CREST 1) (2006). 17 CREST. 2) (2000). 3) - (1) -. pp (2008). 4) Lee, T.-W., Kobayakawa, M., Tsuruga, Y., Takami, C. and Sunaga, T.: Facilitating Interpretation of Objects Based on Constructive Scrapbook, Proceedings of International Service Innovation Design Conference(ISIDC), pp (2008). 5) Lamping, J., Rao, R. and Pirolli, P.: A Focus+Context Technique Based on Hyperbolic Geometry for Visualizing Large Hierarchies, CHI 95: Proceedings of the SIGCHI conference on Human factors in computing systems, ACM, pp (1995). 6) Reilly, D. and Inkpen, K.: Map Morphing: Making Sense of Incongruent Maps, In Proceedings of Graphics Interface 2004, pp (2004). 7) Vol.18, No.2, pp (2006). 8) (1967). 9) D-ABDUCTOR Vol.35, No.9, pp (1994). 10) KJ Vol.35, No.1, pp (1994). 11) Robertson, G. G., Czerwinski, M., Larson, K., Robbins, D. C., Thiel, D. and Dantzich, M.V.: Data mountain: using spatial memory for document management, UIST 98: Proceedings of the 11th annual ACM symposium on User interface software and technology, ACM, pp (1998). 12) Agarawala, A. and Balakrishnan, R.: Keepin it real: pushing the desktop metaphor with physics, piles and the pen, CHI 06: Proceedings of the SIGCHI conference on Human factors in computing systems, ACM, pp (2006). 13) Card, S.K. and Henderson, A.: A multiple, virtual-workspace interface to support user task switching, CHI + GI 87: Proceedings of the SIGCHI conference on Human factors in computing systems and graphic interfaces, ACM, pp (1987). 14) Robertson, G.G., Dantzich, M.V., Robbins, D., Czerwinski, M., Hinckley, K., Risden, K., Thiel, D. and Gorokhovsky, V.: The Task Gallery: a 3D window manager, CHI 00: Proceedings of the SIGCHI conference on Human factors in computing systems, ACM, pp (2000). 15) (1986). 16) Gonzalez, C.: Does animation in user interfaces improve decision making?, CHI 96: Proceedings of the SIGCHI conference on Human factors in computing systems, ACM, pp (1996). 17) Bederson, B.B. and Boltman, A.: Does Animation Help Users Build Mental Maps of Spatial Information?, InfoVis 99: Proceedings of IEEE Symposium on Information Visualization, IEEE, pp (1999). 18) Nakakoji, K., Takashima, A. and Yamamoto, Y.: Cognitive Effects of Animated Visualization in Exploratory Visual Data Analysis, InfoVis 01: Proceedings of IEEE Symposium on Information Visualization, IEEE, pp (2001). 19) Chang, B.-W. and Ungar, D.: Animation: From Cartoons to the User Interface, UIST 93: Proceedings of the 6th annual ACM symposium on User interface software and technology, ACM, pp (1993). 20) Vol.19, No.1, pp (2007). 8

GUI(Graphical User Interface) GUI CLI(Command Line Interface) GUI

24 GUI(Graphical User Interface) GUI CLI(Command Line Interface) GUI 1 1 1.1 GUI................................... 1 1.2 GUI.................... 1 1.2.1.......................... 1 1.2.2...........................