39
Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved. 優れたデザインの 定義と思考方法 クリエイタースキルアップ#01 February 25, 2013 Junichi Izumi UX Design Dept. DeNA Co., Ltd. 13420日土曜日

優れたデザインの 定義と思考方法

Embed Size (px)

Citation preview

Page 1: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

優れたデザインの定義と思考方法

クリエイタースキルアップ#01

February 25, 2013

Junichi IzumiUX Design Dept.DeNA Co., Ltd.

13年4月20日土曜日

Page 2: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

多摩美術大学卒業 プロダクトデザイン インターフェイス専攻デザイン事務所 デザイナー/アートディレクター/取締役 - 多摩美術大学 情報デザイン学科 デザインコース 非常勤講師 - 聖心女子大学 教育学科 非常勤講師ITベンチャー企業 チーフデザイナーDeNA Co., Ltd. ←いまここ

1999年3月1996年1月 - 2004年9月 - 2008年4月2009年1月2011年10月

和泉 純一

Art Director

DeNA Co., Ltd.Social Platform Business Head Office

13年4月20日土曜日

Page 3: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

Agenda

1. デザインの定義•アートとデザインの違い

2. 優れたデザインの定義•クリエイターに持って欲しいマインドセット

3. 優れたデザインを実現する思考方法•優れたデザインとそうでないデザインの違い•そのままのデザインと考えたデザインの違いを検証•思考のフレームワーク•パラダイムシフト

3

マインドセット(英: mind set)とは、 経験、教育、先入観などから形成される思考様式、心理状態。暗黙の了解事項、思い込み(パラダイム)、価値観、信念などがこれに含まれる。

13年4月20日土曜日

Page 4: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

そもそもデザインの定義って?

アートとデザインの違い

4

デザインの定義

13年4月20日土曜日

Page 5: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

5

デザイン =

アート =デザインの定義

13年4月20日土曜日

Page 6: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

6

デザイン =

アート = 表現すること•主観的•見る側の解釈で自由に感じ取って貰ってよいモノ•自己満足、利益を追っていない•制約が、あまり無い

デザインの定義

13年4月20日土曜日

Page 7: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

7

デザイン = 伝えること

アート = 表現すること•主観的•見る側の解釈で自由に感じ取って貰ってよいモノ•自己満足、利益を追っていない•制約が、あまり無い

•客観的•ユーザーの思考と動作を正しくコントロールする•目的、解決すべき問題があり、目的を達成する手段を考え、計画、設計し、創る•KPI(売り上げやRRなど)目的が明確である•制約がある(ツール、環境、時間、コストなど)

デザインの定義

13年4月20日土曜日

Page 8: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

”優れたデザイン”の定義って?

8

優れたデザインの定義

13年4月20日土曜日

Page 9: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

クリエイターに持って欲しいマインドセットのひとつ

”優れたデザイン”の定義

9

優れたデザインの定義

マインドセット(英: mind set)とは、 経験、教育、先入観などから形成される思考様式、心理状態。暗黙の了解事項、思い込み(パラダイム)、価値観、信念などがこれに含まれる。

13年4月20日土曜日

Page 10: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

10

優れたデザインの定義

優れたデザイン

13年4月20日土曜日

Page 11: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

11

優しいデザインやさしい≠易しい

優れたデザインの定義

優れたデザイン

13年4月20日土曜日

Page 12: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

じゃぁ、”優しいデザイン”の定義って?

12

優れたデザインの定義

13年4月20日土曜日

Page 13: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

13

優れたデザインの定義

常にユーザー目線での優しさおもてなしの心を持って考え、設計された

ユーザーの感動体験(UX)

13年4月20日土曜日

Page 14: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

14

優れたデザインの定義

ユーザーの感動体験へ正しく導く為の

インターフェイス(UI)

13年4月20日土曜日

Page 15: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

15

リアルな生活の中で”優しさ”に感動した経験ありませんか?優れたデザインの定義

また来たい。また使いたい。誰かに教えたい。ユーザーにとって最大のモチベーションは感動体験

13年4月20日土曜日

Page 16: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

16

感動体験を創出する仕組み、機能、インターフェイス優れたデザインの定義

仕組みであり機能でありインターフェイス

13年4月20日土曜日

Page 17: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

じゃぁ、これらを創るためには、どうすればよい?

17

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 18: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

優れたデザインを実現する思考方法

18

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 19: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

優れたデザインとそうでないデザインの違い

こんな経験ありませんか?

19

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 20: 優れたデザインの 定義と思考方法

依頼された案件の目的を十分に理解せずに”そのまま”デザイン(仕事)してしまった

Example

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

20

「例えばこんな風にしたらどう?」というインプットに対して、「例えば」を”そのまま”工夫も自己解釈せずにデザイン(仕事)してしまった

