日本ファシリテーション協会 東京支部イベントでのグラフィックレコーディングのワークショップ資料です。 初心者向けコンテンツ「楽しく見える化トレーニング」

1. FAJ 東京支部イベント2016 分科会 カエルワークショップ
楽しく見える化トレーニング
～アイデアや思いを形にするグラフィックレコーディング～
2016年3月5日 三澤 直加
グラフィックレコーディング勉強会, Naoka Misawa, Azumi Wada

2. グラフィックレコーディング！

3. グラフィックレコーディング！
Photo: Toshiya Kondo

4. グラフィックレコーディング！

5. 5
UXデザイン／サービスデザインを行いながら
社会課題を解決するための共創の場づくり
社会を変える新しいアイデアが生まれるしくみを
考え、形にする仕事をしています。
三 澤 直 加
株式会社グラグリッド
エクスペリエンスデザイナー/ビジュアルファシリテーター
misawa@glagird.jp
Hello!

6. 視覚化することでコミュニケーションを促進させる

7. ワークショップのねらい
自分の活動の中で役立つこと
やってみたいこと
一つでも見つけて欲しい！
楽しく、「グラレコ」にチャレンジしてみよう！

8. ワークショップのポリシー
“習うより慣れろ”
・グラフィックレコーディングはスポーツ！
・やればやるほどうまくなる！

9. ワークショップのポリシー
“個性を活かそう”
・色をどんどん使おう！
・自分なりの工夫をしながら進めよう！

10. ワークショップのポリシー
“身体で描き、身体で理解せよ”
・身体全体をつかって、大きな線を書くことで習得が早くなる！
・紙の抵抗感を感じて書くと、線が活き活きしてくる！

11. ワークショップの進め方
• 自己紹介と準備運動
• 見える化の技法、グラフィックレコーディング
• 美しく描くための基本を知ろう！
• 聴き取りトレーニング
• 表現するトレーニング
• 構造化トレーニング
• グラフィックレコーディンをやってみよう！
• リフレクション
• グラフィックレコーディング、どう使えそう？

12. 自己紹介
A3の紙、めいっぱい大きく。（3分）
「好きな食べ物のイラスト／あなたのニックネーム」
あなたが
好きな食べ物を
絵で描いてください！

13. いろんなところで役に立つ
見える化の技法
グラフィック
レコーディング！

14. グラフィックレコーダーネットワーク（日本）
講演内容をみんなの前でグラフィカルに記録する

15. 講演内容をみんなの前でグラフィカルに記録する
さっきの話
こういう
見方もあっ
たのか！
© Naoka Misawa
そうそう、
こんなコト
言ってたな
グラフィックレコーディング

16. 見解をぶつけあうためのきっけけに
おれはそう
思わない。
あの、部分、
おれはこう
思う。
吹き出しは、勝手な妄想です。

17. イベントを盛り上げる一つにしかけにも
創造的な
雰囲気！

18. 講演内容を楽しいノートにまとめてシェア
GR: Satomi Wanami
スケッチノート

19. 対談やパネルディスカッションでも同様に
議論のポイ
ントはここ
かな
この人達が
来てたんだ
© Naoka Misawa
スケッチノート
こんな話を
してたん
だ！

20. さまざまなシーンでつかえる「視覚化の技法」
講演会で
対談の場で
会議で
座談会で
アイデア出し
の場で
戦略会議で

21. 議論の場で、意見を書き出す

22. 議論の場で、意見を書き出す
©Naoka Misawa
グラフィックファシリテーション
©Naoka Misawa
どんどん
絵になるから
発想しやす
い！
他の方向性
でも考えて
見よう

23. 座談会やインタビューの場で、意見を書き出す
© Naoka Misawa

24. 会議の場でアイデアをスケッチする
© Naoka Misawa
アイデアスケッチ
どんどん
絵になるから
発想しやす
い！
見てたら
閃いた！

25. 視覚化の効果
②参加者が
アイディア、
議論プロセスを
理解しやすくなる
③情報を俯瞰
することで、
新たな発想を生む
①頭の中にある
アイディアを
形にできる
視覚化することで、参加者の意欲が上がり、
アイディア創発の場や会議での合意形成を促す

26. グラフィックレコーディングとは、
会議での議論の内容や構造を即座に視覚化
する方法です。
イラストや図表、モデル図やチャートを効果的に使い、
情報を視覚的にわかりやすく共有できるので、
アイデア創発の場や、大勢での合意形成に役立ちます。
グラフィックレコーディング
Copyright © 2015 Glagrid Inc. All Rights Reserved.

27. グラフィック
レコーディングって
どうしたらできるの？

