左 右脳 脳

V&Vのためのプロトタイピングと共感のためのプロトタイピング

説明者: 保井 俊之
E-mail: t.yasui@z2.keio.jp
1• 東京大学 教養学科 国際関係論卒業– 協創の政策づくり, 金融と地域活性化• 国際基督教大学博士(学術), 九州工業大学客員教授– システム×デザイン思考, 政策エコシステムづくり• 慶應SDM 特別招聘教授– 社会システム・デザイン, ソーシャルイノベーション, 協創,
地域活性化の場づくり, 著書に「「日本」の売り方: 協創力が市場を制す」など。
2てか、日本盛り上げ協会の会長です3ちなみに、日本盛り上げ協会(架空)です4Only One Rule
ただひとつのルール• この時間は外に出ることがあります。
• 大人数で移動することがあります。
• チャレンジングなワークをすることがあります。
• 必ず守ってもらいたいルールがひとつだけあります。
• みなさんの安全を守るために。
5

When lecturer raises his right hand:
右手を上げたら(写真出所) 2013年3月24日 慶應SDM Open KiDS 筆者撮影

6

おさらいしましょう

システム思考左 右
脳 脳

デザイン思考（システムズエンジニアリング）●一般的な調査●フィールドワーク●一般的な議論●ブレーン
ストーミング●v&vのためのプロトタイピング●共感のためのプロトタイピング7

おさらいしましょう

システム思考左 右
脳 脳

デザイン思考（システムズエンジニアリング）●一般的な調査●フィールドワーク●一般的な議論●ブレーン
ストーミング●v&vのためのプロトタイピング●共感のためのプロトタイピング

この時間は、ここを勉強します8そもそも、プロトタイピングとは• Verification(検証)とデザイン向上（更なる創造）– 自分の為：機能の確認と新たな気付き– チームの為：機能の共有・相互理解・新たな気づき– 他者の為：機能を理解してもらえるかの確認• Validation(妥当性確認)と共感– 自分とチームの為：世の中で本当に必要とされているかの確認– 他者の為：他者に機能・価値を理解・共感してもらい、評価してもらう（使用状況も含めた
容易な理解のためにシナリオが重要）
V&V：システムズエンジニアリングの視点、緑字：デザイン思考の視点

9

“システム×デザイン”思考の環
発散技法

アイデア
ジェネレーション

問題の共有
気づき・「義憤」
フィールド
ワーク

評価と検証
共有・共感・再発想

収束技法

プロトタイプを作る
プロトタイ
ピング
10

Prototypeは創造性の源泉• Prototyping– システム開発、プロジェクトマネジメントにおいて試作品を作ることでリスクの軽減を図る手法 (Project Management Institute 2008: 303-304)• 創造性あふれる組織の血液: 実験に対する許容性(Brown 2009)– プロトタイプ製作は実験意欲の最大の証拠– 「両手を使った思考」: 仕様書主導・計画主導の抽象的思考と対照的– 「やっつけ仕事で構わない」: デザインの結果をより早く生み出すために行う• 簡素、ラフ、安上がりが肝心• ひとつのアイディアのプロトタイプに高額投資をして、のめりこまな
いこと(Sunk Costの問題)• プロジェクトの迅速化• いくつかのアイディアを同時に模索する– よいプロトタイプの例• プラスチックのバター皿と香水チューブについていたボール• アップルコンピュータがマウスを発明したときのプロトタイプ
11

プロトタイピングの本質と手法• プロトタイピング: 本質の2側面(紺野登 2010: 144-145)– ①「仮説の媒介」• 現場から直観的に得られた知見を伝達しやすく、まとめやすくする– ②「仮説の検証」• 得られた知見からコンセプト・理論を仮説し、それにもとづいたプロトタイ
プを作り、仮説を検証する• 過剰なお金と時間を製作にかけないほうが、効率的– ソフトウェア・プロトタイピングでも、「やり過ぎない」プロトタイプが流行• 発展的ラピッド・プロトタイピング(Connell & Shafer 1999)– ユーザーにシステムの主要部分を物理的に描写して見せる。本物のデータを扱うが完全なシステムである必要はない。
• ペーパープロトタイピング(Snyder 2003)– Usability testingの一種。ユーザーを代表する人物が、現実に想定される課題を紙製のインタ―フェイス上で実行。
– 「コンピュータ役」の人が紙製のインターフェイスを操作、ただし、 「コンピュータ役」の人はそのインターフェイスがどのような働きをする
12かを説明しない。

