今日から始める グラレコ チャレンジ DevRel/Tokyo #94 〜グラレコ チャレンジ〜

2024/07/03に開催された、DevRel/Tokyo #94での発表資料です。

グラレコ気になっているけど一歩が踏み出せない、
書いているけどなんか違う…
という方へ、簡単にグラレコがなんなのか、そして何から書き始めたらいいか

❶ グラレコとは？〜会話をイラストで描くとは？〜
❷ グラレコをするうえで押さえておきたい5つのこと
❸ おすすめ練習法

の3部構成でお話しています。

Transcript

1. 今日から始める グラレコ チャレンジ しもおかゆうき DevRel/Tokyo #94 〜グラレコ チャレンジ〜　2024/07/03
2. はじめまして　しもおかゆうきです 株式会社Grooves DevRel 毎週1回勉強会イベント企画運営司会　 複業 | コミュマネ、司会者 ドーナツが 大好き ぜひ繋がりましょう ✍️ コミュニケーションに関することに興味関心 メンタルヘルスや心理学を勉強中
3. これまでのグラレコ歴 中学生 理科や社会の授業 で図や絵を書きな がらメモを取る 理科の先生に 褒められる グラレコの 前身の体験 研究や活動の一環 で「グラフィック レコーディング」 に出会う 独学で動画の講演 などをグラレコ 高専生 大学院 コロナ禍に 30日毎日グラレコ チャレンジをする 読書した内容をA4 の1枚にまとめる 私自身絵を描くのは好きで したが 「デザイン学科」 や 「グラフィックの勉強」 を学校やどこかでがっつり 学んだことはありません。 叩き上げです
4. これまでのグラレコ　 何枚かわからないくらい書いてた
5. ❶ グラレコとは？〜会話をイラストで描くとは？〜 ❷ グラレコをするうえで押さえておきたい5つのこと ❸ おすすめ練習法 今日のコンテンツ グラレコ気になっているけど一歩が踏み出せない、 書いているけどなんか違う…
6. 今日取り扱うもの あくまで私のやってよかったやり方などを紹介しているので、 ぜひ、やってみて、ご自身のあっているやり方を発見する 一助になれば幸いです。 コメントや感想は　#devreljp　まで！ Let’s go
7. グラレコとは？ 〜会話をイラストで描くとは？〜
8. グラレコとは？ 会議やワークショップの内容を、リアルタイムでイラスト化したり 図解したりしながら記録し、可視化する手法 年齢やバックグラウンドの違いがあっても議論がしやすい 視覚優位な人にとっては理解がすすむ 議論が盛り上がり、アイディアが出やすくなる 議論の全体像を把握できる 直観的に伝わる議事録になる その後のSNSなどで認知拡大を狙える（注目度が高いため）
9. プロセス共有度 参 加 度 大 小 大 小 健全な話し合い ・活気ある意見交換 ・本質をついた議論 ・創造的な合意形成 かみ合わない ・筋の通らない発言 ・思いつき/脱線 ・論点が不明確 意見が出ない ・発言者の固定化 ・言った者負け ・演説を拝聴するだけ まとまらない ・水掛け論/堂々巡り ・個人攻撃ばかり ・結論が曖昧 会議や会話の特徴 会議の可視化で実現
10. プロセス共有 参加の促進 議論のポイントをわかりやすくする ポイントに意識を集中させる 共通の記録として残す 発言を定着させて安心感を与える 発言を発言者から切り離す 議論に広がりを与える 会議や会話をグラレコすることで起きること
11. 個人メモリー グループメモリ 会話の中の共通の記録として残る
12. ファシリテーション・グラフィック グラレコすることで起こる変化 会議や会話の方向性を一緒に 健全な話を実現！
13. グラレコの方法 オンライン オフライン 必要なもの 水性マーカー（プロッキー） 模造紙 付箋 必要なもの iPad アプリ（Procreate,Goodnote） 配信ツール
14. グラレコをするうえで 押さえておきたい5つのこと
15. 1つめ　こころの準備
16. ① こころの準備　イラストについて ❶ 伝わる絵 うまい絵を描くことが目的ではありません。 シンプルで伝わることが大切です。 ❷ 早く描ける 速さには拘りましょう。 ゆっくり書いていると会話においていかれます ❸ 言葉と図の組み合わせ 言葉だけ、イラストだけでも目的は達成されません。組み合わせのバランスをみましょう。 早く、伝わるグラレコ 　シュッシュ
17. ① こころの準備　聞き方 ❶ 大きな話の流れを聞く 一言一句聞くと、到底グラレコする時間がなくなってしまいます。 会話の流れを聞く姿勢でグラレコをしていきましょう。 ❷ 聴く＞描く 全てを書く必要はありません。描くことにとらわれると会話に置いていかれる可能性が高 くなります。聴くことにまず集中しましょう。 ❸ 一人ひとりの声をフラットに使う 声の大きい人、意見が多い人だけの言葉だけでなく フラットに言葉を拾っていきましょう。 急がず、焦らず、ダ！
18. 2つめ　レイアウト
19. レイアウト3種 マンダラ型 リスト型 チャート型 話の流れがわかりやすい 自由奔放に発想が広がる 議論の抜け漏れがない まずはこれを マスターしよう 最初の見極めが 重要！ 難易度高！ パターンを使いこなす
20. 画面を分割してレイアウトを考える 表型 マルチ分割型 段組型 オススメ リスト型 オススメ チャート型・リスト型 オススメ チャート型・マンダラ型
21. 3つめ　ライティング
22. 4つのステップで描く〜ライティング〜 ステップ１ コンパクトに 要約 ステップ２ ポイントを強調 ステップ3 ポイントの関係性を 示す ステップ4 図解ツールを活用
23. コンパクトに要約 発言の中の言葉を活かす＝キーワードを活かす 今日のイベントなんか盛り上がりに欠けて微妙だったんですよね。狙 ったターゲットとちょっと年齢層がずれていた気がしますね。企画と 来場してくれた人もあってなかったですよね？ イベントの盛り上がり問題 イベントのターゲットの問題 参加者とコンセプトのミスマッチ 悪い例　意訳・勝手な解釈 盛り上がりに欠けて微妙だった？ 想定ターゲットが来ていなかった イベントの年齢層がミスマッチに いい例　キーワードを活かす 語尾を工夫してニュアンスを表現
24. ポイントを強調 発言にメリハリをつける→ポイントやハイライトで明らかに ❶ 書体　重要な部分を太字や輪郭に色づけを行う ❷ 文字飾り　アンダーラインを引く、枠組みする、薄色で網掛けをする ❸ 記号　ドットや星印、！や？をつける ❹ 囲み図形　タイトルを長方形、楕円、リボンで囲む ❺ イラスト　イラストを描くことで場のムードを和らげイメージを伝える
25. 囲み図形で束ねる グループ化：同じカテゴリーを束ねる 矢印を使って関係を示す 矢印：向きで関係の種類を表す。太さで影響を示す。 →因果関係を示す ↔︎ 対立見解、相互関係 ポイントの関係性を示す 構造化をしてまとめる　構造化：同じものを束ねる、関係を明らかにする
26. 図解ツールを活用 発言にメリハリをつける→ポイントやハイライトが明らかに ❶ 漏れなくダブりなくまとめる 「ツリー型」 ❷ 重なりが新たな関係を生む 「サークル型」 ❸ 流れや繋がりを整理する 「フロー型」 ❹ 一刀両断に議論を切る 「マトリクス型」
27. 4つめ　イラスト
28. Q. 美味しいりんごを表現してください 図解のスキルとは？ 図解やイラストは「アート」ではなく 「構造化」まとまっているか 「物語化」リアルか 「メッセージ化」意図があるか 重要になってくるのは 「アイデア」
29. イラストを描くときに心にとめておきたいこと イラストを書いているとき私たちは解釈を表現している。 解釈 表現
30. 人間の書き方 ア イ ウ エ オ 黒目 白目 ニッコリ ツムリ ギュッt まっすぐ ニッコリ あがり さがり 口 目 眉毛 「エモグラフィ」 3つのパーツを簡略化 し、それぞれを組み合 わせ100通りの表情を 描くことができる トライ. 悲しい顔を 描いててみよう
31. ◯△□で世の中のものは描くことができる 世の中のものは大体まる、さんかく、しかくで表現できる。 まる さん かく しかく
32. おすすめ練習法
34. 描く→ 振り返り→ 描く
35. 描くを練習するためにおすすめの練習法 難易度　★　読んだ本の内容をグラレコする ・速度についても安心してマイペースでまず始められます 難易度　★★　短めの登壇動画（5分）を止めながらグラレコ ・止めながらかけるので挫折少なくグラレコを描き切ることができます。 難易度　★★★★　短めの登壇動画（10分）を流しでグラレコ ・短めの内容を1回みて動画を止めずにグラレコします。 どんどん長くしていき、1時間〜2時間の会話に慣れるようになる
36. おすすめ書籍 おすすめ書籍たちをご紹介 ＼基本を知りたい／ ＼バイブル本／ ＼実例を知る／
37. 今日からみなさんも グラレコ チャレンジ