AI時代に必要な アイデアの形

2025年2月12日のイベント「生成AI×デザインの実践知大放出！」の吉永発表のスライドです。

Transcript

1. AI時代に必要な アイデアの形 AI時代って楽しいね。 LegalOn Technologies, PdM / Product Designer 吉永悠記 a.k.a UXマン 1 #AIデザナレ大放出
2. 目次 Index 1. 自己紹介 2. アイデアに価値はない？ 3. 価値あるアイデア 4. 開発戦術の変化 5. アイデアのレベル 2 #AIデザナレ大放出
3. 自己紹介 3 #AIデザナレ大放出
4. 吉永悠記 プロフィール LegalOn Technologiesにて、新規事業チームでリ ードデザイナー兼PdM。UXリサーチとプロダク トデザインの10年選手。X等で"UXマン"として知 られる。AIと妻が大好き。投資家。にじさんじ推 し。一児のパパ(予定) 職歴 UXリサーチからキャリアStart。 Makuake > Branding Engineer > メディアドゥ > パ ーソルキャリア > エンタメアプリで起業 > 事業売 却 > 二度目の起業 > 現職。コーポレート部門や CXO向けのソリューションに携わる。 4 #AIデザナレ大放出
5. コーポレート部門向けのAI製品。 デザイナー兼PdMとして担当した新規事業。 現在は、DXを積極的に推進する企業・自治体に導入される製品として成長中。 5 #AIデザナレ大放出
6. 個人開発 メール仕事を助けるAI 奥さんのメール業務補助 Chrome拡張機能 不動産価格リサーチAI 知り合いの不動産屋の業務平準化 PCアプリ AIニュースを運営するAI 個人投資家のためのAIアンテナ WEBサイト, Webhook API 6 #AIデザナレ大放出
7. 「アイデアに価値は無い」 7 #AIデザナレ大放出
8. 「アイデアに価値は無い」 ️ 8 #AIデザナレ大放出
9. 「アイデアに価値がある」 9 #AIデザナレ大放出
10. 完成形をイメージできる詳細度のアイデアを 作れることに価値がある ️ "ニーズのあるアイデア"とか"課題解決できるアイデア"といった答えもあるかもしれないが、 そういうのは当たり前すぎるので一旦なし 10 #AIデザナレ大放出
11. このために戦術を変更した 完成形をイメージできる詳細度のアイデア 11 #AIデザナレ大放出
12. 12 #AIデザナレ大放出
13. 👨‍💻 エンジニア 「ここはなぜこの仕様にしたんですか」 🤔 吉永 「何でやろなあ」（わからない・忘れた） 🤖 AI 「X月X日に、XXXという経緯があったようです」 13 #AIデザナレ大放出
14. アイデアのレベル Lv.1 Lv.2 Lv.3 Lv.4 Lv.5 レベルに伴ってアイデアの価値も上がる。 高レベルな方が完成形をイメージできる。作らないとアイデアのレベルは上がらない。 アイデア段階で手を動かせ。 ( ※そのアイデアがヒットする蓋然性レベルではない) ユースケース記述 PRDとSPEC CLI試作 ハンドオフ付き UI付き 14 #AIデザナレ大放出
15. 結果 楽しい。 既に2,3ヶ月で5機能がデザイナーから生まれた(小機能だが)。 表象でなくデータやプロトコルといった実体の設計。 つまり、従来よりも本当の意味でデザインしている。 (本番リリースのためのエンジニアの協力はある) 15 #AIデザナレ大放出
16. AI時代、 アイデアを重視しよう アイデアの詳細度を重視しよう。 デザイナーらしく。 16 #AIデザナレ大放出
17. ありがとうございました ご質問とご意見をお待ちしています。 このスライドはAIで作りました。 Yuki Yoshinaga @uxman 17 #AIデザナレ大放出
18. Appendix 18 #AIデザナレ大放出
19. 従来の開発戦術 変化した開発戦術 AI前提の仕事の流れ 1 議論 → 2 要件 → 3 議論 → 4 仕様設計 → 5 議論 → 6 UI → 7 議論 → 8 ハンドオフ → 9 実装 1 ユースケース記述 (ヒト) → 2 PRDとSPEC (AI) → 3 CLI試作 (ヒト＜AI) → 4 ブラッシュアップ (ヒト＞AI) → 5 ハンドオフ (AI) → 6 実装 (ヒト&AI) 19 #AIデザナレ大放出
20. 1 ユースケース記述 主体ごとの挙動をシナリオベースで 叙述した作文。 物事が起きる順に行動と システムの反応を並べる。 1. ユーザーはホーム画面を開く 2. アプリはホーム画面を表示する 3. アプリはニュース一覧を表示する 4. ユーザーはいずれかのニュースを開く 5. アプリは当該ニュースを表示する 6. ユーザーは当該ニュースを読む 7. ユーザーは当該ニュースをお気に入り登録する 8. アプリはユーザー登録を促す 9. ユーザーは... 20 #AIデザナレ大放出
21. 2 PRD と SPEC の生成 ユースケースをもとに、 PRDとSPECを生成する。 AIの方が人より安定的で上手で早い。 21 #AIデザナレ大放出
22. 22 #AIデザナレ大放出
23. 3 CLI(コマンドライン)試作 ビジュアルから始めない。動くものから作る。 どんなデータを作れるか、どんなデータが来るか 試行錯誤。 23 #AIデザナレ大放出
24. 4 ブラッシュアップ(頑張る) 良い素材を探す・作る 質を上げるため使うデータソース やAPIを見直す・選定する。 ターゲットやコンセプト見直し インスピレーションを得て企画レ ベルの発想転換をする。 最適なUIを考える 実際のデータの形や特性を見て、 UIを最適化する。 24 #AIデザナレ大放出
25. 5 ハンドオフもAIが答える 企業における開発の場合、大抵ハンドオフやレビューが必要。 その材料提供も、AIの方が上手。 👨‍💻 エンジニア 「ここはなぜこの仕様にしたんですか」 🤔 吉永 💦（わからない・忘れた） 🤖 AI 「X月X日に、XXXという経緯があったようです」 25 #AIデザナレ大放出
26. FAQ UIデザインはどこへ行ったか UIデザインは、UIだけを独立して作る時代ではなくなってきた。 実際の出力形態やデータのあり方を見て、良いUIにデータを落とし込めるか想像しながら、機能・挙動自体を ブラッシュアップする という、より包括的な活動に変わった。 26 #AIデザナレ大放出
27. FAQ 1. 色々やっているようだが 作業環境は？何使ってるの? こんな感じ → Figma, Cursor, Antigravityが多い。 27 #AIデザナレ大放出
28. FAQ 2. AIにハンドオフさせるって、具体的には何をすればいいの？ 📋 基礎的な設計の伝達 リバースエンジニアリングでPRDとSPECを更新。PRDやSPECを通じて、設計の意図や構造を明確 に伝える 📝 経緯のトレーサビリティ向上 AIに開発日記を付けさせる。開発日記とコミットメッセージで、なぜそうしたかを記録し備忘する 28 #AIデザナレ大放出
29. 経緯のトレーサビリティ向上の重要性 Point1. 人はそもそも忘れる生き物。 作り終えてずいぶん時間が経ってからエンジニアがアサインされ、記憶が薄れている 指示しただけなので記憶に定着しておらず、意図を思い出せない エージェントが勝手に進めた部分がある 29 #AIデザナレ大放出
30. 経緯のトレーサビリティ向上の重要性 Point2. コードにWHYは書かれていない 結果としての実装物(コード)は残る。 でも、なぜそうしたかは残りにくい。 30 #AIデザナレ大放出
31. 経緯のトレーサビリティ向上の重要性 対策: 忘れてもいいようにする 「ここまでの変更の具体と意図を開発日記に記載しておいて」 ( ※毎回書くと面倒なので、コミットごとに動くSkillsかRulesを作っておく) 31 #AIデザナレ大放出