動きのスケッチプロトタイピング

1. 動きのスケッチプロトタイピング
shirasy
1
2015.10.04 hcdvalue LT 1st.

2. 217
頭に描いているUIのイメージを共有する
スケッチ プロトタイピング

3. ペーパーホワイトボードプロトタイピング
3
カットボードを使うことで以下ができる
・段階的な開示（Progressive Disclosure）
・注目の共有（Shared Attention）
＜俯瞰＞ ＜フォーカス＞
Y.Shirasawa, Wireframing with Paper Whiteboard in Collaboration ,
2P-90, APCHI 2012

4. 23
4
動きは？

5. 5
身体（手）の動き
画面内のオブジェクトの動き
連続的なインタラクション
https://www.youtube.com/watch?v=cSTEB8cdQwo

6. 6
メンタルモデル
Structural model
Functional model
システムがどう動くのか
システムをどう使うのか
スケッチの段階で、
身体とシステムの動きのイメージを具現化

7. 7
スケッチモーション
「身体動作の試行」と「GUIの動きのプロトタイピング」
を連携して行う
https://www.youtube.com/watch?t=40&v=V-XVLZMJ3W4

8. 8
アニメの
原撮
プロセス動画
スクリーン イン
プロトタイピング
原画の素材で撮影さ
れたムービーデータ
SHIROBAKO Webサイト 用語集
より
http://shirobako-anime.com/words.html
https://www.youtube.com/watch?v=KIv2LhlR5J0

9. 9
自己中心視点の行為の観察による
視覚注意の調整効果 に着目
望月ら「自己中心的視点からの把持行為の観察による 視覚注意の調整効果」

10. 10
関連資料
blog「無限と微小」に記事あります
http://shirasy.blogspot.jp/2014/08/blog-post.html