グラフィックレコーディング勉強会in静岡 160220

グラフィックレコーディングをやってみよう！

グラフィックレコーデイング勉強会 in静岡 2016年2月21日和田あずみ

グラフィックレコーディング勉強会, Naoka Misawa, Azumi Wada

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


Photo: Toshiya Kondo


本日はよろしくお願いします！

ファシリテーター和田あずみ

アドバイザー三澤直加

株式会社グラグリッド取締役エクスペリエンスデザイナー / コンサルタント

株式会社DeNAトラベルディレクター

グラフィックレコーディング名古屋友紀

スタッフ野田佳穂莉

スタッフ川田学

株式会社ミツエーリンクスディレクター

スタッフ安武伸朗常葉大学造形学部安武研究室常葉大学未来デザイン研究会

株式会社メンバーズ

ワークショップのねらい

自分の活動の中で役立つこと

やってみたいこと

一つでも見つけて欲しい！

グラフィックレコーディングの活用方法を知る！

自分でもやってみる！

ワークショップのポリシー

“習うより慣れろ”

・グラフィックレコーディングはスポーツ！

・やればやるほどうまくなる！


“個性を活かそう”

・色をどんどん使おう！

・自分なりの工夫をしながら進めよう！


“身体で描き、身体で理解せよ”

・身体全体をつかって、大きな線を書くことで習得が早くなる！

・紙の抵抗感を感じて書くと、線が活き活きしてくる！

ワークショップの進め方

• 自己紹介と準備運動

• さまざまな視覚化の技法

• グラフィックレコーディングってどうやるの？

• 美しく描くための基本を知ろう！

• 聴き取りトレーニング

• 表現するトレーニング

• 構造化トレーニング

• グラフィックレコーディンをやってみよう！

• リフレクション

• グラフィックレコーディング、どう使えそう？

自己紹介

A3の紙、めいっぱい大きく。（3分）「好きな食べ物のイラスト／今日の意気込み

あなたのニックネーム」

あなたが

春に食べたい食べ物を

絵で描いてください！

+今日の意気込み一言！

いろんなところで役に立つ

さまざまな視覚化の技法！

どちらの記録を「読みたい！」と思いますか？

さまざまなシーンでつかえる「視覚化の技法」

講演会で

対談の場で

会議で

座談会で

アイデア出しの場で

戦略会議で

グラフィックレコーダーネットワーク（日本）

講演内容をみんなの前でグラフィカルに記録する

講演内容をみんなの前でグラフィカルに記録する

さっきの話こういう見方もあったのか！

© Naoka Misawa

そうそう、こんなコト言ってたな

グラフィックレコーディング

見解をぶつけあうためのきっけけに

おれはそう思わない。

あの、部分、おれはこう思う。

吹き出しは、勝手な妄想です。

イベントを盛り上げる一つにしかけにも

創造的な雰囲気！

講演内容を楽しいノートにまとめてシェア

GR: Satomi Wanami

スケッチノート

講演内容をノートにまとめてシェア

ダイジェストが把握できる！

こんな話をしてたんだ！

(c) Satomi Wanami


対談やパネルディスカッションでも同様に

議論のポイントはここ

かな

この人達が来てたんだ

© Naoka Misawa


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

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

©Naoka Misawa

グラフィックファシリテーション

©Naoka Misawa

どんどん絵になるから発想しやす

い！

他の方向性でも考えて見よう

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

© Naoka Misawa スケッチノート

会議の場でアイデアをスケッチする

© Naoka Misawa

アイデアスケッチ

どんどん絵になるから発想しやす

い！

見てたら閃いた！

視覚化の効果

②参加者がアイディア、議論プロセスを理解しやすくなる

③情報を俯瞰することで、新たな発想を生む

①頭の中にあるアイディアを形にできる

見えないものを視覚化することで、参加者の意欲が上がり、アイディア創発の場や会議での合意形成を促す

グラフィックレコーディングとは、

会議での議論の内容や構造を即座に視覚化

する方法です。

イラストや図表、モデル図やチャートを効果的に使い、

情報を視覚的にわかりやすく共有できるので、

アイデア創発の場や、大勢での合意形成に役立ちます。


Copyright © 2015 Glagrid Inc. All Rights Reserved.

グラフィックレコーディングって

どうしたらできるの？

グラフィックレコーディングとは

会議での議論やカンファレンスの流れ等、情報を即座に、グラフィカルに視覚化し、共有する手法

絵を描く？

人に見せる？

即座に？

グラフィックレコーディングの障害

普段の

自分のノートには

どんな課題がある？

絵を描くのが苦手…

書くのが怖い言葉が散乱して何がいいたかったか

結局わからん

書いている間に議論が進んで追いつけない！

うまく描かなきゃって思うと頭が真っ白

とっさに何を選んで書くべきかが

わからない

書いてはみたけど自分以外は

わからなさそう

グラレコ課題分割

聴きとる表現する構造化する

まずは情報を「聴く」何を話しているのか、意識して聴きとっていく

聴いたものを「表現する」聴きとったものをスピーディーに伝わるイラストや記号で表現する

表現を「構造化する」描いた絵や情報の関係性をとらえ構造化する

グラレコ課題分割(今回のワーク)

聴きとる表現する構造化する

まずは情報を「聴く」何を話しているのか、意識して聴きとっていく

聴いたものを「表現する」聴きとったものをスピーディーに伝わる絵にする

表現を「構造化する」描いた絵や情報の関係性を考え構造化する

美しく描くための

基本を知ろう！

3つのトレーニング、その前に

グラレコでつかう道具（基本セット）