1つのことを依頼されたが、当然それに付随する箇所の修正、変更をふまえてデザインすべきところを、依頼されたことだけを”そのまま”デザイン(仕事)してしまった

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 21: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

過去の経験を振り返ってみてください。

これらは優れたデザインとは言えないモノが多いですよね?

21

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 22: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

これらの事例での共通点は

すべて”そのまま”考えずにデザイン(仕事)している点

22

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 23: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

”そのまま”デザインするというのは

その時に持っている個人の知識や経験からの

アウトプットであり考えていない。

23

考えていないアウトプットイメージにズレが生じる原因の多くは依頼者(ユーザー)と自分の持つ、考え方知識、経験というフィルターを通して見ていることが原因となっているアウトプットイメージにズレを埋めるために

思考と検証、質問等を繰り返し行うことで依頼者(ユーザー)と自分の知識、経験と言ったギャップをなくし同じフィルターで見ることが必要

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 24: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

考えずデザイン(仕事)する事の問題点

個人の持つ知識と経験には必ず限界がある

24

考えていないアウトプットイメージにズレが生じる原因の多くは依頼者(ユーザー)と自分の持つ、考え方知識、経験というフィルターを通して見ていることが原因となっているアウトプットイメージにズレを埋めるために

思考と検証、質問等を繰り返し行うことで依頼者(ユーザー)と自分の知識、経験と言ったギャップをなくし同じフィルターで見ることが必要

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 25: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

知識、経験、スキル、テクニックこれらは習得する為の時間が必要

25

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 26: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

つまり”そのまま”デザインするのではなく

”考えて”デザインする○○○と自分の思考を重ねてアウトプットすることには

無数の答えがあり限界がない。考えることで知識、経験にないアウトプットを出せる。

26

○○○には、依頼者、ユーザーといったキーワードを当てはめて読んでください。

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 27: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

”考えて”デザインする!これなら習得する為の時間が必要ない

27

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 28: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

具体的に『考えてデザインする』って?

具体的な思考の方法

28

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 29: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

思考のフレームワーク

考えてデザインする@5W3H

29

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 30: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

5W1Hではなく3H

5W3Hって?

30

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 31: 優れたデザインの 定義と思考方法

When(いつ?)Where(どこで?)Who(だれが?だれのため?)What(なにを?なにを実現したいの?)Why(なぜ?そもそもの目的は?)How(どうやって?)

How long(いつからいつまで?)How much(いくら儲かる?経費は?)

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

31

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 32: 優れたデザインの 定義と思考方法

When(いつ?)Where(どこで?)Who(だれが?だれのため?)What(なにを?なにを実現したいの?)Why(なぜ?そもそもの目的は?)How(どうやって?)

How long(いつからいつまで?)How much(いくら儲かる?経費は?)

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

32

When, Where, Whatは考えられている事が多い

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 33: 優れたデザインの 定義と思考方法

When(いつ?)Where(どこで?)Who(だれが?だれのため?)What(なにを?なにを実現したいの?)Why(なぜ?そもそもの目的は?)How(どうやって?)

How long(いつからいつまで?)How much(いくら儲かる?経費は?)

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

33

意識が高い傾向

意識が低い傾向

※超重要

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 34: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

達成すべき目的を見定め考える事で求められている解決すべきコトの本質が

見えてくる。見えているから

それをデザインできる。(時にはユーザーにも自分がナニを求めているのか見えていない事がある)

34

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 35: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

こういった思考方法から導きだすことで

優れたデザインを実現することが可能になる

はず。たぶん。

35

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 36: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

大切なのは5W3Hを説明出来るレベルで

考え理解しデザインする事

36

13年4月20日土曜日

Page 37: 優れたデザインの 定義と思考方法

When(いつ?)Where(どこで?)Who(だれが?だれのため?)What(なにを?なにを実現したいの?)Why(なぜ?そもそもの目的は?)How(どうやって?)

How long(いつからいつまで?)How much(いくら儲かる?経費は?)

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

37

※超重要

優れたデザインを実現する思考方法

13年4月20日土曜日

Page 38: 優れたデザインの 定義と思考方法

パラダイムシフトしよう!

”そのまま”デザインするから

”考えて”デザインする

優れたデザインCopyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

38

パラダイムシフト(英: paradigm shift)とは、その時代や分野において当然のことと考えられていた認識や思想、社会全体の価値観などが革命的にもしくは劇的に変化することを言う。パラダイムチェンジとも言う。

13年4月20日土曜日

Page 39: 優れたデザインの 定義と思考方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

39

Thank you

ご清聴ありがとうございました。

イラスト:石田沙耶香参考文献:「WHY型思考」が仕事を変える(PHPビジネス新書)

13年4月20日土曜日