ソフトウェアプロトタイビングの一覧(Arnowitz et al.邦訳2009:141-155)
手法名

やり方

効用

カードソーティング

インデックスカードの分類作業により、構造・用語の確認

対象ユーザの参加で、情報と用語を共通化・概念化

ワイヤーフレームプロトタイ
ピング

ソフトウェアがどう見えるかをスケッチで描く

製品構造やインターフェイスの概念的仮定を可視化

ストーリーボードプロトタイ
ピング

製品を利用するユーザの一日をス
トーリー・イラストで記述

ユーザ要求をもとに、詳細な画面
設計なしに開発チームの製品目標を共有・整理紙上プロトタイピング

ユーザインターフェイスの設計のため、手と声により、結果画面を示す

対話型で、設計を実際のユーザと確認

デジタルプロトタイピング

ワードやエクセル等で紙上プロト対
ビングと同じ方法をとる

コード化技術の専門家でなくとも習得でき、設計アイディアを表現

ブランクモデルプロトタイピ
ング

モデレータが参加者と対話し、工作
材料で作成したプロトを操作させる

ハードウェアコンポーネント操作のユーザ理解を早期に把握

ビデオプロトタイピング

映像を作り、ソフトウェア製品の機
能を視覚的に表現。

ユーザの使用文脈と規模を把握

ウィザードプロトタイピング

背後の開発メンバーが新しい技術を仮想的にフィードバック

自然言語等の入力で、仮想的な新機能を表現

コード化プロトタイピング

Java等の開発言語で作成

最終製品に直接利用可

13

行き過ぎか、効果的か• 行き過ぎたプロトタイプは、ソフトウェア開発
プロセスのあまりにも早い時期に、適切とは言えない高い忠実度を実現してみせて、うわべだけで観衆をうならせようとする。
• それは強い印象を与えるかも知れないが、早まった設計判断をもたらすことが多く、したがって自らを窮地に追いやる羽目になりかねない。
• できるだけ詳細にしようと努めることは墓穴を掘る結果になることが多い。
• 効果的なプロトタイプは、プロトタイプの対象者が曖昧さや詳細すぎる画面に目を奪われることなくアイデアを正しく理解できるように仕向けなくてはならない。
• (Arnowitz et al.邦訳2009:xxi-xxii)

レオナルド・ダビンチと彼の描いたヘリコプターのスケッチ(出所) ウィキペディア・ウェブサイト
http://ja.wikipedia.org/wiki/%E3%83%AC%E3%82%AA%E3%83%8A%E3%83%AB%E3%83%89%
14
E3%83%BB%E3%83%80%E3%83%BB%E3%83%B4%E3%82%A3%E3%83%B3%E3%83%81

プロトタイプを外の目にさらす• 紙やプラスチックなどの「モノ」のプロトタイプばかりではない– シナリオの作成– スキット劇によるサービスの顧客体験状況• プロトタイプを「野に放つ」(Brown 2009)– 製品・サービスは複雑な社会システムの多様な状況や企業-顧客・顧
客間インターフェイスのもとで使用される– 実際に使ってもらい、生き残るかどうかを試す– 仮想世界(e.g. セカンドライフ)やSNSを通じて、顧客の反応を引き出す

Second Life Marketplaceにアップされたゲームのプロトタイプ(無料)の例(出所) Second Life Marketplace Website
https://marketplace.secondlife.com/ja-JP/stores/3845

15おさらいしましょう
システムズエンジニアリングの

左 右
脳 脳

共感のためのプロトタイピング
プロトタイピング●緻密＋正確●雑＋不正確●1度のコスト・時間大 ●迅速に何度も●計画的な試作●どんどん失敗●客観的なv&vのため ●創りながら学び、●創造は別のフェーズ ●見ながら創造（自分もチームも顧客も）16

システムズエンジニアリングの左脳プロトタイピング●緻密＋正確●1度のコスト・時間大●計画的な試作●客観的なv&vのため●創造は別のフェーズ