環境に合う大きさの紙

裏写りしない太いカラーペン

はがしやすいテープ

メモ＆調べ物スマホ

メモ＆構造検討ポストイット

修正用ラベルシール

基本的なペンの持ち方

プロッキーの太いほうで、うまく描くための持ち方

尖った方を親指側に持つ

基本的なペンの使い方

ペン先全てを使って、しっかり押しつける

ペンを置くだけでこういう形ができる





まっすぐな線で、美しい文字がかける！

ペンの向きが固定されていないと、不安定な文字に

ペンの向きが固定されると、文字も安定して、スピーディーに書けるように

名づけて：プロッキーフォント！

ペンに慣れるために描いてみよう

波線

長い線

ぐるぐる線

いろんな文字

細かい文字を書きたい時のペンの持ち方

プロッキーの太いほうを、そのまま回転！

ペンを回転させ芯を縦向きにする

尖った部分を下に向ける

太い方でも細かい文字が書ける！

↓芯を縦向きにすると、細くて繊細な線がかける。

聴きとるトレーニング１

大事なことを聴きとる練習

①A3用紙とペンを用意 ②スピーカーの話をききながらそこに登場する「モノ」をすべてメモしてください。

高速で話します！

※自分用にメモできればOK 綺麗な文字で書く必要はありません。

全部書き取れるように、頑張って行きましょう！

チーム内で振り返り

いくつ聞きとれた?

難しかった「モノ」は?

全部聴きとるためにやっていた工夫は？

etc..

全体で振り返り

聴きとるために

できる工夫？

休憩

休憩タイム

事例紹介

常葉大学造形学部安武研究室未来デザイン研究会

表現するトレーニング 2

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

パーツの配置を意識して顔を描こう！






眉毛が、目のくぼみに入ってしまう

☓

眉毛を書く時には目の周りと間隔をとろう。

なんか変・・・

骸骨の形を想像・・・

顔の表情を描いてみよう


嬉しい口をあけ口角を上げる


怒りへの字口と逆ハの字眉


悲しみへの字口とハの字眉


驚き！目と口が開く


わかった！上向きで口が少し上に


困ったハの字眉をしかめる

顔に傾きをつけることで、意思がこもる

顔の表情＋傾き

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

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

よくつかうポイントにはマークを！

自分のイチオシを紹介

チームでシェアする

チームの人の表情をみてうまい、と思ったものを

称え合おう！

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

さまざまな、構造化パターン

リストラディアル

クラスター

グリッド／テーブルダイアグラム

72


例

内容でまとめずに、意見を、そのまま書き

出し並べる。箇条書きに書く。

リスト

ラディアル


例

情報を矢印や枝でつなぎ、情報全体のつ

ながりとひろがりを示す。

クラスター


情報の内容を意識し分類しながら、情報

の種類、関係性を見つけていく。

例

75

構造化のポイント

同類を囲い、

まとまりとして

見せてあげる

大事なコトバは、

強調して

見せてあげる

関係性を

矢印を使って

表現する

でも、実際はどうするの？

綺麗に構造化したいけど

最初から

なんてわからない・・・

よくある型から入ってみよう！

すぐに使えるテンプレート

スピーカーテンプレート


サンプル


ビジョンテンプレート


サンプル

テンプレートを使って書いてみよう！

お題：あなたがが来年までにやってみたいことを描いてください。

①近くの人２〜３人で話す時間をつくります。（５分） ②１人ずつ書いてみましょう。（10分）

休憩

休憩タイム

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

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

https://www.youtube.com/watch?v=ldybnuFxdiQ

はりだして、シェア

「これいいな」って思ったグラレコはふせんに一言感想をかいて投票！

どんなところがよかったですか？

リフレクション

チームで自由に対話（5分間）テーブルに紙を広げて、みんなでメモをとりながら

仕事に活かす方法を考えよう！


どんなところで使えそう？

87

視覚化の効果

②参加者がアイディア、議論プロセスを理解しやすくなる

③情報を俯瞰することで、新たな発想を生む

①頭の中にあるアイディアを形にできる

視覚化することで、参加者の意欲が上がり、アイディア創発の場や会議での合意形成を促す

どんな時につかうと効果がでやすいか？

１．価値観が違う人／異なる分野の人と情報を共有したり議論する時

２．行く先が見えていない、創造的な議論をする時

３．いち早く活動を共有・発信したい時

さいごに

筋肉は一日にして成らず

さいごに

仲間と一緒にグラレコ筋トレ！

グラフィックレコーディング勉強会 https://www.facebook.com/graphicrecord

これからグラフィックレコーディングを勉強したい方むけ！新しいワークショップのご案内や勉強会メンバーのグラフィックレコーディング活動をレポートします

グラフィックレコーディング勉強会参加者グループ https://www.facebook.com/groups/grworkchop

グラフィックレコーディング勉強会のワークショップに参加した人向けのグループ。自分の日々の工夫や、チャレンジしたこと、悩みetc共有していく場です。ワークショップできけなかった質問等も大歓迎。みんなで一緒に楽しくグラレコを練習しましょう～！

おすすめの本

会議を視覚化する・進行するぞ！描く基礎力をつけよう！

もっと、グラフィックレコーディングがうまくなりたい！（英語の本）

ドイツneuland社

初心者向けグラレコテンプレート

• スピーカーテンプレート

http://www.glagrid.jp/toolbox/toolbox_05.php

• ビジョンテンプレート


• アイデアスケッチテンプレート

http://www.slideshare.net/Naoka










グラフィックレコーディング勉強会in静岡 160220

Design