押さえておきたい用語
- デザイン・ノーススター: 3〜5年後に実現したい理想のユーザー体験を具体化したビジョン。チームの意思決定の基準になる
- ビジョンプロトタイプ: ノーススターを体感できるプロトタイプ。ムービーやインタラクティブデモが多い
- デザイン原則: ノーススターに向かう際の判断基準となる3〜5個のルール
- ギャップ分析: 現状の体験とノーススターの差を可視化し、ロードマップの優先順位を決める手法
1
現状の体験マップ
ユーザージャーニーの痛み・不満を洗い出す → ビジョン定義ワークショップ
こんな悩みに効く#
- 「チームが目先の機能開発に追われ、プロダクトの方向性がブレている」
- 「デザインの意思決定基準が人によって異なり、議論が収束しない」
- 「3年後にプロダクトがどうなっているべきか、イメージが共有されていない」
使い方#
現状の体験を棚卸しする
ユーザージャーニーマップで現在の体験の痛み、不満、機会領域を洗い出す。ユーザーインタビューやサポートデータを基に、「理想とのギャップが最も大きい領域」を特定する。
ビジョン定義ワークショップを実施する
デザイナー、エンジニア、PM、経営層を含む横断チームで「3〜5年後にユーザーにどんな体験を届けたいか」を議論する。技術的制約や現在のリソースは一旦脇に置き、理想の体験を自由に描く。
ビジョンプロトタイプを作成する
ノーススターを「見て・触って分かる」形にする。30秒〜2分のコンセプトムービーやFigmaのインタラクティブプロトタイプが効果的だ。抽象的なスライドよりも、具体的な体験として共有するほうがチームの理解と共感が深まる。
デザイン原則とロードマップを策定する
ノーススターに向かう際の判断基準となるデザイン原則を3〜5個策定する。「迷ったらシンプルなほうを選ぶ」「データの裏づけがある判断を優先する」のように具体的に。次に、現状とノーススターのギャップを分析し、段階的なロードマップを作成する。
具体例#
フィンテック — 3年後のモバイルバンキング体験
状況: ネット銀行のプロダクトチーム15名が、各自の優先順位で機能開発を進めた結果、プロダクトの一貫性が崩壊。ロードマップが場当たり的になっていた。
適用プロセス:
- 現状マップ:口座開設→日常使い→資産運用のジャーニーで痛みを20個特定
- ビジョンワークショップ:「3年後、ユーザーはお金のことを考えなくてよい」をノーススターに
- ビジョンムービー:AIが自動で最適な貯蓄・投資を提案し、ユーザーは承認するだけの体験を2分のムービーで具体化
- デザイン原則:「自動化を最大に」「判断材料を視覚化」「不安をゼロに」の3原則
成果: チーム全体の意思決定速度が向上。デザインレビューの議論時間が平均40%短縮され、四半期ごとの機能リリース数が1.5倍に増加した。
SaaS — チーム横断のデザインビジョン統一
状況: プロダクトが3つのモジュール(CRM・MA・分析)に分かれ、各チームが独自に設計していたためUI体験がバラバラ。顧客から「3つの別プロダクトを使っているみたい」との声。
適用プロセス:
- 3チーム合同でビジョンワークショップを実施。ノーススター:「すべてが1つの画面で完結するインテリジェントワークスペース」
- Figmaで統合ダッシュボードのインタラクティブプロトタイプを作成し、全社デモを実施
- 共通デザイン原則4項目を策定し、デザインシステムの統一ロードマップを12か月計画で作成
成果: 12か月で3モジュールのUIが統一。顧客の「一体感」スコアが5段階中2.1→4.0に改善し、クロスセル率が32%向上した。
ヘルスケア — 患者体験の長期ビジョン策定
状況: 総合病院のデジタル化で予約・診療・会計のシステムがバラバラに導入され、患者の待ち時間が改善されていなかった。
適用プロセス:
- 患者のジャーニーマップ(予約→来院→受付→診療→会計→処方)を作成。平均所要時間2.5時間の痛みを可視化
- ノーススター:「来院前に90%の手続きが完了し、病院での滞在は診療のみ」
- ビジョンプロトタイプ:スマホで事前問診→来院時にQRチェックイン→診療後に自動決済の体験をムービー化
- 5年間のロードマップを年次マイルストーンで策定
成果: 1年目の事前問診オンライン化だけで来院時間が平均45分短縮。ビジョンムービーが院内の意思決定者の合意形成に効果を発揮し、予算承認が3か月前倒しになった。
うまくいかないパターン#
| パターン | 問題点 | 対処法 |
|---|---|---|
| ビジョンが抽象的すぎる | 「最高の体験を」ではアクションにつながらない | ビジョンプロトタイプで具体的な体験として表現する |
| 経営層の巻き込み不足 | ビジョンが承認されずロードマップが実行されない | ワークショップに経営層を参加させる |
| ビジョンの固定化 | 市場環境の変化に対応できなくなる | 年1回のビジョンレビューで方向修正する |
| 現場との乖離 | ビジョンが壮大すぎて日常の判断に使えない | デザイン原則に落とし込み日次の判断基準にする |
まとめ#
デザイン・ノーススターは「3〜5年後の理想のユーザー体験」を具体化し、チーム全員の意思決定基準にする手法だ。ビジョンプロトタイプで「見て分かる」形にすることで、スライドの文字だけでは伝わらない共感と合意が生まれる。日々の判断はデザイン原則に従い、四半期ごとにギャップ分析でロードマップを更新する。方位磁針のように、迷ったときに「どちらがノーススターに近いか」で判断できる状態がゴールだ。