28. グラフィックレコーディングとは
会議での議論やカンファレンスの流れ等、
情報を即座に、グラフィカルに視覚化し、共有する手法
絵を
描く？
人に
見せる？
即座
に？

29. グラレコ課題分割
聴きとる 表現する 構造化する
まずは情報を「聴く」
何を話しているのか、
意識して
聴きとっていく
聴いたものを「表現する」
聴きとったものを
スピーディーに
伝わるイラストや
記号で表現する
表現を「構造化する」
描いた絵や情報の
関係性をとらえ
構造化する

30. グラレコ課題分割(今回のワーク)
聴きとる 表現する 構造化する
まずは情報を「聴く」
何を話しているのか、
意識して
聴きとっていく
聴いたものを「表現する」
聴きとったものを
スピーディーに
伝わる絵にする
表現を「構造化する」
描いた絵や情報の
関係性を考え
構造化する

31. グラレコをやるには「ながら能力」が必要
聴きとる
表現する 構造化する

32. 美しく描くための
基本を知ろう！
3つのトレーニング、その前に

33. グラレコでつかう道具（基本セット）
環境に合う
大きさの紙
裏写りしない
太いカラーペン
はがしやすい
テープ
メモ＆調べ物
スマホ
メモ＆構造検討
ポストイット
修正用
ラベルシール

34. 基本的なペンの持ち方
プロッキーの太いほうで、うまく描くための持ち方
尖った方を
親指側に持つ

35. 基本的なペンの使い方
ペン先全てを使って、
しっかり押しつける
ペンを置くだけで
こういう形ができる

36. 基本的なペンの使い方

37. 基本的なペンの使い方

38. 基本的なペンの使い方

39. 基本的なペンの使い方

40. まっすぐな線で、美しい文字がかける！
ペンの向きが固定されていないと、不安定な文字に
ペンの向きが固定されると、文字も安定して、
スピーディーに書けるように
名づけて：プロッキーフォント！

41. ペンに慣れるために描いてみよう
波線
長い線
ぐるぐる線
いろんな文字

42. 細かい文字を書きたい時のペンの持ち方
プロッキーの太いほうを、そのまま回転！
ペンを回転させ
芯を縦向きにする
尖った部分を
下に向ける

43. 太い方でも細かい文字が書ける！
↓芯を縦向きにすると、細くて繊細な線がかける。

44. 聴きとる
トレーニング１

45. 描きながら聴きとる練習
①A3用紙とペンを用意
②スピーカーの話を
ききながら
そこに登場する「モノの状態」
をメモしてください。
（絵でメモするつもりで！）
③最後に、ひとつ質問をしますので、
その質問にあてはまる答えを教えてください。
まずは練習

46. 描きながら聴きとる練習
赤いシールは、右、左、どちらの手の中？
練習問題は非公開のため、スライドからカットします。

47. 描きながら聴きとる練習
①A3用紙とペンを用意
②スピーカーの話を
ききながら
そこに登場する「人の姿」に注目して
をメモしてください。
（絵でメモするつもりで！）
③最後に、ひとつ質問をしますので、
その質問にあてはまる答えを教えてください。
本番です！

48. 描きながら聴きとる練習
３人の中で一番髪の毛が短いのは誰？
練習問題は非公開のため、スライドからカットします。

49. 振り返り
絵で描きながら聴くと
どんなことが見えてくる？

50. 表現する
トレーニング2

51. 自分なりの簡単人間を描く
パーツの配置を意識して顔を描こう！

52. 自分なりの簡単人間を描く

53. 自分なりの簡単人間を描く

54. 自分なりの簡単人間を描く

55. 自分なりの簡単人間を描く

56. 自分なりの簡単人間を描く
眉毛が、目のくぼみに
入ってしまう
☓
眉毛を書く時には
目の周りと間隔をとろう。
なんか変・・・
骸骨の形を想像・・・

57. 顔の表情を描いてみよう
嬉しい
怒り 悲しみ
驚き！ 困ったわかった！

58. 顔の表情を描いてみよう

59. 顔の表情を描いてみよう
嬉しい
口をあけ
口角を上げる

60. 顔の表情を描いてみよう
怒り への字口と
逆ハの字眉

61. 顔の表情を描いてみよう
悲しみ への字口と
ハの字眉

62. 顔の表情を描いてみよう
驚き！ 目と口が
開く

63. 顔の表情を描いてみよう
わかった！ 上向きで
口が少し上に

64. 顔の表情を描いてみよう
困った ハの字眉を
しかめる

65. 顔に傾きをつけることで、意思がこもる
顔の表情＋傾き

66. 体の動きでさらに感情豊かに

67. 体の動きでさらに感情豊かに

68. 流れをつくる／関係性を示す

