Slide 1

Slide 1 text

「つくりたい体験」からはじめる プロダクトデザイン Tomohiro Nozaki & Yuki Mihashi

Slide 2

Slide 2 text

野崎 智弘 nztm_tw twitter Service Designer Design Engineer 三橋 優希 twitter YukiMihashi

Slide 3

Slide 3 text

企画 デザイン 開発 デジタルプロダクトの企画〜制作まで手掛けている 2年前から『Nucumo』として二人で活動

Slide 4

Slide 4 text

Hyogo Tokyo フルリモートで頑張っています!

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

今日のテーマ 「つくりたい体験」からはじめる プロダクトデザイン

Slide 8

Slide 8 text

デジタルプロダクトをつくる

Slide 9

Slide 9 text

そのためには、様々なデザインが必要 UI グラフィック 機能設計 ライティング ビジネス

Slide 10

Slide 10 text

どうやって進めていけばよいのか

Slide 11

Slide 11 text

「プロダクトはユーザーの ためのもの」 課題を解決する よく言われること

Slide 12

Slide 12 text

「ユーザーの課題を探して どう解決するか考えましょう」

Slide 13

Slide 13 text

課題を解決することばかり考えていると こうなってしまうことも… しかし

Slide 14

Slide 14 text

例えば、ダイエットアプリの
 「日々の運動を継続できない」という課題 同じ課題を解決する3つのアイデア ランキング フレンドとの協力 ポイントが貰える A B C

Slide 15

Slide 15 text

うまく決められない… 実装コスト的には A案… 収益的には
 C案… デザイン的には
 B案…

Slide 16

Slide 16 text

チームそれぞれで考えていることが違って アウトプットの方向性がバラバラに…

Slide 17

Slide 17 text

「これもあれも課題を解決するから取り入れよう!」 お客さんが「これが困るから この機能が欲しい」って言ってた こういう機能があれば 儲かりそう 競合サービスはこの機能がある うちも追加しよう

Slide 18

Slide 18 text

これってユーザーにとって良いもの? 本当に作りたかったもの? その結果…

Slide 19

Slide 19 text

課題の解決を最終目標にすると いろんな方向に進むことができてしまう

Slide 20

Slide 20 text

どうしたらユーザーに が作れるのか 正しく価値を届けられ
 愛されるプロダクト

Slide 21

Slide 21 text

「つくりたい体験」から考える

Slide 22

Slide 22 text

プロダクトづくりは 新しい体験を世の中に提案していくこと

Slide 23

Slide 23 text

どんな体験をつくりたいかを考えて目指していく

Slide 24

Slide 24 text

目指す体験までの過程にあるのが課題 課 題

Slide 25

Slide 25 text

課題はあくまで通り道 目指す体験によってさまざま 課 題 課 題 課 題 課 題

Slide 26

Slide 26 text

だから課題の解決だけではなく に向き合うことが大切 「つくりたい体験」の実現 課 題 課 題 課 題 課 題

Slide 27

Slide 27 text

ランキング フレンドとの協力 ポイントが貰える A B C 例えば、ダイエットアプリの
 「日々の運動を継続できない」という課題 同じ課題を解決する3つのアイデア

Slide 28

Slide 28 text

「つくりたい体験」があると意思決定がしやすくなる 運動が日常の楽しみになることを目指しているから 「フレンドとの協力」案がいいかな

Slide 29

Slide 29 text

チームでの認識が揃って進めやすくなり 一貫したアウトプットができるように

Slide 30

Slide 30 text

さらに に近づける 「つくりたい体験」

Slide 31

Slide 31 text

「つくりたい体験」を実現するための 機能設計やデザインをすることで…

Slide 32

Slide 32 text

ユーザーから愛される 唯一無二のプロダクトとなっていく

Slide 33

Slide 33 text

どうやって を目指して プロダクトを作っていくのか 「つくりたい体験」

Slide 34

Slide 34 text

共同編集ができるオンラインブレインストーミング ツールで、同じ場所でも、リモート環境でも、チー ムで集まってアイデア出しができます。 チームのブレインストーミングを もっと楽しく、もっとカジュアルに

Slide 35

Slide 35 text

ブレインストーミングとは 複数人で自由にアイデアを出し合うことで 連鎖的に多くの発想を生み出す方法

Slide 36

Slide 36 text

プロジェクトのきっかけ 特にオンラインだとうまくいかない どうにかできないか…

Slide 37

Slide 37 text

どんなブレインストーミングが理想なのか? それを通してどうなってほしいのか? つくりたい体験を考える

Slide 38

Slide 38 text

このプロダクトでつくりたい体験 みんなで一緒に 楽しくできる 誰でも気軽に 取り組める アイデアと会話が たくさん生まれる

