グラフィックレコーディングをやってみよう！ワークショップ資料　150301

「グラフィックレコーディングをやってみよう！ワークショップ」へようこそ

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

株式会社エアーリンク webディレクター。オンライン旅行サイト『DeNAトラベル』のユーザー調査・サービス開発・ UIデザイン・アクセスログ等の定量調査に従事。学生時代からNPO活動に関わる中でファシリテーションを学び、「多様なひとと一緒に、伝えるものをつくる」プロセスに力をいれている。産業技術大学院大学人間中心デザイン履修証明プログラム2014受講生。

アドバイザー：三澤直加

エクスペリエンスデザイナー / コンサルタント顧客起点での商品づくりを行うための、プロジェクト・ファシリテーション、デザインコンサルテイングを中心に活動する。共創プラットフォームの育成に力を入れており、アイデア創出ファシリテーターの育成、グラフィックファシリテーションの研究、市民協働型のコンセプト立案イベントの企画・運営などを行う。東北工業大学ライフデザイン学部クリエイティブデザイン学科講師 NPO法人アイデア創発コミュニティ推進機構理事

グラフィックレコーディングサポートチーム：和波里翠

グラフィック・UI/UXデザイナーブランディング・パッケージ・ポスター・Web等の広告系グラフィックデザイン経験後、株式会社ディー・エヌ・エーにて新規サービス開発のUI/UXデザインに従事。コミュニケーションの橋渡しとして情報の可視化を目指し、Code for Japanアンカンファレンスでのグラフィックファシリテーションの経験を始めHTML5カンファレンス2015、UI Crunch、Data Visualization Japan 等のイベントでグラフィックレコーディング活動を行っている。

準備運動①：ペンの持ち方

プロッキーの太いほうのペンで、直線を書こう！

とがったほうを親指側に持つ

ペン先全てを使って、しっかり直線や文字を書く

準備運動②：模造紙に書く

お題：自己紹介

ルール・自己紹介をしながら描く・必ず１ｍ以上線を描くくらい、でっかく！・他のメンバーの描いたものから発想して、ちょっかいをだしていく

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

何だろう？

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

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

参加者の発話内容をリアルタイムで視覚的にわかりやすく伝えられる

アイディア創発の場や会議での合意形成を促す

なぜ視覚化が大事なのか？

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

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

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

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

視覚化表現の分類

Visualization for Creative project より引用 http://www.slideshare.net/Naoka/visualization-for-project-131130

分類1:スケッチノート

手法：情報をグラフィック・文章を中心に可視化・構造化する目的：必要な情報を共有したり、後から振り返って深く理解するため利用用途：カンファレンスの内容振り返り、勉強会etc

分類2:リアルタイムドキュメンテーション

手法：意見やアイディアをドキュメント(文章)中心で可視化・構造化する目的：情報の関係性を構造化し、俯瞰することで、新たな洞察を得るため利用用途：新たな着想が必要な会議etc

分類3:ファシリテーショングラフィック

手法：議論内容やプロセスを可視化・構造化し、参加者間のコミュニケーションを促してゆく目的：限られた時間内において質の高い合意形成を行うため利用用途：まちづくり等多様な背景を持つ人が参加する会議、デザインの現場etc

サービスデザイン業務で使うとこんなかんじ

ユーザーインタビュー記録のカスタマージャーニーマップ (AS IS)

業務記録ノートや社内勉強会でのノウハウ共有

会議での合意形成 ※カスタマーセンター、エンジニア、商品開発等多様な参加者との会議

プロトタイプしながら要件定義 ※主にプロダクトオーナー、エンジニアとの会議

視覚化の中のグラフィックレコーディング

グラフィックレコーディングはこのへん

今回のワークショップでこのへんやってみよう！ (使いやすい！)

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

普段の

自分のノートには

どんな課題がある？

絵を描くのが苦手…

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

結局わからん

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

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

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

わからない

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

わからなさそう

グラレコ課題分割