69. まとまりをつくる／囲む

70. 文字を強調する

71. タイポグラフィを工夫する

72. アイキャッチになるマークをつかう

73. 振り返り
チームの人の絵を見て
うまい、と思ったものを
称え合おう！

74. 3構造化する
トレーニング

75. さまざまな、構造化パターン
リスト ラディアル クラスター
グリッド／テーブル ダイアグラム

76. 76
さまざまな、構造化パターン
例
内容でまとめずに、意見を、そのまま書き
出し並べる。箇条書きに書く。
リスト

77. ラディアル
さまざまな、構造化パターン
例
情報を矢印や枝でつなぎ、情報全体のつ
ながりとひろがりを示す。

78. クラスター
さまざまな、構造化パターン
情報の内容を意識し分類しながら、情報
の種類、関係性を見つけていく。
例

79. 79
構造化のポイント
同類を囲い、
まとまりとして
見せてあげる
大事なコトバは、
強調して
見せてあげる
関係性を
矢印を使って
表現する

80. でも、実際はどうするの？
綺麗に構造化したいけど
最初から
なんてわからない・・・
よくある型から入ってみよう！

81. すぐに使えるテンプレート
スピーカー テンプレート

82. すぐに使えるテンプレート
サンプル

83. すぐに使えるテンプレート
ビジョン テンプレート

84. すぐに使えるテンプレート
サンプル

85. テンプレートを使って書いてみよう！
お題：
あなたがが来年までに
やってみたいことを描いてください。
①近くの人２～３人
で話す時間をつくり
ます。（５分）
②１人ずつ書いてみ
ましょう。（10分）

86. グラフィック
レコーディング演習

87. グラフィックレコーディング演習
http://www.tedxtokyo.com/talk/masako-wakamiya/

88. はりだして、シェア
「これいいな」って思ったグラレコは
ふせんに一言感想をかいて投票！
どんなところが
よかったですか？

89. リフレクション

90. チームで自由に対話（5分間）
テーブルに紙を広げて、みんなでメモをとりながら
仕事に活かす方法を考えよう！
グラフィックレコーディング
どんなところで使えそう？
90

91. 視覚化の効果
②参加者が
アイディア、
議論プロセスを
理解しやすくなる
③情報を俯瞰
することで、
新たな発想を生む
①頭の中にある
アイディアを
形にできる
視覚化することで、参加者の意欲が上がり、
アイディア創発の場や会議での合意形成を促す

92. どんな時につかうと効果がでやすいか？
１．
価値観が違う人／異なる分野の人と
情報を共有したり議論する時
２．
行く先が見えていない、
創造的な議論をする時
３．
いち早く活動を共有・発信
したい時

93. さいごに
筋肉は一日にして成らず

94. おすすめの本
会議を視覚化する・進行するぞ！ 描く基礎力をつけよう！
もっと、グラフィックレコーディング
がうまくなりたい！（英語の本）
ドイツneuland社

95. 初心者向けグラレコテンプレート
• スピーカーテンプレート
http://www.glagrid.jp/toolbox/toolbox_05.php
• ビジョンテンプレート
http://www.glagrid.jp/toolbox/toolbox_06.php
• アイデアスケッチテンプレート
http://www.slideshare.net/Naoka

96. さいごに
グラフィックレコーディング勉強会
https://www.facebook.com/graphicrecord
グラフィックレコーダーネットワーク
https://www.facebook.com/GraphicRecorderNetwork/
これからグラフィックレコーディングを
勉強したい方に、ワークショップイベントをお
こなっています。
Facebookで新しいワークショップのご案内や
勉強会メンバーのグラフィックレコーディング
活動をレポートしています。
グラフィックレコーディングを行う、レコー
ダー向けのネットワークです。
グラフィックレコーディングをイベントで活か
したい方に向け、レコーダー同士の交流や、グ
ラレコの活用事例やグラフィックレコーダーの
情報を発信しています。

97. 三澤 直加
株式会社グラグリッド
エクスペリエンスデザイナー/コンサルタント
misawa@glagird.jp
顧客起点での商品づくりを行うためのファシリテーション、デザインコンサルテイングを中心に活動する。
共創プラットフォームの育成に力を入れており、アイデア創出ファシリテーターの育成、グラフィックレ
コーダーの育成、市民協働型のコンセプト立案イベントの企画・運営などを行う。
東北工業大学 ライフデザイン学部クリエイティブデザイン学科 「ユーザーリサーチ論」講師
産業技術大学院大学 人間中心デザイン「発想ファシリテーション」講師
NPO法人アイデア創発コミュニティ推進機構 理事
グラフィックレコーディング勉強会 運営
グラフィックレコーダーネットワーク 代表