17

Prototype to Test: Example
屋内GPSを使った混雑状況共有アプリ(写真出所) 慶應SDM 神武直彦准教授提供 2012年2月筆者撮影
18

Prototype to Test: Example
宇宙往還機

慶應義塾大学理工学部による宇宙往還機プロトタイプの飛行実験(出所) SDMニュース2009年2月号「研究室紹介
ストラテジック・デザイン研究室 狼嘉彰教授・浦郷正隆准教授」
19

Prototype to Test: Example
超小型衛星(写真出所) 慶應SDM 白坂成功准教授・石橋金徳助教提供 2012年2月撮影
20

右
脳

共感のためのプロトタイピング●雑＋不正確●迅速に何度も●どんどん失敗●創りながら学び、●見ながら創造（自分もチームも顧客も）21

「気づき」と「共有」• ある問題に関し、デザイン空間、並びに人びとがとらわれている思考(mindset)についての「気づき」を得るために作る簡単な原型(Stanford University d.School 2012)– 製品や解決策をテスト・評価するためのものではない• ‘Active Empathy’の考え方– ステークホルダーに対する「よそ者」 ではない
– ステークホルダーに新しい情報をもたらす– 単なるインタビューや観察以上の「気づき」を得るため• 簡単な原型を作ってみる– チームメンバーとの「思い」の共有– 顧客との「思い」の共有
22

共感プロタイピングの成功には• Design Thinking– Prototype For Empathyが成功する3条件(Stanford University d.School 2012)• 顧客から反応を引き出す。
• 追求したい課題を探るゲームを創りだす。
• どのような顧客がよりよく自分の意図を理解してくれるかシミュレーションする
23

共感のためのプロトタイピング• 作ればいいというものではない• 目的は何かを明確化すべき– 何を他人に感じてもらい、– 何をグループで感じ、– 何を自分で感じるためか• 成果を明確化すべき– 目的は達成されたか– 何が不十分だったか24

経験の共有が大事• Experience Prototyping (Buchenau and Fulton-Suri
2000)– デザインチームのメンバーと顧客がプロトタイプに
アクティブに関わる(active engagement)– 直接の気づきを得る– 意義• 顧客の経験とコンテキストを理解する• デザインのアイディアの探求と評価• アイディアを観衆に伝える
25

Prototype for Empathy: Example
高齢者の生活を支援する製品(写真出所) 2008年度慶應SDM ALPSより
春山真一郎教授提供(2009年2月撮影)

26

Prototype for Empathy: Example
紙、付せん紙、粘土、造形玩具の街(写真出所) 2008年度慶應SDM ALPSより
春山真一郎教授提供(2008年6月撮影)
27

Prototype for Empathy: Example
保険サービスの創造

簡単な保険勧誘パンフを3種類作り、顧客の反応を引き出す(保井俊之(forthcoming b))28

Prototype for Empathy : Example
ストーリーとしてのこどもの職業体験

子どもがなりたい職業について、
業務内容のプロトタイプを体験してみる(キッザニア東京)(写真出所)2012年2月筆者撮影
29

Prototype for Empathy : Example
3-11大震災からの復興政策のイメージ

30(写真出所) ふくしま未来ミーティング(2011年12月11日; 福島大学)ワークショップにて、筆者撮影

Prototype for Empathy : Example
地域活性化政策をジオラマに(写真出所) 2012年10月 筆者撮影
31

Prototype for Empathy : Example
節電するライフスタイルの提案

2011年7月: 慶應SDMが節電のためのライフスタイルの改革提案として、浴衣による学習生活をプロトタイプ(写真出所)慶應SDM提供
32

方法や形はたくさんあるプロトタイピングとプロトタイプには、たくさんの方法や形がある。
すべての方法に得意と不得意がある。
どんな方法を選ぶかはどんな結果が欲しいかで決定する。

33

ナレッジマネジメントとしてのプロトタイプ①
・SECIモデル(Nonaka and Takeuchi (1995:59-62))-知識創造の方法論-知の形はふたつ: 知識変換が行われる
・暗黙知(Tacit Knowledge): 主観, 経験(身体), 同時, アナログ(実務)・形式知(Explict Knowledge): 客観, 理性(精神), 順序, デジタル(理論)-知識変換は社会的プロセス(人と人の間)
暗黙知

