2つの診断アプリの設計比較 — MBTI 30問と状況判断8タイプ、何が違うか
同じ「診断」でも設計が全く違う
2つの診断アプリを設計・実装して気づいたことがあります。「何を診断するか」が違うだけで、設計判断が根本から変わるということです。
mbti-app: 30問の深い診断 + 80記事SEO連動
- Next.js 16 + TypeScript
- 30問 × 5段階 × 8次元 → 16タイプ判定
- 80本のSEOブログ記事が連動
- mbti.yumesuta.com で稼働中
80記事がSEOの入り口となり、記事→診断→キャリアガイドへのファネルとして機能します。
career-type: 20問の軽い診断 + イベント最適化
- Next.js 15 + Chart.js + Framer Motion
- 20問 × 状況判断型4択 → 8キャリアタイプ
- 可児市キャリアイベント用
状況判断型を選んだ理由: 高校生は自己分析の経験が少ない。「私は外向的です」より「体育祭の準備でどの役割を選ぶ？」なら直感的に答えられます。
UXの違い: 10-15分 vs 5-7分
- mbti-app: 家で一人で、じっくり型。15分かかっても離脱しにくい
- career-type: イベント会場で、さくっと型。列に並んでいる間に終わる
利用文脈から所要時間が逆算されているのが設計の違いです。
共通する設計原則
「診断して終わり」にしない。 診断結果が、次の行動を起こす動機になること——それが設計の出発点です。