2015年のCode for Japan サミットでのグラレコワークショップのスライド。今更ながら。載せ忘れていたので。

1. グラフィックレコーデイング
体験ワークショップ
Satomi Wanami
Code for Japan Summit 2015 -Workshop-
2015.11.7

2. 普段こんなことありませんか？
相手の言っていることが
よくわからない。。
人に自分の話が
うまく伝わらない、、
ノートのメモを
見返しても内容が
よくわからない

3. このワークショップで学べること
わかりやすく人に伝えて共有する
『グラフィックレコーディング』の技法

4. もう少し具体的に言うと
物事を整理でき
分析できる能力
自分の考えをわかりや
すく人に伝える能力

5. ウォームアップ
あなたが好きな食べ物を
絵で描いてみよう！
「今日呼んでほしいあなたのニックネーム」も描きましょう！

6. グラフィックレコーディング
Graphic Recording

7. 共有する手法です
議論を
グラフィックレコーディングとは
可視化して
リアルタイムに

8. アウトプットすることで思考や情報が客観視され共有できる
可視化のステキなところ

9. ・思考を発散、整理できる
・議論の合意形成に役立つ
・理解を深め共通認識を生む
グラフィックレコーディングのメリット

10. ❶思考を発散、整理できる

11. 誰が言ったか＜何を言ったか
❷議論の合意形成に役立つ

12. ❸理解を深め共通認識を生む

13. 登壇/講演を可視化
気軽に
ノートでも!

14. パネルディスカッションを可視化

15. イベント全体のプロセスを可視化
ふりかえりに活用!

16. 聴く力 表現する力 構造化する力
言葉、情報の関係性を
構造化することで
認識のズレを少なくする
情報をすばやく絵で
描くことで人に伝わる
アウトプットをする
情報を聴き取って
必要な情報を
聴き分ける
今日は必要な力3つをMIXして体験!
How graphic recording?

17. ペンの持ち方を練習しよう！

18. ペンの持ち方を練習しよう！

19. ペンの持ち方を練習しよう！

20. スマホ:調べる&記録用 マスキングテープ
メモ、ポストイット
裏写りしない太めカラーペン
環境に合わせた紙
Graphic recording goods

21. 表現する力を鍛えよう！
言葉ありき→ビジュアル(絵や図解)
人と共有共感しやすくなるためのもの

22. Real Simple
情報量多 少
上手い下手ではなく伝わればOK!

23. 人の表現
=表情＋傾き＋体
表現練習 ❶簡単な人間イラスト

24. 横線を３等分
した所に目を
描こう
１.輪郭 2.目 3.口/眉毛
一回り小さい
丸線に沿って
口や眉毛を描こう
円を描こう
円の中心に鼻を
描いてもOK
表現練習 ❶簡単な人間イラスト

25. 1
2
3
A B C
表現練習 ❶簡単な人間イラスト
表情色々

26. 体を描くと表現力UP
表現練習 ❶簡単な人間イラスト

27. 表現練習 ❷５秒で簡単アイコン

28. ピクトグラムは、東京オリンピックの時
初めて日本で使われた
表現練習 ❷５秒で簡単アイコン

29. 基本的なアイコンは３つの図形の
組み合わせで描けちゃう！
表現練習 ❷５秒で簡単アイコン

30. 家
スマート
フォン
カメラ
表現練習 ❷５秒で簡単アイコン

31. 車
学校
豆電球
表現練習 ❷５秒で簡単アイコン

32. 構造化する力を鍛えよう！
共通認識が増えてわかりやすくなる

33. [つなぐ / 分ける]
情報の関係性が可視化され
人と共有/共感しやすくなる手法
構造化とは

34. 構造化１：比較

35. 構造化２：プロセス

36. 構造化３：システム(材料・中身)

37. アップルパイを使って
代表的な構造化を
紹介するよ！
❶比較 ❷プロセス
つなぐ / 分ける
❸本質

38. つなぐ / 分ける
グラレコの中に使われる構造化

39. 構造化に便利な表現に挑戦！

40. タイトルを目立たせる

41. キーワード強調する

42. 要素の関係性を示す

43. 箇条書きをわかりやすく

44. 短めのNEWS記事を読んで、
その内容をグラレコしてみよう！
(表現＋構造化)
グラフィックレコーディング実践

45. ことし８⽉に解禁された⼤⼿企業の採⽤⾯接の課題を検証する政府の会合が開か
れ、経済団体側が「就職内定を辞退されるケースが相次いだ」として、⾯接時期
を６⽉に前倒したいという考えを⽰したのに対し、⼤学側は「授業の真っ最中だ」
などとして８⽉から変更しないよう求め、意⾒が⾷い違いました。
ことしの⼤⼿企業の採⽤活動を巡っては、経団連の指針を受けて、採⽤⾯接の解
禁が従来より４か⽉遅い８⽉になりました。
こうしたなか、ことしの採⽤⾯接の課題を検証する政府の会合が開かれ、経団連
や経済同友会、⽇本商⼯会議所などの経済団体や⼤学、それに関係府省の担当者
が出席しました。この中で、経済団体側は、「学⽣から中⼩企業の就職内定を辞
退されるケースが相次いだ」などと指摘し、採⽤⾯接の時期を６⽉に前倒しした
いという考えを⽰しました。これに対し、⼤学側は、「６⽉は授業の真っ最中で
あり、外国に留学中の学⽣などへの影響が⼤きい」として、⾯接時期を８⽉から
変更しないよう求め、意⾒が⾷い違いました。これを受けて会合では、来年の就
職活動に向けて、年内に検討結果を取りまとめることにしています。
採用面接の時期 経済団体と大学で意見に食い違い

46. こんな感じで描いてみましょう！
グラレコ：小野さん

47. 一人一枚付箋を持って立ち上がりましょう。
みんなが描いたものを見て、
良いと思った構造化や描き方にコメントを
貼ってあげましょう！
描いたものをみんなで見てみよう！

48. グラフィックレコーディングを
見ながら振り返り
体験してみて
どうでしたか？

49. 社会や日常は、わけわからん話ばかり！
↓
でも、宙に浮いている会話たちから
物事を考えなくてはいけない
↓
掴み所のない話こそ
人と人の間に絵を置いて可視化、
共有しよう！
可視化する必要性？？

50. スクー WEBキャンパスで生放送したグラレコ入門もあります
1限目 https://schoo.jp/class/2393基礎知識と聴く力
https://schoo.jp/class/2423表現する力
https://schoo.jp/class/2424構造化する力
https://schoo.jp/class/2425まとめと実践
2限目
3限目
4限目

51. Special Thanks
和波里翠 /Satomi.Wanami
@wanami3103
http://graphic-recording.tumblr.com/
三澤先生、小野さん、グラレコ勉強会の皆さん
Code for japanの皆さん
ありがとうございました!