株式会社グラグリッド

第8回WebUX研究会

創造現場における
ビジュアライズの動向と可能性  

2013年年11⽉月30⽇日

株式会社グラグリッド  三澤直加
はじめまして。
新しい事業構想を、デザインシンキングで
サポートするコンサルティングをしています。

プロジェクト・ファシリテーション

2
仕事の依頼内容は・・
企画コンセプトを⽴立立案する
⼿手伝いをしてほしい

新しいサービスの
利利⽤用シナリオを
⼀一緒に考えてほしい

コミュニティのビジョンを
⼀一緒につくってほしい

イノベーティブなものが⽣生まれる
制作プロセスを⼀一緒に
つくってほしい

「⾒見見えないもの」を「⼀一緒に」つくる
3
⾒見見えないものを⼀一緒につくる⽅方法
形をさぐる

想いをさぐる

「プロトタイピング」

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

「⾒見見えないもの」を「⼀一緒に」
⾒見見えるように(ビジュアライズ)して、
創り上げていく。
4
グラフィック
ファシリテーション
って何をしているの?
5
グラフィック・ファシリテーション
それって
こういうことですか?

⽂文字に加えて、図やイラストなどの
ビジュアル化の技術を、
ワークショップや会議の現場で
リアルタイムに⾏行行う技法
捉えた
事  実

考えや
意⾒見見

アイデア

複数⼈人の前で書き出し、
共通認識識をつくる
役割1  ブレストで、イメージを掻き⽴立立てる

アイデアを
その場で素早く
ドローイングする
役割2  ディスカッションで、意⾒見見を構造化する
複数⼈人の意⾒見見を、
内容に応じて
構造的に書き上げる
役割3  意⾒見見交換の場で、個々の主張を⼀一覧にする

スピーカーの特徴と
スピーカーの主張を
グラフィカルに表現する
なぜ
創造にはビジュアライズが
必要なのか?
新しいことを考える時は、
暗闇の中を歩いているようなもの

11
直感的なアイデアは、⼀一瞬でやってくる
そして、すぐに消える

12
同じ⾔言葉葉で語り合っても
⾒見見える世界は違う

13
創造的なプロセスだからこそ必要なこと
創造的なプロセスでは、進んでいる⽅方向、
⽬目的地がわかりにくい。
直感的アイデアは、すぐに消えてしまう。
多様なメンバーでは、同じ⾔言葉葉で語り合っても、
異異なる世界が⾒見見える。
だからこそ、個々の考え、意⾒見見、アイデアを、
その場で即座にビジュアライズしていく必要がある。

14
世の中で
どんな⾵風につかわれて
いるのか?
15
スピーチの記録を聴講者がノートに描いてシェア

「スケッチノート」
#sketchnotes	
  
カンファレンスの事務局がスピーチ内容をシェア

#sketchnotes	
  

#sdnc13	
  
⾃自分が参加したディスカッション内容を確認

「ファシリテーション・グラフィック」
ワークショップなどの⾔言動を記録し省省察する

「リアルタイム・ドキュメンテーション」
専⾨門業者のサービス
SKETCH  POST  Studioの
「ビジュアルレコーディング」
  サービス

	
  Bernie	
  Quahさん 	

SKETCH	
  POST	
  Studio	
  HPより引用
ビジュアライズの
種類と特徴

21
ビジュアライズの⽬目的
ノート

ファシリテーション

⽬目的:
  ・記録すること
  ・後で、振り返りたい

⽬目的:
  ・わかるようにすること
  ・気づかせること
  ・今、効果が欲しい

記録者:
  ・輪輪の外にいてもできる

記録者:
  ・輪輪の中に⼊入り影響を
    与える必要がある

22
ビジュアライズ⾔言語
テキスト

⽂文字・・・・図表・・・イラスト

グラフィック

効果:
  ・叙述的に記述できる
  ・詳細な表現がしやすい

効果:
  ・⽬目をひきやすい
  ・理理解しやすい
  ・描いた⼈人の解釈が⼊入る

記録者:
  ・誰でもすぐにできる
  ・⾔言語の壁がある

記録者:
  ・表現⼒力力が必要
  ・把握/分析能⼒力力が必要

23
様々なビジュアル(視覚化)表現の特徴
グラフィック(表現⼒力力重視)

絵⽇日記

スケッチ
ノート

ノート

(記録重視)

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

ファシリ
テーション

(伝達重視)

リアルタイム
ドキュメンテーション
エスノグラフィ

テキスト (⽂文脈重視)

24
⽬目的にあわせた道具選び
ノート

ファシリテーション

25
イラスト・図表を
うまくつかうには?

26
うまくいく⾊色の使い⽅方

1.  ⾊色をつかう
2.  ⾊色にルールをつくる
3.  塗るなら塗りに適したペンで
4.  存在感を持たせたいものに影⾊色をつける

