2013/12/21(土) WCAN2013Winter でのミズノケイスケのライトニングトーク。 【概要】 3年ほど前、豊田市で中小企業のWebディレクションに携わることになったミズノ青年­は悩みを抱えていました。 Webディレクションの対象となる企業は他業種に渡ります。業界のことをがわからない­のに、ホームページの企画なんてできないよ(´Д` ) そんなミズノ青年に、あることがきっかけに光が射します。 「そうか！抽象的な概念を身につければいいのか！」 自分の体験談を元に、Webディレクター（だけじゃなく、すべてのクリエイティブを生­業とする人）が学ぶべき、「抽象的な思考」のお話をさせていただきます。

1. 地方Webディレクターを救った、
なーんか抽象的な話。
2013/12/21 Sat.
WCAN2013Winter
ミズノケイスケ

2. 自己紹介
なまえ：ミズノケイスケ（34）
所属：株式会社ルーコ（豊田市）
変わってる、より変わってく人。

3. 自己紹介
なまえ：ミズノケイスケ（34）
所属：株式会社ルーコ（豊田市）
変わってる、より変わってく人。

4. 自己紹介
なまえ：ミズノケイスケ（34）
所属：株式会社ルーコ（豊田市）
変わってる、より変わってく人。
一児のパパ

5. !
!
!
一児のパパ♡

6. http://ayumiko.hatenablog.com/entry/2013/12/17/001410

7. "フロント側のことを追うのに専念して
いる間に、デザインのスキルがどんどん
落ちていく気がして辛くなる。
ぼうっと突っ立っているとあっという
間に先を越され、息を切らして追いつ
こうとしても追いつけない。"
http://ayumiko.hatenablog.com/entry/2013/12/17/001410

8. WEBデザイナーは
死にましぇん!!!!!

9. WEBデザイナーは
死にましぇん!!!!!
なぜ??

10. 状況整理
•3年前ピカピカの Webディレクター1年生 になる。
•求められるのは「作って終わりのホームページ」で
はなく「成果の出るホームページ」。
•担当するクライアントの 業種は多岐 にわたる。

12. 業界のことがわからないのに、
ホームページの企画
なんてできないよ(´Д` )
担当するクライアントの
業界のことを、隅々まで勉強
しないといけないの(´Д` )

13. ある、光が射します。

14. 学びは上位にいくほど ™
抽象的になる。 ™
だから応用が利く。

15. 抽象的
って

16. 抽象的
具体的

17. •メタ認知
•メタ思考
•アナロジー（類推）思考
Abstract
抽象的な思考

18. 例えば、
「言葉」
Abstract
抽象的なもの

19. ここに鉛筆が
あるとします。

21. 具体的
抽象的
ここに鉛筆が
あるとします。

22. 言葉の抽象度。

23. コンビニ
行ってきます！

24. 抽象的
!
!
!
!
コンビニ行ってきます
具体的

25. 抽象的
!
!
!
ごはん買ってきます
コンビニ行ってきます
具体的

26. 抽象的
!
!
食欲を満たすためにエネルギーを調達してきます
ごはん買ってきます
コンビニ行ってきます
具体的

27. 抽象的
!
生命を維持させるための行動をしてきます
食欲を満たすためにエネルギーを調達してきます
ごはん買ってきます
コンビニ行ってきます
具体的

28. 抽象的
本能にしたがってきます
生命を維持させるための行動をしてきます
食欲を満たすためにエネルギーを調達してきます
ごはん買ってきます
コンビニ行ってきます
具体的

29. 抽象的
本能にしたがってきます
生命を維持させるための行動をしてきます
食欲を満たすためにエネルギーを調達してきます
ごはん買ってきます
コンビニ行ってきます
足を動かして体を移動させます
具体的

30. お客さんのとこに
行ってきます！

31. 抽象的
!
!
!
!
お客さんのところに行ってきます
具体的

32. 抽象的
!
!
!
お客さんとホームページの打合せをしてきます
お客さんのところに行ってきます
具体的

33. 抽象的
!
!
報酬を得るための活動をしてきます
お客さんとホームページの打合せをしてきます
お客さんのところに行ってきます
具体的

34. 抽象的
!
生命を維持させるための行動をしてきます
報酬を得るための活動をしてきます
お客さんとホームページの打合せをしてきます
お客さんのところに行ってきます
具体的

35. 抽象的
本能にしたがってきます
生命を維持させるための行動をしてきます
報酬を得るための活動をしてきます
お客さんとホームページの打合せをしてきます
お客さんのところに行ってきます
具体的

36. 抽象的
本能にしたがってきます
生命を維持させるための行動をしてきます
報酬を得るための活動をしてきます
お客さんとホームページの打合せをしてきます
お客さんのところに行ってきます
車の運転をしてきます
具体的

37. 本能に
したがって
きます!!

38. すべてこれでOK!?
本能に
したがって
きます!!

39. 言葉には、抽象度がある。

40. 抽象的な概念の良いところ

41. 抽象的な概念の良いところ
利
便

42. 抽象的な概念、3つの便利な点
1. 応用が利く
2. 本質的な話ができる
3. 経験がすべて「力」になる

43. 学びは上位にいくほど ™
抽象的になる。 ™
だから応用が利く。

44. 1.抽象的な
概念を
取り出す

45. 2.応用する
1.抽象的な
概念を
取り出す

46. 2.応用する
1.抽象的な
概念を
取り出す
3.具体的に
落とし込む

47. 応用が利く。
よしもとニュースセンター http://yoshimotonews.laff.jp/news/2011/01/in2011-4d5b.html

48. Webディレクターあるある
‥‥こんな経験
ありませんか？

49. ワイヤーフレームを提出したら‥‥

50. ワイヤーフレームを提出したら‥‥
「白黒だと
イメージわかないから、
なんとも言えません。」

51. デザインのコンセプトは
「○○」で行きましょう！

52. デザインのコンセプトは
「○○」で行きましょう！
「ものを
見てみないと
わかりませんね。」

53. ？
本質的な話ができる。
ない。

54. 本質的な話ができる。

55. 経験がすべて「力」になる。

56. セミナーに出て勉強したけど、
仕事で使ってないよ...orz

57. 経験・知識 × =

58. 経験・知識 × =
抽象的な概念

59. 経験・知識 × = 力
抽象的な概念

60. セミナーに参加
×
抽象的な概念
⇩
「力」になる!!

61. 経験が
楽しく
なる!!

62. 抽象的な概念の、欠点。

63. 伝わらない...orz

64. ホームページ作りの3ステップ

65. ホームページ作りの3ステップ
1.クライアントの
話を聞き、
抽象化する

66. ホームページ作りの3ステップ
2.整理
・コンセプトワーク
・情報設計
1.クライアントの
話を聞き、
抽象化する

67. ホームページ作りの3ステップ
2.整理
・コンセプトワーク
・情報設計
1.クライアントの
話を聞き、
抽象化する
3.具体化して
ユーザーに
届ける

68. ホームページ作りの3ステップ
2.整理
・コンセプトワーク
・情報設計
抽象的に
届けようとしても
伝わらない!!
1.クライアントの
話を聞き、
抽象化する
3.具体化して
ユーザーに
届ける

69. どちらも大事!!
具体的
抽象的

70. インプットは 抽象的 に
アウトプットは 具体的 に

71. 抽象的
•本を読む
•経験する
•勉強会に出る
インプット
具体的

72. 抽象的
•Webサイト制作
•デザイン
•文章で伝える
アウトプット
具体的

73. WEBデザイナーは
死にましぇん!!!!!

74. 江戸時代でも通用する ™
抽象的な思考を身につけよう!!
Ⓒ sailko 2013
Utagawa hiroshige, casa del te in cima al monte asama
http://commons.wikimedia.org/wiki/File:Utagawa_hiroshige,_casa_del_te_in_cima_al_monte_asama,_1853.JPG?uselang=ja

75. 忘年会で
抽象的な
話をしませんか？

76. 【参考】3つの提案
•独りの時間を持つ ≒ ひきこもる
•抽象的な「しゃらくさい」ことを「いちいち」
外化する。（話す・書く）
•「詩」を味わい、感じる。

77. 【参考図書】
「デザイン思考の仕事術」
著：棚橋 弘季（http://amzn.to/1k7IFzb）
!
「成功はすべてコンセプトから始まる」
著：木谷 哲夫（http://amzn.to/17abYed）
!
「アイデアのつくり方」
著：ジェームス W.ヤング（http://amzn.to/16rBmYB）
!
「イシューからはじめよ」
著：安宅 和人（http://amzn.to/vr3WG9）
!
「人を助けるすんごい仕組み」
著：西條 剛央（http://amzn.to/GKWcdm）
!
「情報の文明学」
著：梅棹 忠夫（http://amzn.to/1k7JPuo）

78. 【参考記事】
▼メタ認知や抽象的思考ができない人が心がけ実践すべき3つの事柄: DESIGN IT! w/LOVE
http://gitanez.seesaa.net/article/133527498.html
!
▼仕事ができない人は「アナロジー思考」ができない - 面白きこともなき世を考えて
http://kangaete.hatenablog.com/entry/2013/05/22/210705
!
▼評価を高める仕事術（17）「抽象的なこと」を言う人は仕事が遅い
http://itpro.nikkeibp.co.jp/article/Watcher/20110712/362326/
!
▼社会人ならおさえておきたい『アナロジー思考』 - ライフハックブログKo's Style
http://kosstyle.blog16.fc2.com/blog-entry-1522.html
!
▼ほぼ日刊イトイ新聞 - 石井裕先生の研究室。
http://www.1101.com/mit_ishii/2011-05-19.html
!
▼「応用力をつける」知識を役立てる５つの心得 - NAVER まとめ
http://matome.naver.jp/odai/2134179226193434801

79. ありがとうございました(､`)ﾉ
ミズノケイスケ
Facebook: https://www.facebook.com/keysuke.mizuno
Twitter: https://twitter.com/akanerob
Mail: akanerob@gmail.com