Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
遠藤太徳 / GMO Pepabo, Inc. 2017.07.28 TechMTG#3 はじめてのデザイン思考
Slide 2
Slide 2 text
エンジニア 遠藤太徳 @endu- 技術部 新卒研修中
Slide 3
Slide 3 text
本日の発表の目的
Slide 4
Slide 4 text
デザイン思考を知る
Slide 5
Slide 5 text
発表のゴール •「デザイン思考」がわかる。
Slide 6
Slide 6 text
発表のゴール •「デザイン思考」がわかる。 •実際に「デザイン思考」を日常で使いたくなる。
Slide 7
Slide 7 text
発表のゴール •「デザイン思考」がわかる。 •実際に「デザイン思考」を日常で使いたくなる。 •それによって様々な問題解決がしたくなる。
Slide 8
Slide 8 text
目次 •1.デザイン思考の概要 ○ 1.1 なぜデザイン思考なのか? ○ 1.1 デザイン思考とは? ○ 1.2 5 つのステップ •2.デザイン思考を通しての気づき •3.まとめ
Slide 9
Slide 9 text
なぜデザイン思考なのか?
Slide 10
Slide 10 text
デザイン思考 いきいきワークショップ
Slide 11
Slide 11 text
デザイン思考 いきいきワークショップ
Slide 12
Slide 12 text
デザイン思考 いきいきワークショップ https://speakerdeck.com/kurotaky/pepabo-design-thinking-1
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
やべぇ
Slide 15
Slide 15 text
デザイン思考の ビックウェーブに乗 るしかない
Slide 16
Slide 16 text
デザイン思考とスクラム開発の関係 デザイン思考 スクラム開発 Why What How
Slide 17
Slide 17 text
デザイン思考とスクラム開発の関係 デザイン思考 スクラム開発 Why What How ユーザ共感 問題提議 見積もり PDCA
Slide 18
Slide 18 text
デザイン思考とスクラム開発の関係 アイディア出し 開発 Why What How ユーザ共感 問題提議 見積もり PDCA
Slide 19
Slide 19 text
デザイン思考とスクラム開発の関係 Webサービス のアイディア Web開発 Why What How ユーザ共感 問題提議 見積もり PDCA
Slide 20
Slide 20 text
デザイン思考とスクラム開発の関係 Webサービス のアイディア Web開発 Why What How ユーザ共感 問題提議 見積もり PDCA もっと面白くできる!
Slide 21
Slide 21 text
デザイン思考とスクラム開発の関係 Webサービス のアイディア Web開発 Why What How ユーザ共感 問題提議 見積もり PDCA もっと面白くできる! もっともっと面白くできる !
Slide 22
Slide 22 text
Lv.1 えんどぅ もっと面白い サービスを作 りたいけど...
Slide 23
Slide 23 text
Lv.1 えんどぅ もっと面白い サービスを作 りたいけど... デザイン思考
Slide 24
Slide 24 text
Lv.1 えんどぅ Lv.99 えんどう 即日リリース いけます デザイン思考
Slide 25
Slide 25 text
デザイン思考 を共有したい。
Slide 26
Slide 26 text
デザイン思考とは?
Slide 27
Slide 27 text
デザイン思考とは? “デザイン思考とは不明確な問題を調査し、情報を 取得し、知識を分析し、設計や計画の分野でソ リューションを選定するための方法およびプロセス を指す“
Slide 28
Slide 28 text
デザイン思考とは?
Slide 29
Slide 29 text
デザイン思考とは? 人間中心 ・ユーザへの共感から気づきを経て問題解決を行う一連のプロセスの流れ 越境型チームの共創 ・多様性を受け入れ、チームで問題の確信にせまる。 ・職種関係なくクリエイティブになれる。 反復的なプロセス ・各プロセスを行ったりきたりする。 ・トライアル&エラーを繰り返して学習する。
Slide 30
Slide 30 text
デザイン思考とは? 人間中心 ・ユーザへの共感から気づきを経て問題解決を行う一連のプロセスの流れ 越境型チームの共創 ・多様性を受け入れ、チームで問題の確信にせまる。 ・職種関係なくクリエイティブになれる。 反復的なプロセス ・各プロセスを行ったりきたりする。 ・トライアル&エラーを繰り返して学習する。
Slide 31
Slide 31 text
デザイン思考とは? デザイン思考 ≠ デザインをする (イラスト・Web)
Slide 32
Slide 32 text
デザイン思考とは? エンジニア デザイナー ディレクター CS 職 デザイン思考
Slide 33
Slide 33 text
デザイン思考とは? 職種関係なく、壁を超えて問題解決に取り組める!
Slide 34
Slide 34 text
デザイン思考 5つのステップ
Slide 35
Slide 35 text
デザイン思考 5つのステップ
Slide 36
Slide 36 text
デザイン思考 5つのステップ
Slide 37
Slide 37 text
デザイン思考 5つのステップ Step1 Empathize(共感・理解) ● ユーザインタビュー ○ 解決すべき問題を洗い出す。 ● カスタマージャーニーマップの作成 ○ 出来事、感情、行動、それに関連する人、モノを 書いていく。
Slide 38
Slide 38 text
デザイン思考 5つのステップ Step1 Empathize(共感・理解)
Slide 39
Slide 39 text
デザイン思考 5つのステップ
Slide 40
Slide 40 text
デザイン思考 5つのステップ Step2Defin(定義・明確化) ● 問題定義 ● POV(Point of View):様々な視点で見る。 ○ ユーザインタビューからインサイトを見つける。 ○ タテマエメソッド ● HMW(How Might We ) ○ 狭すぎず、広すぎない設定 ○ どうすれば〇〇ができるだろうか? 〜してはどう か?
Slide 41
Slide 41 text
デザイン思考 5つのステップ
Slide 42
Slide 42 text
デザイン思考 5つのステップ タテマエメソッドとは? [状況]にある[ユーザー]は、 [行動]をしている or する必要がある。な ぜなら[タテマエ]だからだ。 とはいえ、本当は[インサイト]である。 参考:タテマエメソッド
Slide 43
Slide 43 text
デザイン思考 5つのステップ
Slide 44
Slide 44 text
デザイン思考 5つのステップ 状況:栄養のある食事を取る必要が ある。 ユーザ:10代の少女 タテマエ:なぜならビタミンは健康に不 可欠だからだ。 インサイト:毎日は食べれない。
Slide 45
Slide 45 text
デザイン思考 5つのステップ 状況:栄養のある食事を取る必要が ある。 ユーザ:10代の少女 タテマエ:なぜならビタミンは健康に不 可欠だからだ。 インサイト:毎日は食べれない。
Slide 46
Slide 46 text
デザイン思考 5つのステップ インサイト ”これまでは認知してなかったけど、何かをきっかけに新 たに気付いた情報をインサイトと呼ぶ。”
Slide 47
Slide 47 text
デザイン思考 5つのステップ インサイト ”これまでは認知してなかったけど、何かをきっかけに新 たに気付いた情報をインサイトと呼ぶ。”
Slide 48
Slide 48 text
デザイン思考 5つのステップ インサイト ”これまでは認知してなかったけど、何かをきっかけに新 たに気付いた情報をインサイトと呼ぶ。” 解決すべき課題 = インサイト
Slide 49
Slide 49 text
デザイン思考 5つのステップ インサイト:ビタミン不足の少女の例 解決すべき課題 = 不可欠なビタミンを毎日食べれない。
Slide 50
Slide 50 text
デザイン思考 5つのステップ Step2Defin(定義・明確化) ● 問題定義 ● POV(Point of View):色んな視点から見る。 ○ ユーザインタビューからインサイトを見つける。 ○ タテマエメソッド ● HMW(How Might We ) ○ 狭すぎず、広すぎない設定 ○ どうすれば〇〇ができるだろうか? 〜してはどう か?
Slide 51
Slide 51 text
デザイン思考 5つのステップ HMW ビタミン不足の少女の例 狭すぎる例 「どうすれば私達はビタミン不足の少女に 365日、毎朝7:00の時間に、ビタミンCを 1000mg摂取させる事ができるだろうか?」
Slide 52
Slide 52 text
デザイン思考 5つのステップ HMW ビタミン不足の少女の例 狭すぎる例 「どうすれば私達はビタミン不足の少女に 365日、毎朝7:00の時間に、ビタミンCを 1000mg摂取させる事ができるだろうか?」 時間や質量の制約がきつい。
Slide 53
Slide 53 text
デザイン思考 5つのステップ HMW ビタミン不足の少女の例 広すぎる例 「どうすれば私達は少女を健康にする事がで きるか?」
Slide 54
Slide 54 text
デザイン思考 5つのステップ HMW ビタミン不足の少女の例 広すぎる例 「どうすれば私達は少女を健康にする事がで きるか?」 健康の範囲が広すぎてアイディアが 出てこない。
Slide 55
Slide 55 text
デザイン思考 5つのステップ HMW ビタミン不足の少女の例 良い例 「・・・・・」
Slide 56
Slide 56 text
デザイン思考 5つのステップ HMW ビタミン不足の少女の例 良い例 「・・・・・」 色んなパターンがある。
Slide 57
Slide 57 text
デザイン思考 5つのステップ HMW 参考:データからインサイト そして、アイデアの発想へ(CJM/POV/HMW)
Slide 58
Slide 58 text
デザイン思考 5つのステップ HMW ビタミン不足の少女の例 良い例:良い所を伸ばす 「どうすれば私達はビタミン不足の少女にビ タミンを無意識に食べれるようにできるか」 ビタミンは無意識に摂取できる
Slide 59
Slide 59 text
デザイン思考 5つのステップ HMW ビタミン不足の少女の例 良い例:悪い面を排除する 「どうすれば私達はビタミン不足の少女にビ タミンを毎日摂取する事ができるだろうか?」 毎日取れない課題を解決する。
Slide 60
Slide 60 text
デザイン思考 5つのステップ
Slide 61
Slide 61 text
デザイン思考 5つのステップ Step3Ideate(アイディア開発) ● HMWを元にソリューションアイディアを出す。 ● クレージ8 ○ A4の紙を8等分して1マスにアイディアを書いて いく。 ○ 5分で8個埋める ○ 1マス :40秒 ● 絵コンテを作って壁に張る。(シールで投票)
Slide 62
Slide 62 text
デザイン思考 5つのステップ Step3クレージ8
Slide 63
Slide 63 text
デザイン思考 5つのステップ Step3Ideate(アイディア開発) ● HMWを元にソリューションアイディアを出す。 ● クレージ8 ○ A4の紙を8等分して1マスにアイディアを書いて いく。 ○ 5分で8個埋める ○ 1マス :40秒 ● 絵コンテを作って壁に張る。(シールで投票)
Slide 64
Slide 64 text
デザイン思考 5つのステップ Step3クレージ8 ※シールを使っ て多数決で決め ます。
Slide 65
Slide 65 text
デザイン思考 5つのステップ
Slide 66
Slide 66 text
Step4Prototype(プロトタイプ) デザイン思考 5つのステップ ● 実際のアイディアを形にする。 ● 最小のコストで学習できるMVP(Minimal) ● 早く失敗する。すぐに捨てられる。 ● 動かなくてOK
Slide 67
Slide 67 text
Step4Prototype(プロトタイプ) デザイン思考 5つのステップ
Slide 68
Slide 68 text
デザイン思考 5つのステップ
Slide 69
Slide 69 text
Step5Test デザイン思考 5つのステップ ● プロダクトを使っているシーンを演じる。 ● 台本を作って寸劇を行う(3分) ● フィードバックをもらう(5分) ● フィードバックを元に再度プロトタイプを改良する。
Slide 70
Slide 70 text
Step5Test デザイン思考 5つのステップ
Slide 71
Slide 71 text
Step5Test デザイン思考 5つのステップ
Slide 72
Slide 72 text
Step5Test デザイン思考 5つのステップ ● プロダクトを使っているシーンを演じる。 ● 台本を作って寸劇を行う(3分) ● フィードバックをもらう(5分) ● フィードバックを元に再度プロトタイプを改良する。
Slide 73
Slide 73 text
デザイン思考 5つのステップ
Slide 74
Slide 74 text
デザイン思考とは? 人間中心 ・ユーザへの共感から気づきを経て問題解決を行う一連のプロセスの流れ 越境型チームの共創 ・多様性を受け入れ、チームで問題の確信にせまる。 ・職種関係なくクリエイティブになれる。 反復的なプロセス ・各プロセスを行ったりきたりする。 ・トライアル&エラーを繰り返して学習する。
Slide 75
Slide 75 text
デザイン思考 5つのステップ
Slide 76
Slide 76 text
デザイン思考で気づいた事。
Slide 77
Slide 77 text
デザイン思考 ワークショップで気づいた事 ポジティブ ・職種関係なく、いかなる場面でも使える。 ・複数人でのアイディア出しに特化している。 ・決断→実行の手順がとにかく速い。 ・プロトタイプ作成にスキルがいらない。 ネガティブ ・練習が必要。 ・POV,HMWの定義が難しい。
Slide 78
Slide 78 text
まとめ
Slide 79
Slide 79 text
はじめてのデザイン思考 まとめ デザイン思考でペパボのサービスをもっと面白く!
Slide 80
Slide 80 text
おわり