AI時代のプロダクト価値とは何か── PdMの最強の武器はモックである

Transcript

1. AI時代のプロダクト価値とは何か ── PdMの最強の武器はモックである 宮下 歩 Contrea株式会社 ・ 薬剤師PdM 2026年6月25日（木）
3. 突然ですが、 開発生産性 爆上がりしてますよね！！
4. 「速く作れる」は競合も一緒！！ そこでやってはいけないこと。それは、 ── デリバリーの速さを過信して、作るものアウトカムインパクトを 見誤ること 速さと正しさを両立するために
5. つまり、、、 AI時代のプロダクト価値を出すためには ーー 正しく解く課題を定義し、 得られるアウトカムのインパクトと確度を高められる ことが大事
6. 速さと正しさを両立するために モック重要がなんです！
7. 今日話すこと 01 なぜAI時代に最強の武器になるのか 02 Contreaでのモック活用事例
8. モックとは？
9. なぜAI時代に最強の武器になるのか • コミュニケーションツールとして認知負荷が低い • あらゆる場面で活用できる • 次世代のロードマップになりうる？
10. なぜAI時代に最強の武器になるのか • コミュニケーションツールとして認知負荷が低い • あらゆる場面で活用できる • 次世代のロードマップになりうる？
11. PdMは様々なステークホルダーに囲まれて、 プロダクトのアウトカムに責任を持つ役割 多角的に課題を発見し、優先度をつける。その課題の定義と、アウトカムに責任を持つ。 その中心にいるからこそ、 頭の中を漏れなく他者に共有し続けること が求められる。 顧客 (病院のスタッフ ) Biz/CS 開発メンバー (Engineer,　 designer) 経営陣 プロダクト マネージャ (FDE, PM エンジニア )
12. After それをAIでサクッと作れる、動くビジュアルで伝えられる！ ステークホルダーとのコミュニケーションが円滑に！！ 完成のイメージにズレが生じにくい！ まさに... 速さと正しさの両立 → 頭の中をどうやって共有する？ Before 今までは言葉やドキュメントで、図を作ったりして まとめて伝えていた。。。
13. 思考整理のつぶやきもモックが主体
14. なぜAI時代に最強の武器になるのか • コミュニケーションツールとして認知負荷が低い • あらゆる場面で活用できる • 次世代のロードマップになりうる？
15. 価値をユーザーに届けるまでのステップ 引用）https://www.productboard.com/blog/double-diamond-framework-product-management/? 課題の探索・発見 (Discover) 課題の定義 (Define) 開発 (Develop) リリース (Deliver) なぜAI時代に最強の武器になるのか
16. 開発フローにおいてモックが幅を効かせる 課題の探索・発見 (Discover) 課題の定義 (Define) 開発 (Develop) リリース (Deliver) モック なぜAI時代に最強の武器になるのか
17. 各ステークホルダーとの媒介となる 顧客 (病院のスタッフ) Biz/CS 開発メンバー (Engineer,　 designer) 経営陣 プロダクト マネージャ (FDE, PM エンジニア) なぜAI時代に最強の武器になるのか モック 解決すべき課題を特定し て、解決する手法を確定す るため 描いている将来像を ざっくりモックで 作って共有する ロードマップやPjのイメー ジ共有 デザイナーへの依頼にお いても具体的なディスカッ ションができる。 (必要に応じてデザイナー にモック作成段階から介 入してもらう) ・顧客要望をイメージし実 装手戻りをなくす ・潜在顧客に近い将来のプ ロダクトの形を見せることも 可能
18. なぜAI時代に最強の武器になるのか • コミュニケーションツールとして認知負荷が低い • あらゆる場面で活用できる • 次世代のロードマップになりうる？ なぜAI時代に最強の武器になるのか
19. 将来構想 AI駆動開発が一般化していく時流の中で、 ロードマップそのものがモックになるのでは 文字より動くビジュアルでプロダクトの将来を描く 個人的には、、、 なぜAI時代に最強の武器になるのか
20. Contreaでのモック活用をご紹介します！ Contreaでのモック活用事例
21. Contreaでは積極的に モックを活用してコ ミュニケーションをしようとする文化が生ま れています。 Contreaでのモック活用事例
22. 事例 ・ モック管理の変遷 Before Figma Make ✓ 素早くビジュアルプロトタイプが作れる ✕ デザイナー偏りが混入してしまう ✕ 実際のMediOS UIとギャップが残る Aftrer ・ 現在 コードベース ✓ 同リポジトリのMediOS UIをそのまま使用 ✓ ビジュアルギャップゼロ・バイアスゼロ ✓ シームレスなUI作成が可能 ✕ Design Systemインポートできるが、 コンテキストに限界がある。
23. 実例 ・ Contreaのモック運用 実装〜運用 · プロダクトの repository の /pages配下 に Mock を置く · 既存 UI コンポーネントで、現サービスに酷似した体験を再現 · 導入で何がPR プレビュー URLを生成→社内には共有可能
24. 1. 最後の購買プロセスで競合と比較されている状況で、顧客の要望を モックで示して最後の後押しになった。 2. CSからもらった要望の要件定義がモックの共有で終わった。 3. Pjの仕様を確定してエンジニアに設計からお渡しする時にコミュニケー ションが円滑になった モックの有効な事例紹介
25. まとめ AI時代、モック作成のハードルはグッと下がりました。積極 的に使うことで ── + 自分のPdM力・ユーザー解像度が上がる + 課題定義 → デリバリーの感覚がつかめる + AI時代の共通言語を扱うスキルを養える モックがロードマップになる将来に備えましょう？ (意見お待ちしています)
26. ご清聴ありがとうございました！