暗黙知

暗黙知

共同化
(Socialization)

表出化(Externalization)

暗黙知

内面化
(Internalization)

連結化(Combination)

形式知

形式知

形式知

形式知

(図表出所) Nonaka and Takeuchi(1995:62) Figure 3-2を筆者が一部修正

34

ナレッジマネジメントとしてのプロトタイプ②
・暗黙知から形式知を創造
・暗黙知を明確なコンセプトに表す・個人の暗黙知からグループの暗黙知を創造
・経験の共有によるメンタル
モデル・技能の暗黙知創造

・形式知から
暗黙知を創
暗黙知造
・行動による
学習と深い
関連、メンタルモデルや 暗黙知
技術的ノウ
ハウに内面
化、アセット
にする

暗黙知

暗黙知

共同化
(Socialization)

表出化(Externalization)

内面化(Internalization)

連結化(Combination)

形式知

形式知

形式知

形式知

・個別の形
式知から体
系的な形
式知を創造
・コンセプト
を組み合わ
せてひとつ
の知識体
系を創りだ
す

(図表出所) Nonaka and Takeuchi(1995:62) Figure 3-2を筆者が一部修正

35

ナレッジマネジメントとしてのプロトタイプ③-知識変換の4モードをスパイラル-個人、グループ、組織、組織間をまたがるスパイラル

暗黙知

暗黙知

暗黙知

共同化
(Socialization)

表出化(Externalization)

暗黙知

内面化
(Internalization)

連結化(Combination)

形式知

形式知

形式知

形式知

(図表出所) Nonaka and Takeuchi(1995:71) Figure 3-3を筆者が一部修正

36

ナレッジマネジメントとしてのプロトタイプ④
グラウンデッド・セオリー(GTA)

フィールドワーク

暗黙知

暗黙知

ストーリーテリング・
シミュレーション

暗黙知

暗黙知

共同化
(Socialization)

表出化(Externalization)

形式知

内面化
(Internalization)

連結化(Combination)

形式知

形式知

形式知

ブレーンストーミングやコンセプトの図像化も含めて行う
ハンズオンのモデリングによる概念創出

プロトタイピング(図表出所)紺野登(2008:249)図を筆者が一部修正

37

プロトタイプを作ろう• これまで作ってきたコンセプトをもとに、プロトタイプを作りましょう• でも、どうやって作るの?
–Prototype to test
–Prototype for empathy• 時間がかかるのに !
• どうやって?
38

Improvise It ! (スキット)(写真出所) 慶應SDM Open KiDS 2013年3月3日 梅田眞司氏提供

39

スキット(即興劇)の理由• イノベーションの加速のため– Planned Serendipity• コミュニティの形成と目的共有のため– Playback Theater• プロトタイピングのため– Experience Prototyping• リーダーシップの発揮のため– Embodied Leadership– Elevator Pitch

40

今回のプロトタイピング
さきほど作ったコンセプトから

プロトタイプのストーリー1分間を作り、即興劇(スキット)を演じる

41

さきほど作った
コンセプト
他の人たちに説明できる
プロトタイプを作ろう。

42

ストーリーを作る
ストーリーをみんなに伝えることを考えてみよう。
43

Storytelling ストーリーを語る• 「物語」を誰かに話すこと– 目的達成のために、あるコンセプトを具体的なストーリーを通じて、集団のメンバーと共有– 体系化された方法論– 社会学、経営学、政治学などで脚光• 政治リーダーシップの鍵(Polletta(2006))• 語ること(using narratives)が社会を変える力
44

ナレッジマネジメントにおけるストーリー• 組織変革のための方法論(ブラウン他邦訳書
2007: 65-68)– 説得と知識共有・創造のため– ある物語を語り、組織のメンバーと共有• IBM, ゼロックス、世界銀行等で組織カル
チャー変革のツールとして活用され、成功。

45

