1. 株式会社グラグリッド
第8回WebUX研究会
創造現場における
ビジュアライズの動向と可能性
2013年年11⽉月30⽇日
株式会社グラグリッド 三澤直加

2. はじめまして。
新しい事業構想を、デザインシンキングで
サポートするコンサルティングをしています。
プロジェクト・ファシリテーション
2

3. 仕事の依頼内容は・・
企画コンセプトを⽴立立案する
⼿手伝いをしてほしい
新しいサービスの
利利⽤用シナリオを
⼀一緒に考えてほしい
コミュニティのビジョンを
⼀一緒につくってほしい
イノベーティブなものが⽣生まれる
制作プロセスを⼀一緒に
つくってほしい
「⾒見見えないもの」を「⼀一緒に」つくる
3

4. ⾒見見えないものを⼀一緒につくる⽅方法
形をさぐる
想いをさぐる
「プロトタイピング」
「グラフィック・ファシリテーション」
「⾒見見えないもの」を「⼀一緒に」
⾒見見えるように（ビジュアライズ）して、
創り上げていく。
4

5. グラフィック
ファシリテーション
って何をしているの？
5

6. グラフィック・ファシリテーション
それって
こういうことですか？
⽂文字に加えて、図やイラストなどの
ビジュアル化の技術を、
ワークショップや会議の現場で
リアルタイムに⾏行行う技法
捉えた
事 実
考えや
意⾒見見
アイデア
複数⼈人の前で書き出し、
共通認識識をつくる

7. 役割１ ブレストで、イメージを掻き⽴立立てる
アイデアを
その場で素早く
ドローイングする

8. 役割２ ディスカッションで、意⾒見見を構造化する
複数⼈人の意⾒見見を、
内容に応じて
構造的に書き上げる

9. 役割３ 意⾒見見交換の場で、個々の主張を⼀一覧にする
スピーカーの特徴と
スピーカーの主張を
グラフィカルに表現する

10. なぜ
創造にはビジュアライズが
必要なのか？

11. 新しいことを考える時は、
暗闇の中を歩いているようなもの
11

12. 直感的なアイデアは、⼀一瞬でやってくる
そして、すぐに消える
12

13. 同じ⾔言葉葉で語り合っても
⾒見見える世界は違う
13

14. 創造的なプロセスだからこそ必要なこと
創造的なプロセスでは、進んでいる⽅方向、
⽬目的地がわかりにくい。
直感的アイデアは、すぐに消えてしまう。
多様なメンバーでは、同じ⾔言葉葉で語り合っても、
異異なる世界が⾒見見える。
だからこそ、個々の考え、意⾒見見、アイデアを、
その場で即座にビジュアライズしていく必要がある。
14

15. 世の中で
どんな⾵風につかわれて
いるのか？
15

16. スピーチの記録を聴講者がノートに描いてシェア
「スケッチノート」
#sketchnotes

17. カンファレンスの事務局がスピーチ内容をシェア
#sketchnotes
#sdnc13

18. ⾃自分が参加したディスカッション内容を確認
「ファシリテーション・グラフィック」

19. ワークショップなどの⾔言動を記録し省省察する
「リアルタイム・ドキュメンテーション」

20. 専⾨門業者のサービス
SKETCH POST Studioの
「ビジュアルレコーディング」
サービス
Bernie
Quahさん
SKETCH
POST
Studio
HPより引用

21. ビジュアライズの
種類と特徴
21

22. ビジュアライズの⽬目的
ノート
ファシリテーション
⽬目的：
・記録すること
・後で、振り返りたい
⽬目的：
・わかるようにすること
・気づかせること
・今、効果が欲しい
記録者：
・輪輪の外にいてもできる
記録者：
・輪輪の中に⼊入り影響を
与える必要がある
22

23. ビジュアライズ⾔言語
テキスト
⽂文字・・・・図表・・・イラスト
グラフィック
効果：
・叙述的に記述できる
・詳細な表現がしやすい
効果：
・⽬目をひきやすい
・理理解しやすい
・描いた⼈人の解釈が⼊入る
記録者：
・誰でもすぐにできる
・⾔言語の壁がある
記録者：
・表現⼒力力が必要
・把握／分析能⼒力力が必要
23

24. 様々なビジュアル（視覚化）表現の特徴
グラフィック（表現⼒力力重視）
絵⽇日記
スケッチ
ノート
ノート
（記録重視）
ファシリ
テーション
グラフィック
ファシリ
テーション
（伝達重視）
リアルタイム
ドキュメンテーション
エスノグラフィ
テキスト （⽂文脈重視）
24

25. ⽬目的にあわせた道具選び
ノート
ファシリテーション
25

26. イラスト・図表を
うまくつかうには？
26

27. うまくいく⾊色の使い⽅方
1. ⾊色をつかう
2. ⾊色にルールをつくる
3. 塗るなら塗りに適したペンで
4. 存在感を持たせたいものに影⾊色をつける
27