27
うまくいく⽂文の書き⽅方

1.  ⼤大事な⾔言葉葉は単語で⼤大きく書く
2.  接続詞は⽂文にしない(図で表現)
3.  発⾔言者の微妙な⾔言い回しをそのまま書く

28
うまくいくイラスト・図表の書き⽅方

キャンバス全体をどのような構成にするのか
予め決めておく
a.  ポスター
b.  リスト
c.  ダイアグラム
d.  クラスター
e.  ドローイング
f.  スピーカーノート
上記の構成は、デビッド・シベットの説を参考に、これまでの経験から編集しています。	

29
イラスト・図表のパターンa
a.  ポスター
会議のテーマやゴールを⽬目⽴立立つように描
き、メンバーの注⽬目を集める。
例例

30
イラスト・図表のパターンb
b.  リスト
まとめずに、メンバーの意⾒見見を、そのま
ま書き出し並べる。箇条書きに書く。
例例

31
イラスト・図表のパターンc
c.  ダイアグラム
情報を⽮矢印や枝でつなぎ、情報全体のつ
ながりとひろがりを⽰示す。
例例

線、⽮矢印などの視覚的リンク
でつながった図形
(チャート含む)

32
イラスト・図表のパターンd
d.  クラスター
情報の内容を意識識し分類しながら、情報
の種類、関係性を⾒見見つけていく。
例例

33
イラスト・図表のパターンe
e.  ドローイング
メタファーを加えて描写し、メンバーの
納得を引き出す。
例例

34
イラスト・図表のパターンe
f.  スピーカーノート
スピーカーの似顔絵、背景、主張のポイ
ントを効果的に記録する。
例例

35
ビジュアライズの
効果とは?

36
会議をビジュアル化する3つのメリット

1.  参加意識識を向上させられる
2.  全体の関係性が把握できる
3.  記憶が共有化される

37
会議をビジュアル化するメリット(2)

1.  参加意識識を向上させられる

–  参加者は、⾃自分の発⾔言が書きとめられると「聴い
てもらえた」「存在を認めてもらえた」と感じ、
主体的に話し合いに関わるようになる。
–  専任の記録者がいることで、⾃自分でとるメモを最
⼩小限にして、その場で起こっていることに集中で
きる。
38
会議をビジュアル化するメリット(2)

2.  全体の関係性が把握できる

–  書きだされた内容を⽐比較したり、隠れた法則性
を⾒見見出したりしながら、情報を整理理することで、
広い視野で情報を捉えることができる。
–  広い視野で「より⼤大きな全体」を意識識しながら
情報を整理理できるので、参加者の思考のレベル
が向上する。
39
会議をビジュアル化するメリット(3)

3.  記憶が共有化される

–  視覚化された内容と発⾔言された背景を、重ねあ
わせて記憶できる。
–  適切切なフレームワークに落落としこめば、参加者
の記憶として定着する。
–  記憶が定着すれば、課題が強く意識識され、実⾏行行
が促進される。

40
まとめ
1.  考えていることをビジュアライズすることは、
創造的現場で必要不不可⽋欠なこと。
2.  効果的なビジュアライズは、意⾒見見をまとめ理理解
を深め、コミュニケーションを促進させる。

41
参考図書のご紹介

ビジュアル・ミーティング  
予想外のアイデアと成果を⽣生む
「チーム会議」術

⼿手描きで考え、伝える  
図解表現使いこなしブック  

デビッド・シベット  (著),
監訳:堀  公俊  (監修),  株式会社トライローグ  (翻訳)

原⽥田  泰  (著)

42
Thank  you!
三澤  直加
株式会社グラグリッド
エクスペリエンスデザイナー/コンサルタント
misawa@glagird.jp
1977年年⻑⾧長野県⽣生まれ。
⾦金金沢美術⼯工芸⼤大学にて⼯工業意匠を学び、2000年年から東京のデザイン事務所で、携帯電話やパソコンな
どのソフトウェアの企画、情報設計、ユーザインタフェースのデザインに従事。使う⼈人が好きになる商
品、使う⼈人が感動する体験を提供するために、多くの質的調査のディレクションを⾏行行う。
2011年年に株式会社グラグリッド設⽴立立。さまざまな組織や団体へ向けて、クリエイティブ能⼒力力開発のコ
ンサルタントとして活動する。2013年年よりNPO法⼈人アイデア創発コミュニティ推進機構の理理事に就任。
⽇日本の伝統⽂文化、技術⼒力力を活かしたブランド創出プロジェクト進⾏行行中。
HCD-‐‑‒Net認定  ⼈人間中⼼心設計専⾨門家・⽇日本創造学会正会員
価値あるものを発見し
顧客に届けるストーリーを
デザインします。

Visualization for Creative project