聴きわける表現する構造化する

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

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

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

グラレコ課題分割(悩み)






書くのが怖い





わからない


言葉が散乱して何がいいたかったか

結局わからん

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






書くのが怖い





わからない


言葉が散乱して何がいいたかったか

結局わからん

聴きわける筋肉トレーニング１

①聴きわける筋肉トレーニング

①A3用紙に3つのエリアを書く ②スピーカーの話をききながら、エピソード、背景情報主張に区分けして書く

注:絵ではかかない！

①聴きわける筋肉トレーニング

③はりだして、シェアする

やってみてどうだった?

難しかったことは?

他のメンバーはどんなことを書いているんだろう?etc..

表現する筋肉トレーニング 2

②表現する筋肉トレーニング(1)

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


顔の表情


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


顔の表情


顔の表情＋傾き


体の動き


3秒で描けるアイコン作成

①3つの自由テーマのお題を考えるよく使うものを！ ②制限時間内に課題テーマ6個 +自由テーマ3個のアイコンを描いてチームで選出



他のグループはどんなアイコンを描いている？

なんでそう描いたの？

描きづらかったものは？etc..


マンガに学ぶ効果描写 ①配布したマンガからより多くの「感情を豊かにあらわす効果描写」を探す ②ふせん1枚に1個描くとにかくたくさん、でもそっくり模写するチーム対抗戦一番多いチームが優勝



いくつ描けましたか？

他のグループがぬきだしたものはどんなものがある？

もういちど、みんなが描いたものを

みにいこう！

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

③構造化する筋肉トレーニング

list radial cluster

Grid&table diagram


▼開始前のコツ・最初に構造を考える・「6つのステップ」「3つの方法」等タイトルに数字がでたら注意！ ▼描いてる時のコツ・聴き逃しても空欄にして次へいく、どんどん描く ▼描いた直後のコツ・俯瞰して関係性を見る・自分が説明するならここ！というのを、色、枠、矢印、太い線等で強調


list

(1)どんな平日のランチタイムをすごしていますか？

スピーカーの話を聞いてかいてみよう


cluster

(2)平日のランチタイムの課題とは？

スピーカーの話を聞いて、ふせんにかいて、構造化


radial

(3) 平日のランチタイムの楽しい過ごし方とは？

スピーカーの話を聞いてかいてみよう


「やりにくかった点」「良かった点」

はどんなところでした？

list radial cluster


「list」「cluster」「radial」それぞれ、どんなシーンで

使えそう？

list radial cluster

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

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

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

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

はりだして、シェアする

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

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

グラレコ困った時のTIPS集(全部実話★)

グラレコ困った時のTIPS集

1.大事なキーワードがききとれなかった

なんかわりと大事そうなのにーーー！うわあああああ


1.大事なキーワードがききとれなかった絵をみせながら後で発話者にきく

ここ、ききとれなかったのでもう一度教えて！


2.漢字やスペル忘れた・間違えた

×可視可 ◎可視化おいおいおい orz


2.漢字やスペル忘れた・間違えたスマホ片手にグラレコ。怪しい文字は検索

このスペルはこれでいいのかほっっ

※とはいえ漢字練習大事


3.紙が余った

想定より講演が圧縮されて、描くエリアが余った。ひー寒々しいよーどうしよー


3.紙が余ったあとで理解を促す参加者の発話や総括、場の空気感を装飾に入れてみる

あとでもっと理解できるようになるよ！

さいごに

「上手に」「完璧に」はNGワード。知らず知らずに高いレベルを求めると、描けなくなっちゃう！

シンプルでも「後でその場にいなかった誰かにストーリーを伝えることをイメージして描く」のが大事。

徐々にできる表現をふやしていく！

さいごに

筋肉は一日にして成らず

さいごに

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

グラフィックレコーディングをやってみよう！ワークショップ資料 150301

Design

グラフィックレコーディングをやってみよう！ワークショップ資料　150301