📚 ナレッジベース

README

最終更新 2026年08月10日 ／ 21_ナレッジベース/プロダクト開発/_README.md

プロダクト開発（ナレッジベース）

「使われない機能」を削る勇気が、プロダクトを生かす。
UI/UX・SaaS設計・料金モデル・開発手法・競合分析のノウハウ集。

主要インサイト

UI/UX デザイン原則

原則 内容
3秒ルール ユーザーは3秒で「使えるか」判断する
F型 / Z型読み 視線移動パターンを意識した配置
コントラスト比 4.5:1以上（WCAG AA準拠）
📱 タップエリア 最小 44x44px（モバイル）
読み込み時間 < 3秒（超えると離脱率激増）

📐 参考デザインシステム

  • Material Design（Google）
  • Apple Human Interface Guidelines
  • SmartHR Design System
  • Vercel Geist

SaaS 価格モデル

モデル 内容
フリーミアム 無料 → Starter → Pro → Enterprise
使用量ベース API call数、ユーザー数
シート単価 1ユーザー月額
段階的価格 ボリュームディスカウント

コンバージョンファネル

graph TB
    L[ランディング<br>CVR 2-5%] --> S[サインアップ<br>30-50%]
    S --> A[アクティベーション<br>60-70%]
    A --> R[リテンション<br>30日 30-40%]
    R --> P[課金転換<br>5-15%]

    style P fill:#fce4ec

MVP開発の鉄則

Must Have / Nice to Have の徹底分離

  • 1ヶ月で最小機能をリリース、徐々に拡張
  • ユーザーインタビューを 毎週実施
  • 「使われない機能」を削る勇気

競合プロダクト分析の型

観点 確認項目
機能 コア機能・差別化機能
料金 価格帯・プラン構造
UI/UX 画面遷移・操作性・ビジュアル
カスタマー レビュー・評価・解約理由
マーケ 集客チャネル・コピー

開発手法の使い分け

手法 用途
アジャイル 要件が変わる前提、2週間スプリント
🌊 ウォーターフォール 要件確定済、大規模開発
MVP → PMF → Scale スタートアップの王道
Claude Code活用 実装速度を 10倍以上 に

🏗 SCALE のプロダクト戦略

22サービス並行開発 — ゲンカイ + 4エンジニアの並列体制

  • 共通基盤: 認証・デザインシステム・APIゲートウェイ
  • インフラ: Cloudflare Pages + KV + D1（低コスト + 高速）
  • 連携: Slack Bot連携で日々の業務に組み込む
  • AI: Claude API・MCP活用

✅ プロダクト品質チェックフロー

graph TB
    DEV[👨‍💻 開発<br>ゲンカイ+4名] --> DESIGN[ デザイン<br>ミヤビ]
    DESIGN --> QA[ 機能・統合<br>ヒロト]
    QA --> CEO[ 最終承認<br>社長]
    CEO --> REL[ リリース]

    style REL fill:#c8e6c9

主要参考書籍

  • 入門 SaaS設計
  • UI/UXデザインの教科書
  • リーン・スタートアップ
  • アジャイルサムライ
  • なぜ、あなたの仕事は終わらないのか
  • カイゼン・ジャーニー

→ 全78冊のギャラリーへ

サブカテゴリ

関連ノート