Page 1
グラフィックレコーディングをやってみよう!
グラフィックレコーデイング勉強会 in静岡 2016年2月21日 和田あずみ
グラフィックレコーディング勉強会, Naoka Misawa, Azumi Wada
Page 3
グラフィックレコーディング!
Photo: Toshiya Kondo
Page 5
本日はよろしくお願いします!
ファシリテーター 和田あずみ
アドバイザー 三澤 直加
株式会社グラグリッド 取締役 エクスペリエンスデザイナー / コンサルタント
株式会社DeNAトラベル ディレクター
グラフィックレコーディング 名古屋友紀
スタッフ 野田佳穂莉
スタッフ 川田学
株式会社ミツエーリンクス ディレクター
スタッフ 安武伸朗 常葉大学造形学部 安武研究室 常葉大学 未来デザイン研究会
株式会社メンバーズ
Page 6
ワークショップのねらい
自分の活動の中で役立つこと
やってみたいこと
一つでも見つけて欲しい!
グラフィック レコーディングの活用方法を知る!
自分でもやってみる!
Page 7
ワークショップのポリシー
“習うより慣れろ”
・グラフィックレコーディングはスポーツ!
・やればやるほどうまくなる!
Page 8
ワークショップのポリシー
“個性を活かそう”
・色をどんどん使おう!
・自分なりの工夫をしながら進めよう!
Page 9
ワークショップのポリシー
“身体で描き、身体で理解せよ”
・身体全体をつかって、大きな線を書くことで習得が早くなる!
・紙の抵抗感を感じて書くと、線が活き活きしてくる!
Page 10
ワークショップの進め方
• 自己紹介と準備運動
• さまざまな視覚化の技法
• グラフィックレコーディングってどうやるの?
• 美しく描くための基本を知ろう!
• 聴き取りトレーニング
• 表現するトレーニング
• 構造化トレーニング
• グラフィックレコーディンをやってみよう!
• リフレクション
• グラフィックレコーディング、どう使えそう?
Page 11
自己紹介
A3の紙、めいっぱい大きく。(3分) 「好きな食べ物のイラスト/今日の意気込み
あなたのニックネーム」
あなたが
春に食べたい食べ物を
絵で描いてください!
+今日の意気込み一言!
Page 12
いろんなところで役に立つ
さまざまな 視覚化の技法!
Page 13
どちらの記録を「読みたい!」と思いますか?
Page 14
さまざまなシーンでつかえる「視覚化の技法」
講演会で
対談の場で
会議で
座談会で
アイデア出しの場で
戦略会議で
Page 15
グラフィックレコーダーネットワーク(日本)
講演内容をみんなの前でグラフィカルに記録する
Page 16
講演内容をみんなの前でグラフィカルに記録する
さっきの話 こういう 見方もあったのか!
© Naoka Misawa
そうそう、 こんなコト言ってたな
グラフィックレコーディング
Page 17
見解をぶつけあうためのきっけけに
おれはそう 思わない。
あの、部分、おれはこう思う。
吹き出しは、勝手な妄想です。
Page 18
イベントを盛り上げる一つにしかけにも
創造的な 雰囲気!
Page 19
講演内容を楽しいノートにまとめてシェア
GR: Satomi Wanami
スケッチノート
Page 20
講演内容をノートにまとめてシェア
ダイジェストが把握できる!
こんな話を してたんだ!
(c) Satomi Wanami
スケッチノート
Page 21
対談やパネルディスカッションでも同様に
議論のポイントはここ
かな
この人達が 来てたんだ
© Naoka Misawa
スケッチノート
Page 23
議論の場で、意見を書き出す
©Naoka Misawa
グラフィックファシリテーション
©Naoka Misawa
どんどん 絵になるから発想しやす
い!
他の方向性でも考えて見よう
Page 24
座談会やインタビューの場で、意見を書き出す
© Naoka Misawa スケッチノート
Page 25
会議の場でアイデアをスケッチする
© Naoka Misawa
アイデアスケッチ
どんどん 絵になるから発想しやす
い!
見てたら 閃いた!
Page 26
視覚化の効果
②参加者が アイディア、 議論プロセスを 理解しやすくなる
③情報を俯瞰 することで、 新たな発想を生む
①頭の中にある アイディアを 形にできる
見えないものを視覚化することで、参加者の意欲が上がり、 アイディア創発の場や会議での合意形成を促す
Page 27
グラフィックレコーディングとは、
会議での議論の内容や構造を即座に視覚化
する方法です。
イラストや図表、モデル図やチャートを効果的に使い、
情報を視覚的にわかりやすく共有できるので、
アイデア創発の場や、大勢での合意形成に役立ちます。
グラフィックレコーディング
Copyright © 2015 Glagrid Inc. All Rights Reserved.
Page 28
グラフィック レコーディングって
どうしたらできるの?
Page 29
グラフィックレコーディングとは
会議での議論やカンファレンスの流れ等、 情報を即座に、グラフィカルに視覚化し、共有する手法
絵を 描く?
人に 見せる?
即座に?
Page 30
グラフィックレコーディングの障害
普段の
自分のノートには
どんな課題がある?
絵を描くのが 苦手…
書くのが怖い 言葉が散乱して 何がいいたかったか
結局わからん
書いている間に 議論が進んで 追いつけない!
うまく描かなきゃ って思うと 頭が真っ白
とっさに何を 選んで書くべきかが
わからない
書いてはみたけど 自分以外は
わからなさそう
Page 31
グラレコ課題分割
聴きとる 表現する 構造化する
まずは情報を「聴く」 何を話しているのか、意識して 聴きとっていく
聴いたものを「表現する」 聴きとったものを スピーディーに 伝わるイラストや 記号で表現する
表現を「構造化する」 描いた絵や情報の 関係性をとらえ 構造化する
Page 32
グラレコ課題分割(今回のワーク)
聴きとる 表現する 構造化する
まずは情報を「聴く」 何を話しているのか、意識して 聴きとっていく
聴いたものを「表現する」 聴きとったものを スピーディーに 伝わる絵にする
表現を「構造化する」 描いた絵や情報の 関係性を考え 構造化する
Page 33
美しく描くための
基本を知ろう!
3つのトレーニング、その前に
Page 34
グラレコでつかう道具(基本セット)
環境に合う 大きさの紙
裏写りしない 太いカラーペン
はがしやすい テープ
メモ&調べ物 スマホ
メモ&構造検討 ポストイット
修正用 ラベルシール
Page 35
基本的なペンの持ち方
プロッキーの太いほうで、うまく描くための持ち方
尖った方を 親指側に持つ
Page 36
基本的なペンの使い方
ペン先全てを使って、しっかり押しつける
ペンを置くだけで こういう形ができる
Page 41
まっすぐな線で、美しい文字がかける!
ペンの向きが固定されていないと、不安定な文字に
ペンの向きが固定されると、文字も安定して、 スピーディーに書けるように
名づけて:プロッキーフォント!
Page 42
ペンに慣れるために描いてみよう
波線
長い線
ぐるぐる線
いろんな文字
Page 43
細かい文字を書きたい時のペンの持ち方
プロッキーの太いほうを、そのまま回転!
ペンを回転させ 芯を縦向きにする
尖った部分を 下に向ける
Page 44
太い方でも細かい文字が書ける!
↓芯を縦向きにすると、細くて繊細な線がかける。
Page 46
大事なことを聴きとる練習
①A3用紙とペンを用意 ②スピーカーの話を ききながら そこに登場する「モノ」 をすべてメモしてください。
高速で 話します!
※自分用にメモできればOK 綺麗な文字で書く必要はありません。
全部書き取れるように、頑張って行きましょう!
Page 47
チーム内で振り返り
いくつ聞きとれた?
難しかった「モノ」は?
全部聴きとるために やっていた工夫は?
etc..
Page 48
全体で振り返り
聴きとるために
できる工夫?
Page 50
事例紹介
常葉大学造形学部 安武研究室 未来デザイン研究会
Page 52
自分なりの簡単人間を描く
パーツの配置を意識して顔を描こう!
Page 57
自分なりの簡単人間を描く
眉毛が、目のくぼみに 入ってしまう
☓
眉毛を書く時には 目の周りと間隔をとろう。
なんか変・・・
骸骨の形を想像・・・
Page 59
顔の表情を描いてみよう
嬉しい 口をあけ 口角を上げる
Page 60
顔の表情を描いてみよう
怒り への字口と 逆ハの字眉
Page 61
顔の表情を描いてみよう
悲しみ への字口と ハの字眉
Page 62
顔の表情を描いてみよう
驚き! 目と口が 開く
Page 63
顔の表情を描いてみよう
わかった! 上向きで 口が少し上に
Page 64
顔の表情を描いてみよう
困った ハの字眉を しかめる
Page 65
顔に傾きをつけることで、意思がこもる
顔の表情+傾き
Page 69
自分のイチオシを紹介
チームでシェアする
チームの人の表情をみて うまい、と思ったものを
称え合おう!
Page 71
さまざまな、構造化パターン
リスト ラディアル
クラスター
グリッド/テーブル ダイアグラム
Page 72
72
さまざまな、構造化パターン
例
内容でまとめずに、意見を、そのまま書き
出し並べる。箇条書きに書く。
リスト
Page 73
ラディアル
さまざまな、構造化パターン
例
情報を矢印や枝でつなぎ、情報全体のつ
ながりとひろがりを示す。
Page 74
クラスター
さまざまな、構造化パターン
情報の内容を意識し分類しながら、情報
の種類、関係性を見つけていく。
例
Page 75
75
構造化のポイント
同類を囲い、
まとまりとして
見せてあげる
大事なコトバは、
強調して
見せてあげる
関係性を
矢印を使って
表現する
Page 76
でも、実際はどうするの?
綺麗に構造化したいけど
最初から
なんてわからない・・・
よくある型から入ってみよう!
Page 77
すぐに使えるテンプレート
スピーカー テンプレート
Page 78
すぐに使えるテンプレート
サンプル
Page 79
すぐに使えるテンプレート
ビジョン テンプレート
Page 80
すぐに使えるテンプレート
サンプル
Page 81
テンプレートを使って書いてみよう!
お題: あなたがが来年までに やってみたいことを描いてください。
①近くの人2〜3人で話す時間をつくります。(5分) ②1人ずつ書いてみましょう。(10分)
Page 84
グラフィックレコーディング演習
https://www.youtube.com/watch?v=ldybnuFxdiQ
Page 85
はりだして、シェア
「これいいな」って思ったグラレコは ふせんに一言感想をかいて投票!
どんなところが よかったですか?
Page 87
チームで自由に対話(5分間) テーブルに紙を広げて、みんなでメモをとりながら
仕事に活かす方法を考えよう!
グラフィックレコーディング
どんなところで使えそう?
87
Page 88
視覚化の効果
②参加者が アイディア、 議論プロセスを 理解しやすくなる
③情報を俯瞰 することで、 新たな発想を生む
①頭の中にある アイディアを 形にできる
視覚化することで、参加者の意欲が上がり、 アイディア創発の場や会議での合意形成を促す
Page 89
どんな時につかうと効果がでやすいか?
1. 価値観が違う人/異なる分野の人と情報を共有したり議論する時
2. 行く先が見えていない、 創造的な議論をする時
3. いち早く活動を共有・発信 したい時
Page 91
さいごに
仲間と一緒にグラレコ筋トレ!
グラフィックレコーディング勉強会 https://www.facebook.com/graphicrecord
これからグラフィックレコーディングを 勉強したい方むけ! 新しいワークショップのご案内や 勉強会メンバーのグラフィックレコーディング活動をレポートします
グラフィックレコーディング勉強会 参加者グループ https://www.facebook.com/groups/grworkchop
グラフィックレコーディング勉強会のワークショップに参加した人向けのグループ。 自分の日々の工夫や、チャレンジしたこと、悩みetc共有していく場です。 ワークショップできけなかった質問等も大歓迎。 みんなで一緒に楽しくグラレコを練習しましょう~!
Page 92
おすすめの本
会議を視覚化する・進行するぞ! 描く基礎力をつけよう!
もっと、グラフィックレコーディングがうまくなりたい!(英語の本)
ドイツneuland社
Page 93
初心者向けグラレコテンプレート
• スピーカーテンプレート
http://www.glagrid.jp/toolbox/toolbox_05.php
• ビジョンテンプレート
http://www.glagrid.jp/toolbox/toolbox_06.php
• アイデアスケッチテンプレート
http://www.slideshare.net/Naoka