Slide 39

Slide 39 text

その体験を実現するために
 解決すべき課題を考える 課 題

Slide 40

Slide 40 text

このプロダクトで解決したい課題 インターフェース 1 進行が難しい 2 アイデアが出ない 3

Slide 41

Slide 41 text

このプロダクトで解決したい課題 インターフェース 1 進行が難しい 2 アイデアが出ない 3

Slide 42

Slide 42 text

みんなで一緒に楽しく アイデアを出し合い会話が生まれる このプロダクトでつくりたい体験

Slide 43

Slide 43 text

既存のホワイトボードツールだと アイデアが追加される 様子が見づらい 記録までの操作が多い 会話やアイデアの便乗が 起きづらい

Slide 44

Slide 44 text

チャット感覚で書けるインターフェース

Slide 45

Slide 45 text

画面右下の入力欄に アイデアを書いて投稿 1 全員のアイデアが
 入力欄上に連なって表示 2 しばらく経つと 中央に移動・配置 3 チャット型インターフェース

Slide 46

Slide 46 text

このプロダクトで解決したい課題 インターフェース 1 進行が難しい 2 アイデアが出ない 3

Slide 47

Slide 47 text

誰でも気軽に取り組める このプロダクトでつくりたい体験

Slide 48

Slide 48 text

アイデア出し 整理や絞り込み 混ざって しまう… うまく進め られない… ファシリテーションが難しい…

Slide 49

Slide 49 text

段階ごとに分かれたステップ

Slide 50

Slide 50 text

難しいファシリテーションをシステムで置き換え 誰でもみんなで気軽に取り組めるように 各ステップに適した機能を提供 進め方などの案内を表示 アイデア出し グルーピング ディスカッション クロージング リアクション

Slide 51

Slide 51 text

このプロダクトで解決したい課題 インターフェース 1 進行が難しい 2 アイデアが出ない 3

Slide 52

Slide 52 text

しばらくすると 煮詰まってしまう そもそも アイデアが出ない アイデアが出なくて
 会話が減ってしまう

Slide 53

Slide 53 text

AIにアイデアを出させればいいのでは?

Slide 54

Slide 54 text

人間がAIに頼って思考しなくなってしまう これはつくりたい体験ではない…

Slide 55

Slide 55 text

AIでアイデアのヒントを提示して 人間の思考や発想を促す仕組みを考えた

Slide 56

Slide 56 text

AIでアイデア出しや会話が 活発になるよう支援する機能

Slide 57

Slide 57 text

ひらめきワードの生成 発想を広げるメッセージ

Slide 58

Slide 58 text

課題の解決だけで終わらない ための工夫 「つくりたい体験」に近づける

Slide 59

Slide 59 text

このプロダクトでつくりたい体験 みんなで一緒に 楽しくできる 誰でも気軽に 取り組める アイデアと会話が たくさん生まれる

Slide 60

Slide 60 text

みんなで集まって同時にはじめられるように

Slide 61

Slide 61 text

みんなで助け合ってワークを進められるように

Slide 62

Slide 62 text

みんなでワークを振り返られるように ワードクラウド 結果レポート

Slide 63

Slide 63 text

時間やアイデアの個数をお知らせ 投稿の連続で大きくなる炎 たくさんのアイデアが生まれ会話が活発になるように

Slide 64

Slide 64 text

アバター・アイコン UI要素 楽しさを表現するポップなビジュアル

Slide 65

Slide 65 text

複数人の思考や会話の交わり 炎=発想やコミュニケーションが 活発な様子 たくさんのアイディアが 活発に生まれる場でありたい 情熱を持てるプロジェクトが 始まるきっかけをつくりたい 1 2 ロゴとネーミング

Slide 66

Slide 66 text

このまま進めてよいのか わからなくなることも

Slide 67

Slide 67 text

ユーザーに実際に使ってもらう

Slide 68

Slide 68 text

「つくりたい体験」に近づいているか それがユーザーに受け入れられるのか確かめる

Slide 69

Slide 69 text

hidaneもユーザーテストを何度も実施

Slide 70

Slide 70 text

まとめ

Slide 71

Slide 71 text

課題の解決だけでなく、その先にある
 を考えて共有し その実現を目指してプロダクトを作る 「つくりたい体験」

Slide 72

Slide 72 text

正しく価値を届けられ、愛されるプロダクトに 一貫したデザインがしやすくなる チームの意思決定の軸ができる そのプロダクトらしさや世界観が生まれる 「つくりたい体験」を目指すことで

Slide 73

Slide 73 text

nztm_tw twitter twitter YukiMihashi Thank you for listening! つづきはAMAで!