1. ShibuyaUX 2011/12/12
ペーパーホワイトボードプロトタイピング
-協働によるデザイン案検討での活用-
A Study of Paper White Board Prototyping at a Design by Collaboration.
shirasy
1

2. 自己紹介
最近、参加している活動
写真関連
デザイン関連
CV関連

3. 1. はじめに
スマートフォン向けアプリの画面遷移やワイヤーフレーム案検討
開発プロジェクトの現場の一例
担当者が一時案を作成後、数名（2～4 名程度）にて内容の確認
（意識共有）および改善案を検討
この際、プロジェクト内のメンバーは業務を行っているため、短時間での
内容の確認、ならびに改善案の検討完了が求められる

4. 2. ペーパープロトタイピング
ペーパープロトタイピング ： 「ラピッドプロトタイピング」の形態の一つ
ラピッドプロトタイピングの特徴
“次々に修正を加えていけることが重要”
“ブレーンストーミングを推進する材料を提供し、問題の早期発見につながる”
従来、ペーパープロトタイピングは、主にユーザビリティの評価が目的
最近、ユーザのニーズを引き出すためにペーパープロトタイピングに
着目した事例も
4

5. 2. ペーパープロトタイピング
ペーパープロトタイピングの課題
プロジェクトメンバー内の打ち合わせと言った意識あわせの際、
以下の課題を有する
図の描画に失敗した場合、全体を描き直す必要がある
意識合わせのため、図の一部を修正する際も、全体を描き直す必要がある
デザイン検討の思考を阻害
思考の回転と意識共有を促進する
グリスが欲しい
5

6. 3. ペーパーホワイトボードプロトタイピング
ペーパーホワイトボード
紙およびホワイトボードの特徴を有する
利点：
描くこと、および消すことが容易
6

7. 3. ペーパーホワイトボードプロトタイピング
7

8. 3. ペーパーホワイトボードプロトタイピング
ペーパーホワイトボードを用いたプロトタイピング
「画面枠」のペーパーホワイトボードへの着脱により、「フォーカス」と「俯瞰」を切り替え
＜フォーカス＞ ＜俯瞰＞
画面枠の着脱により、
「フォーカス」と「俯瞰」
の切り替えを繰り返す
デザイン案の理解を共有
するため、検討が促進
フォーカス：画面枠をペーパーホワイトボードに着けた状態
画面にフォーカスし、ハンドスケッチにて画面のユーザインターフェイス案の検討を
促進
俯瞰：画面枠をペーパーホワイトボードに外した状態 8
ペーパーホワイトボード全体を俯瞰し、画面遷移案の検討を促進

9. 3. ペーパーホワイトボードプロトタイピング
デモしますので、お声掛け頂けますと幸いです。
9

10. 4. 関連発表
白澤：「協働によるデザイン案検討における ペーパーホワイトボードプロトタイピン
グに関する検討」，第3回HCD研究発表会（2011）
白澤，松崎，牧野，小江，吉岡：「協働によるデザイン案検討における ペーパー
ホワイトボードプロトタイピングの検討」，ヒューマンインターフェイスシンポジウム
2011（2011）

12. 2. ペーパープロトタイピング
「ペーパープロトタイピングは、インタラクションのある製品やサービスをデザイン
するためのデザイン手法」と定義（山崎氏）
本研究における
プロトタイピングのスコープ
ワイヤーフレーム検討
忠実度：低
対象者：内部関係者
対象物：スマートフォン向け
ソフトウェア
山崎氏：「ユーザーセンタード・デザインの展開（5）
ペーパープロトタイピングの活用」、pp.118-119、 12
日本デザイン学会第59回研究発表大会（2009）

13. 3. ペーパーホワイトボードプロトタイピング
ペーパーホワイトボードプロトタイピング
プロジェクトメンバー内でのワイヤーフレーム（低忠実度）を対象とした
プロトタイピングによるデザイン検討促進方法
図の部分的な修正が容易
画面遷移の修正が容易
13