企業戦略としてのストーリー
ストーリーとしての競争戦略は、「違い」と「つながり」という二つの戦略の本質のうち、後者に軸足を置いています。
トップがストーリーを構想するだけでなく、そのス
トーリーが組織の人々で丸ごと共有されていることが重要な意味を持ってきます。
(出所)楠木建(2010:20, 64)
46

1.そのストーリーの「売り」は？

(写真出所)http://peoples-free.com/11-holdout/105-holdout.html

47

2.どんなドラマチックな場で表現すると人々は感動する？

(写真出所) http://peoples-free.com/12-sad/113-sad.html

48

The Three Act Structureof Hollywood Movie(芦刈いづみ・飯富崇生 2008: 14-29)

ハリウッド映画の鉄則：
１ 観客を引き込む事件発生！
２ 主人公が危機に！
３ 課題解決＝Happy End!
ストーリーを作ってみましょう49さきほど創ったコンセプト○○なスマホ、○○なモビリティ、○○なデパート(写真出所) 慶應SDM Open KiDS 2013年3月3日 梅田眞司氏提供

ストーリーを創り、1分間の即興劇で演じてみましょう
Playback Theater 方式 (Fox 1986, Salas 1993)50

ストーリーがうまく伝わるようにプロトしてみよう(写真出所) 2012年8月@損保総研 慶應SDM提供

51

左脳くんと右脳くん• 今日作成した、一押しのアイデアやソリューション
• 1分間のスキット(即興劇)で説明してください• その際、– 左脳くん(システム思考の妖精)– 右脳くん(デザイン思考の妖精)• を演じる方を2人割り振ってください• スキットの実演中に、左脳くんと右脳くんに、どのような見方でこのプロトタイプ=スキットを評価したらよい
か、簡潔に語らせてください52例えば、こんなふうに演じるソリューション/デザインのお題(1分間)• 未来のスマホ• 未来のモビリティー• 未来のデパート

右脳くん(デザイン思考)左脳くん(システム思考)このプロトタイプの評価は、拍手他グ
ループ比○%アッ
プ、売上高×%/年
向上でテストされます。理由は…。

(写真出所) 慶應SDM Open KiDS
2013年3月3日 梅田眞司氏提供

このプロトタイプは、○○という気づきと経験の共有です。
理由は…。
53

修正

3班に分かれてプレゼンします
未来の
この教室のうしろ

モビリ
ティ班
現在地

生協
食堂

未来の
デパート
班
オープン
テラス

来往舎シンポジウムスペース
来往舎
テラス

未来の
スマホ班
来往舎
ピロティ

• 担当者の後ろについて、移動してください。
• 発表時間はそれぞれ1分間。
• 発表後、班ごとに1チームの代表チームを班の全員で選びます。
54

左脳くん
(システム思考)右脳くん(デザイン思考)

Final Presentation !
System Thinking × Design Thinking
on Open KiDS

55

お願い：
Facebookグループ
慶應イノベーティブデザインスクール
https://www.facebook.com/groups/keiokids/に今日の結果をUPして頂けるとうれしいです。
活動の記録と、コミュニケーション継続のために。

56

56

Facebookグループ
慶應イノベーティブデザインスクール
https://www.facebook.com/groups/keiokids/

ご自由にご意見・感想をご記入ください！
（できればポジティブな書き方で。）

他のスカイハイな利用も大歓迎！

57

57

講義資料の再利用は自由ですが、使用する際には、慶應義塾大学SDM研究科主催「慶應イノベーティブデザインスクール」
での資料であることを明記してください。

58

58

チェックアウト:システム×デザイン思考による協創入門(今日体験したこと)• システマティックな調査とフィールドワーク(10時～12時)• システマティックな議論とブレーンストーミング(13時～15時)•
評価のためのプロトタイプ、共感のためのプロトタイプ(15時～17時)

振り返り、気づきと共有、質疑応答
59(出所)2013年10月28日DBJ イノベーションデザインプログラム前野隆司教授プレゼンスライドを筆者が一部修正

59

お疲れ様でした• これから日本そして世界の協創を創っていくみなさ
まに大いに期待しています• みなさんは必ず持っています:– 社会にイノベーションを起す、絶え間ない努力と柔軟な発想– コミュニティをより幸せな方向へ変えていく情熱– まわりと幸せのコミュニケーションを絶やさない
誠実さと謙虚さ• ぜひどこかでまたお会いしましょう !
60