28. うまくいく⽂文の書き⽅方
1. ⼤大事な⾔言葉葉は単語で⼤大きく書く
2. 接続詞は⽂文にしない（図で表現）
3. 発⾔言者の微妙な⾔言い回しをそのまま書く
28

29. うまくいくイラスト・図表の書き⽅方
キャンバス全体をどのような構成にするのか
予め決めておく
a. ポスター
b. リスト
c. ダイアグラム
d. クラスター
e. ドローイング
f. スピーカーノート
上記の構成は、デビッド・シベットの説を参考に、これまでの経験から編集しています。
29

30. イラスト・図表のパターンa
a. ポスター
会議のテーマやゴールを⽬目⽴立立つように描
き、メンバーの注⽬目を集める。
例例
30

31. イラスト・図表のパターンb
b. リスト
まとめずに、メンバーの意⾒見見を、そのま
ま書き出し並べる。箇条書きに書く。
例例
31

32. イラスト・図表のパターンc
c. ダイアグラム
情報を⽮矢印や枝でつなぎ、情報全体のつ
ながりとひろがりを⽰示す。
例例
線、⽮矢印などの視覚的リンク
でつながった図形
（チャート含む）
32

33. イラスト・図表のパターンd
d. クラスター
情報の内容を意識識し分類しながら、情報
の種類、関係性を⾒見見つけていく。
例例
33

34. イラスト・図表のパターンe
e. ドローイング
メタファーを加えて描写し、メンバーの
納得を引き出す。
例例
34

35. イラスト・図表のパターンe
f. スピーカーノート
スピーカーの似顔絵、背景、主張のポイ
ントを効果的に記録する。
例例
35

36. ビジュアライズの
効果とは？
36

37. 会議をビジュアル化する３つのメリット
1. 参加意識識を向上させられる
2. 全体の関係性が把握できる
3. 記憶が共有化される
37

38. 会議をビジュアル化するメリット（2）
1. 参加意識識を向上させられる
– 参加者は、⾃自分の発⾔言が書きとめられると「聴い
てもらえた」「存在を認めてもらえた」と感じ、
主体的に話し合いに関わるようになる。
– 専任の記録者がいることで、⾃自分でとるメモを最
⼩小限にして、その場で起こっていることに集中で
きる。
38

39. 会議をビジュアル化するメリット（2）
２. 全体の関係性が把握できる
– 書きだされた内容を⽐比較したり、隠れた法則性
を⾒見見出したりしながら、情報を整理理することで、
広い視野で情報を捉えることができる。
– 広い視野で「より⼤大きな全体」を意識識しながら
情報を整理理できるので、参加者の思考のレベル
が向上する。
39

40. 会議をビジュアル化するメリット（３）
３. 記憶が共有化される
– 視覚化された内容と発⾔言された背景を、重ねあ
わせて記憶できる。
– 適切切なフレームワークに落落としこめば、参加者
の記憶として定着する。
– 記憶が定着すれば、課題が強く意識識され、実⾏行行
が促進される。
40

41. まとめ
1. 考えていることをビジュアライズすることは、
創造的現場で必要不不可⽋欠なこと。
2. 効果的なビジュアライズは、意⾒見見をまとめ理理解
を深め、コミュニケーションを促進させる。
41

42. 参考図書のご紹介
ビジュアル・ミーティング
予想外のアイデアと成果を⽣生む
「チーム会議」術
⼿手描きで考え、伝える
図解表現使いこなしブック
デビッド・シベット (著),
監訳:堀 公俊 (監修), 株式会社トライローグ (翻訳)
原⽥田 泰 (著)
42

43. Thank you!

44. 三澤 直加
株式会社グラグリッド
エクスペリエンスデザイナー/コンサルタント
misawa@glagird.jp
1977年年⻑⾧長野県⽣生まれ。
⾦金金沢美術⼯工芸⼤大学にて⼯工業意匠を学び、2000年年から東京のデザイン事務所で、携帯電話やパソコンな
どのソフトウェアの企画、情報設計、ユーザインタフェースのデザインに従事。使う⼈人が好きになる商
品、使う⼈人が感動する体験を提供するために、多くの質的調査のディレクションを⾏行行う。
2011年年に株式会社グラグリッド設⽴立立。さまざまな組織や団体へ向けて、クリエイティブ能⼒力力開発のコ
ンサルタントとして活動する。2013年年よりNPO法⼈人アイデア創発コミュニティ推進機構の理理事に就任。
⽇日本の伝統⽂文化、技術⼒力力を活かしたブランド創出プロジェクト進⾏行行中。
HCD-‐‑‒Net認定 ⼈人間中⼼心設計専⾨門家・⽇日本創造学会正会員

45. 価値あるものを発見し
顧客に届けるストーリーを
デザインします。