この記事の要点(UIXHERO視点) UIXHEROでは、JTBDを「製品の背後に潜む、切実な"雇用の動機"」と捉える。 本記事では、「ドリルではなく穴」のさらに奥にある「なぜ穴が必要なのか(感情的ゴール)」を洞察し、真の競合(Netflixの競合は睡眠時間など)を再定義する視座を整理する。
JTBDとは?
ハーバード・ビジネス・スクールのクレイトン・クリステンセン教授らが提唱した理論です。 「顧客は商品を購入するのではなく、生活の中で生じた何らかの用事(Job)を片付けるために、その商品を『雇用(Hire)』する」と考えます。
UXデザインでの活用事例
1. 競合の再定義
「4分の1インチのドリルが欲しいのではない。4分の1インチの穴が欲しいのだ」という有名な格言がありますが、JTBDではさらに深く踏み込みます。「なぜ穴が欲しいのか?」→「子供の絵を飾りたいから」→「良い親でありたいから」。 もしJobが「子供の絵を飾りたい」なら、競合は他のドリルメーカーではなく、「壁を傷つけない強力テープ」や「デジタルフォトフレーム」になるかもしれません。
2. 機能の断捨離
ユーザー属性(20代女性だからピンク色にする)ではなく、Job(急いでいるからワンタップで済ませたい)に基づいて機能を設計します。Jobに関係のない機能は、たとえ一般的に人気があっても、そのプロダクトにとってはノイズ(邪魔もの)として削除する判断ができます。
3. イノベーションの発見
従来のマーケティングが見落としがちな「無消費(Non-consumption)」の層にアプローチできます。「既存の解決策が高すぎる、または複雑すぎて使えない」という理由でJobを解決できていない人々に対し、全く新しい解決策(破壊的イノベーション)を提供することができます。
実装例: Jobステートメント・ビルダー
ユーザーのニーズを「状況」「欲求」「期待する成果」の3要素に分解し、明確なJobステートメント(文章)として定義するためのツール例です。UXリサーチの結果をチームで共有する際に役立ちます。
Interactive Example (Live)
const JobBuilder = () => { const [situation, setSituation] = useState('忙しい朝の通勤中に'); const [motivation, setMotivation] = useState('片手で簡単に栄養を摂りたい'); const [outcome, setOutcome] = useState('昼食まで空腹を感じずに集中して働ける'); return ( <div className="p-6 bg-card rounded-xl shadow-lg border max-w-xl mx-auto"> <h3 className="font-bold text-lg mb-4 border-b pb-2">Job Statement Builder</h3> <div className="space-y-4 mb-6"> <div className="grid grid-cols-[auto_1fr] gap-4 items-center"> <span className="font-bold text-muted-foreground text-right w-16">When</span> <div className="relative"> <span className="absolute -top-5 left-0 text-[10px] text-muted-foreground">状況 (Context)</span> <input type="text" className="w-full p-2 rounded border bg-background" value={situation} onChange={(e) => setSituation(e.target.value)} /> </div> </div> <div className="grid grid-cols-[auto_1fr] gap-4 items-center"> <span className="font-bold text-muted-foreground text-right w-16">I want to</span> <div className="relative"> <span className="absolute -top-5 left-0 text-[10px] text-muted-foreground">欲求 (Need)</span> <input type="text" className="w-full p-2 rounded border bg-background" value={motivation} onChange={(e) => setMotivation(e.target.value)} /> </div> </div> <div className="grid grid-cols-[auto_1fr] gap-4 items-center"> <span className="font-bold text-muted-foreground text-right w-16">So that I can</span> <div className="relative"> <span className="absolute -top-5 left-0 text-[10px] text-muted-foreground">期待する成果 (Outcome)</span> <input type="text" className="w-full p-2 rounded border bg-background" value={outcome} onChange={(e) => setOutcome(e.target.value)} /> </div> </div> </div> <div className="bg-primary/5 p-6 rounded-lg border border-primary/20 relative"> <div className="absolute -top-3 left-4 bg-background px-2 text-xs font-bold text-primary">Generated Job Statement</div> <p className="text-lg leading-relaxed font-serif italic text-foreground"> "<strong>{situation}</strong>, I want to <strong>{motivation}</strong>, so that I can <strong>{outcome}</strong>." </p> </div> <p className="text-xs text-muted-foreground mt-4 text-center"> この文章が「真の競合」を見つける手がかりになります。<br/> もしJobが「空腹を満たす」だけならバナナで十分ですが、「集中して働く」まで含めると、カフェイン入りのエナジードリンクも競合になるかもしれません。 </p> </div> ); }; render(<JobBuilder />);
実践ガイドライン (Practical Guidelines)
インタビューでの質問例
- 「その製品を買った時、他にどんな製品と比較しましたか?」(競合のセットを知る)
- 「もしこの製品がなかったら、どうしていましたか?」(代替手段を知る)
- 「その製品を使う前と後で、あなたの生活はどう変わりましたか?」
倫理的配慮 (Ethical Considerations)
- 不安の操作 : ユーザーのJob(不安の解消など)を理解することは重要ですが、必要以上に不安を煽って商品を売りつけることは倫理的に問題があります(フィアー・アピール)。