Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
ビジュアルシンキングって何だろう?
2014年年3⽉月24⽇日
株式会社グラグリッド  三澤直加
第13回UXD  initiative  研究会「ロジカル・ビジュアル・シンキング」
ヤマケンUX勉強会3(ロジカル・ビジュアル・シンキング)
はじめまして
2
新しい事業構想を、デザインシンキングで
サポートしています。
プロジェクトのファシリテーション、
プログラムのデザインなどを⾏行行っています。
三澤  直加
株式会社グラグリッド
エクスペリエンスデザイナー/コンサルタント
m...
プロジェクト・ファシリテーションの仕事
3
形をさぐる 想いをさぐる
「⾒見見えないもの」を「⼀一緒に」
⾒見見えるように(ビジュアライズ)して、
共に創り上げていく。
ビジュアル
シンキングって?
4
“Visual  thinking” Google 画像検索結果
“Visual  thinking” Google 画像検索結果
視覚的に 考えること
イラストを用いて
見えないものを
書き出して
パッと見で
わかるように
頭の中で情景を
思い描く
アイデアを
生み出す
答えを摸索する
漠然と捉える
分類して捉える
グラフィカルな
技法を使って
視覚的に考えると
何ができる?
8
描くことで、⾒見見える
アルタミラ洞洞窟の天井画の⼀一部
今ここに無いものを
共有することができる
たとえて描くことで、わかる
奈奈良良の⻑⾧長⾕谷寺にある橋の袂安政江⼾戸地震を描いた浮世絵の⼀一つ。遊郭の「新吉原」
10
実態のないものを
捉えられるようになる
視点を切切り替えて描くことで、理理解する
姫路路市⿃鳥瞰図
11
⾒見見えない世界が
⾒見見えるようになる
グラグリッドが考える“ビジュアル・シンキング”
1.  全体像を⾒見見えるようにして捉えること:
頭の中だけで考えず視覚的なアウトプットをつくり、
俯瞰して構造的に考えること
(⽂文字/イラスト問わず)
2.  カタチにして発想すること:
イラ...
13
視覚的に考えるために
できること?
あなたの書き物は、考えることに役に⽴立立っていますか?
p 書いたことを忘れてしまう
p どこに何が書いてあるのか思い出
せない
p 書いたことを⾒見見返す気にならない
p 最後まで書いて発⾒見見が1つもない
“構造的”に“グラフィカル...
グラフィック・ファシリテーション
⽂文字に加えて、図やイラストなど
ビジュアル化の技術を、ワークショップ
や会議の現場でリアルタイムに⾏行行う技法
「⾒見見えないもの」を「⼀一緒に」
⾒見見えるように(ビジュアライズ)して、
創り上げていく。
...
ケース1  ブレインストーミングで
⾔言葉葉だけだと、
みんなの頭の中に
あるイメージが
わからない
発⾔言から得られる“イメージ”をイラストにする
アイデアを
その場で素早く
ドローイングする
ケース2  ディスカッションで  
いろんな意⾒見見を
聞きたいのに、
話が拡がらない。
発⾔言の“内容”に注⽬目し、内容別に記録する
複数⼈人の意⾒見見から、
発⾔言内容を
構造的に、⾒見見えるように
書き上げる
ケース3  講座や研修で
いろいろと話しを
聞いたけど、
⼤大事なポイントが
わからない・・・
話の“構造”に注⽬目し、1枚にまとめる
話される内容の因果関係、
相関関係などを意識識して、
構造的に書き出していく
効果的なビジュアライズ
テーマを探る時 発⾔言の“要点” 並列列的に
発想する時 発⾔言から
得られる
“イメージ”
写実的に
カラフルに
たとえて
情報を捉える時 話の“構造” 構造的に
(研修・講座)
(フリーディスカッション)
(ブレスト...
⼿手描きで
イラストや図表を
うまく描くには?
23
1.  まとまりを囲む
2.  関係性を意識識して⽮矢印をつかう
3.  トピックに、雲やスパーク型の曲線をつかう
4.  ポイントになる具象をイラストにする
5.  ⽬目⽴立立たせたいBOXに影をつけて⽴立立体的にする
6.  話しのレイヤー...
なぜ
創造にはビジュアライズが
必要なのか?
新しいことを考える時は、
暗闇の中を歩いているようなもの
26
直感的なアイデアは、⼀一瞬でやってくる
そして、すぐに消える
27
同じ⾔言葉葉で語り合っても
⾒見見える世界は違う
28
創造的なプロセスだからこそ必要なこと
29
創造的なプロセスでは、進んでいる⽅方向、
⽬目的地がわかりにくい。
直感的アイデアは、すぐに消えてしまう。
多様なメンバーでは、同じ⾔言葉葉で語り合っても、
異異なる世界が⾒見見える。
だからこそ、個...
ビジュアル
シンキングの効果と恐さ
30
31
今ここに無いものを共有できる
ビジュアライスで考えることの効果
実態のないものを捉えられる
⾒見見えない世界が⾒見見える
32
事実と空想の境界が曖昧になり、
事実の積み上げが難しくなる
ビジュアライスで考えることの恐さ
具体的で強い印象が残り、
その他の発想を妨げる
個⼈人の解釈が介⼊入するため
共感させることが難しくなる
Thank  you!
1977年年⻑⾧長野県⽣生まれ。
⾦金金沢美術⼯工芸⼤大学にて⼯工業意匠を学び、2000年年から東京のデザイン事務所で、携帯電話やパソコンな
どのソフトウェアの企画、情報設計、ユーザインタフェースのデザインに従事。使う⼈人が好きになる商
品、使...
価値あるものを発見し
顧客に届けるストーリーを
デザインします。
Upcoming SlideShare
Loading in …5
×

Visual Thinking

2,596 views

Published on

ビジュアルシンキングとは?

Published in: Business
  • Be the first to comment

Visual Thinking

  1. 1. ビジュアルシンキングって何だろう? 2014年年3⽉月24⽇日 株式会社グラグリッド  三澤直加 第13回UXD  initiative  研究会「ロジカル・ビジュアル・シンキング」 ヤマケンUX勉強会3(ロジカル・ビジュアル・シンキング)
  2. 2. はじめまして 2 新しい事業構想を、デザインシンキングで サポートしています。 プロジェクトのファシリテーション、 プログラムのデザインなどを⾏行行っています。 三澤  直加 株式会社グラグリッド エクスペリエンスデザイナー/コンサルタント misawa@glagird.jp
  3. 3. プロジェクト・ファシリテーションの仕事 3 形をさぐる 想いをさぐる 「⾒見見えないもの」を「⼀一緒に」 ⾒見見えるように(ビジュアライズ)して、 共に創り上げていく。
  4. 4. ビジュアル シンキングって? 4
  5. 5. “Visual  thinking” Google 画像検索結果
  6. 6. “Visual  thinking” Google 画像検索結果
  7. 7. 視覚的に 考えること イラストを用いて 見えないものを 書き出して パッと見で わかるように 頭の中で情景を 思い描く アイデアを 生み出す 答えを摸索する 漠然と捉える 分類して捉える グラフィカルな 技法を使って
  8. 8. 視覚的に考えると 何ができる? 8
  9. 9. 描くことで、⾒見見える アルタミラ洞洞窟の天井画の⼀一部 今ここに無いものを 共有することができる
  10. 10. たとえて描くことで、わかる 奈奈良良の⻑⾧長⾕谷寺にある橋の袂安政江⼾戸地震を描いた浮世絵の⼀一つ。遊郭の「新吉原」 10 実態のないものを 捉えられるようになる
  11. 11. 視点を切切り替えて描くことで、理理解する 姫路路市⿃鳥瞰図 11 ⾒見見えない世界が ⾒見見えるようになる
  12. 12. グラグリッドが考える“ビジュアル・シンキング” 1.  全体像を⾒見見えるようにして捉えること: 頭の中だけで考えず視覚的なアウトプットをつくり、 俯瞰して構造的に考えること (⽂文字/イラスト問わず) 2.  カタチにして発想すること: イラストなどの表象で描き出し、存在しないものも イメージしながらアイデアを発想すること (具象/抽象問わず) ビジュアライズで創造的に考えること
  13. 13. 13 視覚的に考えるために できること?
  14. 14. あなたの書き物は、考えることに役に⽴立立っていますか? p 書いたことを忘れてしまう p どこに何が書いてあるのか思い出 せない p 書いたことを⾒見見返す気にならない p 最後まで書いて発⾒見見が1つもない “構造的”に“グラフィカルに”書くことで 考えることに役⽴立立つようになる
  15. 15. グラフィック・ファシリテーション ⽂文字に加えて、図やイラストなど ビジュアル化の技術を、ワークショップ や会議の現場でリアルタイムに⾏行行う技法 「⾒見見えないもの」を「⼀一緒に」 ⾒見見えるように(ビジュアライズ)して、 創り上げていく。 個⼈人の 考えや 意⾒見見 個⼈人の アイデア 個⼈人が 捉えた 事  実
  16. 16. ケース1  ブレインストーミングで ⾔言葉葉だけだと、 みんなの頭の中に あるイメージが わからない
  17. 17. 発⾔言から得られる“イメージ”をイラストにする アイデアを その場で素早く ドローイングする
  18. 18. ケース2  ディスカッションで   いろんな意⾒見見を 聞きたいのに、 話が拡がらない。
  19. 19. 発⾔言の“内容”に注⽬目し、内容別に記録する 複数⼈人の意⾒見見から、 発⾔言内容を 構造的に、⾒見見えるように 書き上げる
  20. 20. ケース3  講座や研修で いろいろと話しを 聞いたけど、 ⼤大事なポイントが わからない・・・
  21. 21. 話の“構造”に注⽬目し、1枚にまとめる 話される内容の因果関係、 相関関係などを意識識して、 構造的に書き出していく
  22. 22. 効果的なビジュアライズ テーマを探る時 発⾔言の“要点” 並列列的に 発想する時 発⾔言から 得られる “イメージ” 写実的に カラフルに たとえて 情報を捉える時 話の“構造” 構造的に (研修・講座) (フリーディスカッション) (ブレスト) 状況や⽬目的にあわせて 使い分け、くみあわせる
  23. 23. ⼿手描きで イラストや図表を うまく描くには? 23
  24. 24. 1.  まとまりを囲む 2.  関係性を意識識して⽮矢印をつかう 3.  トピックに、雲やスパーク型の曲線をつかう 4.  ポイントになる具象をイラストにする 5.  ⽬目⽴立立たせたいBOXに影をつけて⽴立立体的にする 6.  話しのレイヤー別に⾊色を変える 7.  ⽂文字に⼤大⼩小、強弱のコントラストを付ける ⼿手描きでキレイにまとめるコツ 24
  25. 25. なぜ 創造にはビジュアライズが 必要なのか?
  26. 26. 新しいことを考える時は、 暗闇の中を歩いているようなもの 26
  27. 27. 直感的なアイデアは、⼀一瞬でやってくる そして、すぐに消える 27
  28. 28. 同じ⾔言葉葉で語り合っても ⾒見見える世界は違う 28
  29. 29. 創造的なプロセスだからこそ必要なこと 29 創造的なプロセスでは、進んでいる⽅方向、 ⽬目的地がわかりにくい。 直感的アイデアは、すぐに消えてしまう。 多様なメンバーでは、同じ⾔言葉葉で語り合っても、 異異なる世界が⾒見見える。 だからこそ、個々の考え、意⾒見見、アイデアを、 その場で即座にビジュアライズしていく必要がある。
  30. 30. ビジュアル シンキングの効果と恐さ 30
  31. 31. 31 今ここに無いものを共有できる ビジュアライスで考えることの効果 実態のないものを捉えられる ⾒見見えない世界が⾒見見える
  32. 32. 32 事実と空想の境界が曖昧になり、 事実の積み上げが難しくなる ビジュアライスで考えることの恐さ 具体的で強い印象が残り、 その他の発想を妨げる 個⼈人の解釈が介⼊入するため 共感させることが難しくなる
  33. 33. Thank  you!
  34. 34. 1977年年⻑⾧長野県⽣生まれ。 ⾦金金沢美術⼯工芸⼤大学にて⼯工業意匠を学び、2000年年から東京のデザイン事務所で、携帯電話やパソコンな どのソフトウェアの企画、情報設計、ユーザインタフェースのデザインに従事。使う⼈人が好きになる商 品、使う⼈人が感動する体験を提供するために、多くの質的調査のディレクションを⾏行行う。 2011年年に株式会社グラグリッド設⽴立立。さまざまな組織や団体へ向けて、クリエイティブ能⼒力力開発のコ ンサルタントとして活動する。2013年年よりNPO法⼈人アイデア創発コミュニティ推進機構の理理事に就任。 ⽇日本の伝統⽂文化、技術⼒力力を活かしたブランド創出プロジェクト進⾏行行中。 HCD-‐‑‒Net認定  ⼈人間中⼼心設計専⾨門家・⽇日本創造学会正会員 三澤  直加 株式会社グラグリッド エクスペリエンスデザイナー/コンサルタント misawa@glagird.jp
  35. 35. 価値あるものを発見し 顧客に届けるストーリーを デザインします。

×