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

93
グラフィックレコーディングをやってみよう! グラフィックレコーデイング勉強会 in静岡 2016221和田あずみ グラフィックレコーディング勉強会, Naoka Misawa, Azumi Wada

Upload: azumi-wada

Post on 15-Apr-2017

661 views

Category:

Design


0 download

TRANSCRIPT

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

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

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

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

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

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

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

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

Photo: Toshiya Kondo

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

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

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

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

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

アドバイザー 三澤 直加

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

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

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

スタッフ 野田佳穂莉

スタッフ 川田学

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

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

株式会社メンバーズ

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

ワークショップのねらい

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

やってみたいこと

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

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

自分でもやってみる!

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

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

“習うより慣れろ”

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

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

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

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

“個性を活かそう”

・色をどんどん使おう!

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

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

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

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

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

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

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

ワークショップの進め方

• 自己紹介と準備運動

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

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

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

• 聴き取りトレーニング

• 表現するトレーニング

• 構造化トレーニング

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

• リフレクション

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

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

自己紹介

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

あなたのニックネーム」

あなたが

春に食べたい食べ物を

絵で描いてください!

+今日の意気込み一言!

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

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

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

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

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

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

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

講演会で

対談の場で

会議で

座談会で

アイデア出しの場で

戦略会議で

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

グラフィックレコーダーネットワーク(日本)

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

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

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

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

© Naoka Misawa

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

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

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

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

おれはそう 思わない。

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

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

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

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

創造的な 雰囲気!

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

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

GR: Satomi Wanami

スケッチノート

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

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

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

こんな話を してたんだ!

(c) Satomi Wanami

スケッチノート

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

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

議論のポイントはここ

かな

この人達が 来てたんだ

© Naoka Misawa

スケッチノート

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

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

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

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

©Naoka Misawa

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

©Naoka Misawa

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

い!

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

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

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

© Naoka Misawa スケッチノート

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

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

© Naoka Misawa

アイデアスケッチ

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

い!

見てたら 閃いた!

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

視覚化の効果

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

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

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

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

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

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

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

する方法です。

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

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

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

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

Copyright © 2015 Glagrid Inc. All Rights Reserved.

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

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

どうしたらできるの?

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

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

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

絵を 描く?

人に 見せる?

即座に?

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

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

普段の

自分のノートには

どんな課題がある?

絵を描くのが 苦手…

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

結局わからん

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

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

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

わからない

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

わからなさそう

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

グラレコ課題分割

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

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

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

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

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

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

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

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

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

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

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

美しく描くための

基本を知ろう!

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

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

グラレコでつかう道具(基本セット)

環境に合う 大きさの紙

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

はがしやすい テープ

メモ&調べ物 スマホ

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

修正用 ラベルシール

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

基本的なペンの持ち方

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

尖った方を 親指側に持つ

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

基本的なペンの使い方

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

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

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

基本的なペンの使い方

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

基本的なペンの使い方

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

基本的なペンの使い方

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

基本的なペンの使い方

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

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

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

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

名づけて:プロッキーフォント!

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

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

波線

長い線

ぐるぐる線

いろんな文字

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

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

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

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

尖った部分を 下に向ける

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

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

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

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

聴きとる トレーニング 1

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

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

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

高速で 話します!

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

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

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

チーム内で振り返り

いくつ聞きとれた?

難しかった「モノ」は?

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

etc..

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

全体で振り返り

聴きとるために

できる工夫?

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

休憩

休憩タイム

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

事例紹介

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

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

表現する トレーニング 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

なんか変・・・

骸骨の形を想像・・・

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

顔の表情を描いてみよう

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

顔の表情を描いてみよう

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

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

顔の表情を描いてみよう

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

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

顔の表情を描いてみよう

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

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

顔の表情を描いてみよう

驚き! 目と口が 開く

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

顔の表情を描いてみよう

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

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

顔の表情を描いてみよう

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

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

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

顔の表情+傾き

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

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

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

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

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

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

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

自分のイチオシを紹介

チームでシェアする

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

称え合おう!

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

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

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

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

リスト ラディアル

クラスター

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

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

72

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

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

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

リスト

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

ラディアル

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

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

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

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

クラスター

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

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

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

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

75

構造化のポイント

同類を囲い、

まとまりとして

見せてあげる

大事なコトバは、

強調して

見せてあげる

関係性を

矢印を使って

表現する

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

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

綺麗に構造化したいけど

最初から

なんてわからない・・・

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

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

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

スピーカー テンプレート

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

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

サンプル

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

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

ビジョン テンプレート

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

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

サンプル

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

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

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

①近くの人2〜3人で話す時間をつくります。(5分) ②1人ずつ書いてみましょう。(10分)

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

休憩

休憩タイム

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

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

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

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

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

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

はりだして、シェア

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

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

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

リフレクション

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

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

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

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

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

87

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

視覚化の効果

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

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

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

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

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

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

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

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

3. いち早く活動を共有・発信 したい時

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

さいごに

筋肉は一日にして成らず

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

さいごに

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

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

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

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

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

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

おすすめの本

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

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

ドイツneuland社

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

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

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

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

• ビジョンテンプレート

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

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

http://www.slideshare.net/Naoka