Embed Size (px)
Citation preview
グラレコを体感せよ！
第２回 グラフィックレコーディングをやってみよう！ ワークショップ
グラフィックレコーディング勉強会 , Naoka Misawa, Azumi Wada, Masashi Tsuzaki
本日は、よろしくお願いします！
ファシリテーター：
津崎将氏UI デザイナーとして主に自社新規事業のユーザーインターフェース設計、 UI まわりのプロセス設計、社内ワークショップの設計、ファシリテーションを担当産業技術大学院大学履修証明プログラム人間中心デザイン修了グリー株式会社所属
アシスタント：
今野 敬介産業技術大学院大学在学中にグラフィックレコーディングと出会い、グラフィックレコディング勉強会に参加。 業務で議事録代わりにグラレコを取り入れるように努力はしてみたが、なかなか思うようには書けず、そんな中で「コンノ式」というビギナー向けのだれでもグラレコを楽しめる力技的な方法を思いつく。産業技術大学院大学 履修証明プログラム 人間中心デザイン 修了株式会社 ROLO 代表取締役
本日は、よろしくお願いします！
全体グラフィックレコーディング：
小野 奈津美株式会社マックグラフィックアーツ ディレクター運用案件をメインに、新規案件・改善提案などのサポート業務を担当。2015 年 3 月に開催されたグラフィックレコーディング勉強会に参加したことがきっかけで同 3 月の CIVIC TECH FORUM にてグラフィックレコーダーとして活動を開始した初心者。グラレコは描くこと、可視化することで理解しやすくなる面白さがあるので続けていける。
アドバイザー：
三澤 直加Code for Namie プロジェクトで UX デザインを担当NPO 法人アイデア創発コミュニティ推進機構理事株式会社グラグリッド取締役グラフィック・レコーダー・ネットワーク代表
本日は、よろしくお願いします！
和田あずみ
技術サポート：
グラフィックレコーディング サポーター：グラフィックレコーディング勉強会から
五十嵐佳奈 梶家秀彦 西田武史
和波里翠
増山和秀酒井洋平 松永 奈菜 金井 由宇
グラフィックレコーディング勉強会
みなさんのご参加お待ちしております！
2014年発足産業技術大学院大学
HCD プログラム履修生を中心に
グラレコも勉強会もまだまだ発展途上
ワークショップのねらい
実務に役立つことやってみたいこと
一つでも見つけていただきたい！
グラフィックレコーディングの活用方法を知る！描くことの楽しさを体感する！
ワークショップのポリシー
“ 習うより慣れろ”
・グラフィックレコーディングはスポーツ！・やればやるほどうまくなる！
ワークショップのポリシー
“個性を活かそう”
・色をどんどん使おう！・自分なりの工夫をしながら進めよう！
ワークショップのポリシー？
“身体感覚よ目を覚ませ！”
・実は皮膚の感覚、バランス感覚が大事！・身体全体をつかって絵を描こう！
ワークショップの進め方
• 自己紹介と準備運動• さまざまな視覚化の技法• グラフィックレコーディングってどうやるの？• 美しく描くための基本を知ろう！• 聴き取りトレーニング• 表現するトレーニング• 構造化トレーニング• グラフィックレコーディンをやってみよう！• グラフィックレコーディング、どう使えそう？• リフレクション
自己紹介
お題：あなたが好きな食べ物嫌いな食べ物を絵で描いてください！
・「好きな食べ物、嫌いな食べ物のイラスト」と
「あなたのニックネーム」描こう！
・ A3 の紙、めいっぱい大きく。
・ ５分で（考えすぎずに、思い切って！）
いろんなところで役に立つ
さまざまな視覚化の技法！
さまざまなシーンでつかえる「視覚化の技法」
講演会で
対談の場で
会議で
座談会で
グラフィックレコーダーネットワーク（日本）
講演内容をみんなの前でグラフィカルに記録する
講演内容をみんなの前でグラフィカルに記録する
さっきの話こういう見方もあったのか！
© Naoka Misawa
そうそう、こんなコト言ってたな
グラフィックレコーディング
見解をぶつけあうためのきっけけに
おれはそう思わない。
あの、部分、おれはこう
思う。
吹き出しは、勝手な妄想です。
イベントを盛り上げる一つのしかけにも
創造的な雰囲気！
講演内容を楽しいノートにまとめてシェア
GR: Satomi Wanami
スケッチノート
講演内容をノートにまとめてシェア
ダイジェストが把握で
きる！
こんな話をしてたん
だ！
(c) Satomi Wanami
スケッチノート
対談やパネルディスカッションでも同様に
議論のポイントはここ
かな
この人達が来てたんだ
© Naoka Misawa
スケッチノート
座談会やインタビューの場で、意見を書き出す
© Naoka Misawa スケッチノート
議論の場で、意見を書き出す
議論の場で、意見を書き出す
©Naoka Misawa
グラフィックファシリテーション
どんどん絵になるから発想しやす
い！
他の方向性でも考えて見よう
©Naoka Misawa
会議の場でアイデアをスケッチする
© Naoka Misawa
アイデアスケッチ
どんどん絵になるから発想しやす
い！
見てたら閃いた！
視覚化の良いところ！
②参加者がアイディア、議論プロセスを理解しやすくなる
③情報を俯瞰することで、新たな発想を生む
①頭の中にあるアイディアを形にできる
参加者の意欲が上がり、アイディア創発の場や会議での合意形成を促す
様々な視覚化表現の特徴
テキスト
グラフィック
ノート ファシリテーション
（記録重視）
（文脈重視）
（表現力重視）
（伝達重視）
視覚化の目的
視覚化表現手段
様々な視覚化表現の特徴
絵日記
テキスト
グラフィック
ノート ファシリテーション
ファシリテーション
グラフィック
お固い議事録
（記録重視）
（文脈重視）
（表現力重視）
（伝達重視）
グラフィックレコーディング
RTD
様々な視覚化表現の特徴
テキスト
グラフィック
ノート ファシリテーション
（記録重視）
（文脈重視）
（表現力重視）
（伝達重視）
グラフィックレコーディング
グラフィックを用いて表現力豊かな記録をするが、個人の解釈によって差がでてくる記録
グラフィックレコーディングってどうしたらできるの？
グラフィックレコーディングとは
会議での議論やカンファレンスの流れ等、情報を即座に、グラフィカルに視覚化し、共有する手法
絵を描く？
人に見せる？
即座に？
グラフィックレコーディングの障害
普段の
自分のノートにはどんな課題がある？
絵を描くのが苦手…
書くのが怖い言葉が散乱して何がいいたかった
か結局わからん
書いている間に議論が進んで追いつけない！
うまく描かなきゃって思うと頭が真っ白
とっさに何を選んで書くべきか
がわからない
書いてはみたけど自分以外は
わからなさそう
グラレコ課題分割
聴きとる 表現する 構造化する
まずは情報を「聴く」何を話しているのか、意識して聴きとっていく
聴いたものを「表現する」聴きとったものをスピーディーに伝わるイラストや記号で表現する
表現を「構造化する」描いた絵や情報の関係性を考え構造化する
グラレコ課題分割 (悩み )
聴きとる 表現する 構造化する
まずは情報を「聴く」何を話しているのか、意識して聴きとっていく
聴いたものを「表現する」聴きとったものをスピーディーに伝わる絵にする
表現を「構造化する」描いた絵や情報の関係性を考え構造化する
絵を描くのが苦手…
書くのが怖い
書いている間に議論が進んで追いつけない！
書いてはみたけど自分以外は
わからなさそう
とっさに何を選んで書くべきか
がわからない
うまく描かなきゃって思うと頭が真っ白
言葉が散乱して何がいいたかった
か結局わからん
グラレコ課題分割 ( 今回のワーク )
聴きわける 表現する 構造化する
まずは情報を「聴く」何を話しているのか、意識して聴きとっていく
聴いたものを「表現する」聴きとったものをスピーディーに伝わる絵にする
表現を「構造化する」描いた絵や情報の関係性を考え構造化する
絵を描くのが苦手…
書くのが怖い
書いている間に議論が進んで追いつけない！
書いてはみたけど自分以外は
わからなさそう
とっさに何を選んで書くべきか
がわからない
うまく描かなきゃって思うと頭が真っ白聴き分け方法を
身につけて
流れを追う！ 上手に書かない
最低限の表現で
伝わる絵は描く！
言葉が散乱して何がいいたかった
か結局わからん内容
用途にあう･
構造を選んで
構造化する！
聴きとる
トレーニング 表現する
トレーニング 構造化する
トレーニング
美しく描くための
基本を知ろう！
3 つのトレーニング、その前に
グラレコでつかう道具（基本セット）
環境に合う大きさの紙
裏写りしない太いカラーペン
はがしやすいテープ
メモ＆調べ物スマホ
メモ＆構造検討ポストイット
修正用ラベルシール
基本的なペンの持ち方
プロッキーの太いほうで、うまく描くための持ち方
尖った方を親指側に持つ
基本的なペンの使い方
ペン先全てを使って、しっかり押しつける
ペンを置くだけでこういう形ができる
基本的なペンの使い方
基本的なペンの使い方
基本的なペンの使い方
基本的なペンの使い方
まっすぐな線で、美しい文字がかける！
ペンの向きが固定されていないと、不安定な文字に
ペンの向きが固定されると、文字も安定して、スピーディーに書けるように
名づけて：プロッキーフォント！
ペンに慣れるために描いてみよう
波線
長い線
ぐるぐる線
いろんな文字
細かい文字を書きたい時のペンの持ち方
プロッキーの太いほうを、そのまま回転！
ペンを回転させ芯を縦向きにする
尖った部分を下に向ける
太い方でも細かい文字が書ける！
↓芯を縦向きにすると、細くて繊細な線がかける。
聴きとるトレーニング１
大事なことを聴きとる練習
①A3 用紙とペンを用意
②スピーカーの話を ききながら そこに登場する「モノ」 をすべてメモしてください。
高速で話します！
※自分用にメモできれば OK 綺麗な文字で書く必要はありません。 全部書き取れるように、頑張って行きましょう！
いくつ聞きとれた ?
難しかった「モノ」は ?
全部聴きとるためにやっていた工夫は？
etc..
全体で振り返り
聴きとるためにできる工夫は？
表現するトレーニング2
自分なりの簡単人間を描く
パーツの配置を意識して顔を描こう！
自分なりの簡単人間を描く
自分なりの簡単人間を描く
自分なりの簡単人間を描く
自分なりの簡単人間を描く
自分なりの簡単人間を描く
眉毛が、目のくぼみに入ってしまう
☓
眉毛を書く時には目の周りと間隔をとろう。
なんか変・・・
骸骨の形を想像・・・
顔の表情を描いてみよう
顔の表情を描いてみよう
嬉しい口をあけ口角を上げる
顔の表情を描いてみよう
怒り への字口と逆ハの字眉
顔の表情を描いてみよう
悲しみ への字口とハの字眉
顔の表情を描いてみよう
驚き！ 目と口が開く
顔の表情を描いてみよう
わかった！ 上向きで口が少し上に
顔の表情を描いてみよう
困った ハの字眉をしかめる
顔に傾きをつけることで、意思がこもる
顔の表情＋傾き
身体の動きでさらに感情豊かに
体の動き
自分のイチオシを紹介
チームでシェアする
チームの人の表情をみてうまい、と思ったものを
称え合おう！
3構造化するトレーニング
さまざまな、構造化パターン
リスト ラディアル クラスター
グリッド／テーブル ダイアグラム
70
さまざまな、構造化パターン
例
内容でまとめずに、意見を、そのまま書き出し並べる。箇条書きに書く。
リスト
ラディアル
さまざまな、構造化パターン
例
情報を矢印や枝でつなぎ、情報全体のつながりとひろがりを示す。
クラスター
さまざまな、構造化パターン
情報の内容を意識し分類しながら、情報の種類、関係性を見つけていく。
例
73
構造化のポイント
同類を囲い、まとまりとして見せてあげる
大事なコトバは、強調して
見せてあげる
関係性を矢印を使って
表現する
構造化はいつするの？
内容が出揃ってから関係性を書き足す（帰納的な構造化）
最初にあたりを付けて書いていく
（演繹的な構造化）
２つの方法がある！
内容が見えない時はこちら 内容が見える時／議論を誘導したい時
慣れない時はこっちが、安心 こっちの方が後で見やすい
でも、実際はどうするの？
綺麗に構造化したいけど最初から
なんてわからない・・・
いきなり模造紙で書くのも
こわい・・・
コンノ式を見てみよう！
テンプレートを試してみよう！
コンノ式帰納的グラフィックレコーディング
すぐに使えるテンプレート
スピーカーテンプレート
すぐに使えるテンプレート
サンプル
すぐに使えるテンプレート
ビジョンテンプレート
すぐに使えるテンプレート
サンプル
テンプレートを使って書いてみよう！
お題：あなたがが来年までにやってみたいことを描いてください。
①近くの人２〜３人で話す時間をつくります。（５分）
②１人ずつ書いてみましょう。（ 10分）
グラフィックレコーディング演習
グラフィックレコーディング演習
TED のスピーチをみんなでグラレコしてみよう！
グラフィックレコーディング演習
はりだして、シェアする
「これいいな」って思ったグラレコはふせんに一言感想をかいて投票！
どんなところがよかったですか？
リフレクション
リフレクション
チーム内で振り返ろう
やってみてどうだった？
グラフィックレコーディングどんな所でつかえそう？
なぜ視覚化が大事なのか？
②参加者がアイディア、議論プロセスを理解しやすくなる
③情報を俯瞰することで、新たな発想を生む
①頭の中にあるアイディアを形にできる
参加者の意欲が上がり、アイディア創発の場や会議での合意形成を促す
どんな時につかうと効果がでやすいか？
１．価値観が違う人／異なる分野の人と情報を共有したり議論する時
２．行く先が見えていない、創造的な議論をする時
３．いち早く活動を共有・発信したい時
さいごに
筋肉は一日にして成らず
聴きとる
筋肉表現する
筋肉構造化する
筋肉
さいごに
仲間と一緒にグラレコ筋トレ！
グラレコ困った時のTIPS集 ( 全部実話★ )
グラレコ困った時の TIPS集
1. 大事なキーワードがききとれなかった
なんかわりと大事そうなのにーーー！うわあああああ
グラレコ困った時の TIPS集
1. 大事なキーワードがききとれなかった
絵をみせながら後で発話者にきく
ここ、ききとれなかったのでもう一度教えて！
グラレコ困った時の TIPS集
2.漢字やスペル忘れた・間違えた
× 可視可◎可視化おいおいおい orz
グラレコ困った時の TIPS集
2.漢字やスペル忘れた・間違えた
スマホ片手にグラレコ。怪しい文字は検索
このスペルはこれでいいのかほっっ
※とはいえ漢字練習大事
グラレコ困った時の TIPS集
3.紙が余った
想定より講演が圧縮されて、描くエリアが余った。ひー寒々しいよーどうしよー
グラレコ困った時の TIPS集
3.紙が余った
あとで理解を促す参加者の発話や総括、場の空気感を装飾に入れてみる
あとでもっと理解できるようになるよ！
さいごに
「上手に」「完璧に」は NG ワード。知らず知らずに高いレベルを求めると、描けなくなっちゃう！
シンプルでも「後でその場にいなかった誰かにストーリーを伝えることをイメージして描く」のが大事。
徐々にできる表現をふやしていく！