もし、さらにご興味があれば
前野隆司編著「システム×デザイン
思考で世界を変える:
慶應SDM「イノベーションのつくり方」
日経BP社から、2014年3月刊行、たちまち6刷増刷中。
61

参考文献①
•

•

•

•
•

•
•

Arnowitz J., Arent, M., Berger, N. (2006) Effective Prototyping For Software Makers, San Francisco:
Morgan Kaufmann (邦訳: Jonathan Arnowitz, Michael Arent, Nevin Berger著, 冨野壽, 岩尾俊二監
訳(2009) 『ソフトウェアプロトタイピング: より良い設計を求めて 』 共立出版)
Brown, T. (2009), Change by Design: How Design Thinking Transforms Organizations and Inspire
Innovation, New York: Harper Business (邦訳: ティム・ブラウン著, 千葉敏生訳(2010) 『デザイン思考が世界を変える: イノベーションを導く新しい考え方』 早川書房)
Brown, J.S., Denning, S., Groh, K., Prusak, L. (2005) Storytelling in Organizations: Why Storytelling Is
Transforming 21st Century Organizations and Management, Oxford, UK: Butterworth-Heinemann(邦訳: ジョン・ブラウン他著、高橋正泰、高井俊次訳 (2007) 『ストーリーテリングが経営を変える:
組織変革の新しい道』同文舘)
Buchenau, M., Fulton-Suri, J. (2000) ‘Experience Prototyping’, Proceeding, DIS ‘00 Proceedings of the
3rd Conference on Designing Interactive Systems: Processes, Methods, and Techniques.
Connell, J.L. and Shafer, L. (1989) Structured Rapid Prototyping: An Evolutionary Approach toSoftware Development, New York: Prentice-Hall. (J.L. コンネル, L. シェーファー著, 神間清展訳(1993) 『構造化プロトタイピング: ソフトウェア開発の新アプローチ 』総研出版)
Fox, J. (1986) Acts Of Service: Spontaneity, Commitment, Tradition in the Nonscripted Theatre, New
Paltz, NY: Tusitala Pub.
Leonard, D. and Rayport, J.F. (1997) ‘Spark Innovation Through Empathic Design’, Harvard Business
Review, Nov-Dec 1997, Vol.75, Issue 6, pp.102-113

62参考文献②
•

•

•

•
•

•

•
•
•
•
•

Nonaka, I., Takeuchi, H. (1995) The Knowledge-Creating Company: How Japanese Companies
Create the Dynamism of Innovation, Oxford: Oxford University Press) (邦訳: 野中郁次郎, 竹内弘
高(著), 梅本勝博(訳)(1996) 『知識創造企業 』 東洋経済新報社)
Polletta, F. (2006) It Was Like a Fever: Storytelling in Protest and Politics, Chicago: University of
Chicago Press.
Pugh, S. (1991) Total Design: Integrated Methods for Successful Product Engineering, Reading, MI:
Addison-Wesley Publications.
Salas, J. (1993) Improvising Real Life: Personal Story in Playback Theatre, New Paltz, NY: Tusitala
Pub.
Snyder, C. (2003) Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces,
San Francisco: Morgan Kaufmann (邦訳: Carolyn Snyder著, 黒須正明監訳(2004) 『ペーパープロ
トタイピング: 最適なユーザーインタフェースを効率よくデザインする 』 オーム社)
Stanford University d.School (2012) Method: Prototype For Empathy(http://dschool.stanford.edu/wp-content/themes/dschool/method-cards/prototype-forempathy.pdf) (2012年2月16日アクセス)
芦刈いづみ・飯富崇生(2008) 『時計じかけのハリウッド映画: 脚本に隠された黄金法則を探る 』
角川SSC文庫
楠木建(2010) 『ストーリーとしての競争戦略』 東洋経済新報社
紺野登(2008)『知識デザイン企業 ART COMPANY』日本経済新聞出版社
紺野登(2010) 『ビジネスのためのデザイン思考』 東洋経済新報社
Project Management Institute (2008) 『プロジェクトマネジメント知識体系ガイド 第4版』
63
Project Management Institute