デザイン・ノーススター

英語名 Design North Star
読み方 デザイン・ノーススター
難易度
所要時間 2日〜1週間(ワークショップ含む)
提唱者 プロダクトデザインの実践から発展。Julie Zhuo等が提唱する「Design Vision」の手法
目次
押さえておきたい用語
  • デザイン・ノーススター: 3〜5年後に実現したい理想のユーザー体験を具体化したビジョン。チームの意思決定の基準になる
  • ビジョンプロトタイプ: ノーススターを体感できるプロトタイプ。ムービーやインタラクティブデモが多い
  • デザイン原則: ノーススターに向かう際の判断基準となる3〜5個のルール
  • ギャップ分析: 現状の体験とノーススターの差を可視化し、ロードマップの優先順位を決める手法
現在の体験痛み・不満機会領域技術的制約デザイン原則1. シンプル第一2. データで判断3. 一貫性を守る4. 信頼を最優先(判断の基準)ノーススター3〜5年後の理想の体験ビジョンプロトタイプで具体化
1
現状の体験マップ
ユーザージャーニーの痛み・不満を洗い出す → ビジョン定義ワークショップ

こんな悩みに効く
#

  • 「チームが目先の機能開発に追われ、プロダクトの方向性がブレている」
  • 「デザインの意思決定基準が人によって異なり、議論が収束しない」
  • 「3年後にプロダクトがどうなっているべきか、イメージが共有されていない」

使い方
#

現状の体験を棚卸しする
ユーザージャーニーマップで現在の体験の痛み、不満、機会領域を洗い出す。ユーザーインタビューやサポートデータを基に、「理想とのギャップが最も大きい領域」を特定する。
ビジョン定義ワークショップを実施する
デザイナー、エンジニア、PM、経営層を含む横断チームで「3〜5年後にユーザーにどんな体験を届けたいか」を議論する。技術的制約や現在のリソースは一旦脇に置き、理想の体験を自由に描く。
ビジョンプロトタイプを作成する
ノーススターを「見て・触って分かる」形にする。30秒〜2分のコンセプトムービーやFigmaのインタラクティブプロトタイプが効果的だ。抽象的なスライドよりも、具体的な体験として共有するほうがチームの理解と共感が深まる。
デザイン原則とロードマップを策定する
ノーススターに向かう際の判断基準となるデザイン原則を3〜5個策定する。「迷ったらシンプルなほうを選ぶ」「データの裏づけがある判断を優先する」のように具体的に。次に、現状とノーススターのギャップを分析し、段階的なロードマップを作成する。

具体例
#

フィンテック — 3年後のモバイルバンキング体験

状況: ネット銀行のプロダクトチーム15名が、各自の優先順位で機能開発を進めた結果、プロダクトの一貫性が崩壊。ロードマップが場当たり的になっていた。

適用プロセス:

  1. 現状マップ:口座開設→日常使い→資産運用のジャーニーで痛みを20個特定
  2. ビジョンワークショップ:「3年後、ユーザーはお金のことを考えなくてよい」をノーススターに
  3. ビジョンムービー:AIが自動で最適な貯蓄・投資を提案し、ユーザーは承認するだけの体験を2分のムービーで具体化
  4. デザイン原則:「自動化を最大に」「判断材料を視覚化」「不安をゼロに」の3原則

成果: チーム全体の意思決定速度が向上。デザインレビューの議論時間が平均40%短縮され、四半期ごとの機能リリース数が1.5倍に増加した。

SaaS — チーム横断のデザインビジョン統一

状況: プロダクトが3つのモジュール(CRM・MA・分析)に分かれ、各チームが独自に設計していたためUI体験がバラバラ。顧客から「3つの別プロダクトを使っているみたい」との声。

適用プロセス:

  1. 3チーム合同でビジョンワークショップを実施。ノーススター:「すべてが1つの画面で完結するインテリジェントワークスペース」
  2. Figmaで統合ダッシュボードのインタラクティブプロトタイプを作成し、全社デモを実施
  3. 共通デザイン原則4項目を策定し、デザインシステムの統一ロードマップを12か月計画で作成

成果: 12か月で3モジュールのUIが統一。顧客の「一体感」スコアが5段階中2.1→4.0に改善し、クロスセル率が32%向上した。

ヘルスケア — 患者体験の長期ビジョン策定

状況: 総合病院のデジタル化で予約・診療・会計のシステムがバラバラに導入され、患者の待ち時間が改善されていなかった。

適用プロセス:

  1. 患者のジャーニーマップ(予約→来院→受付→診療→会計→処方)を作成。平均所要時間2.5時間の痛みを可視化
  2. ノーススター:「来院前に90%の手続きが完了し、病院での滞在は診療のみ」
  3. ビジョンプロトタイプ:スマホで事前問診→来院時にQRチェックイン→診療後に自動決済の体験をムービー化
  4. 5年間のロードマップを年次マイルストーンで策定

成果: 1年目の事前問診オンライン化だけで来院時間が平均45分短縮。ビジョンムービーが院内の意思決定者の合意形成に効果を発揮し、予算承認が3か月前倒しになった。

うまくいかないパターン
#

パターン問題点対処法
ビジョンが抽象的すぎる「最高の体験を」ではアクションにつながらないビジョンプロトタイプで具体的な体験として表現する
経営層の巻き込み不足ビジョンが承認されずロードマップが実行されないワークショップに経営層を参加させる
ビジョンの固定化市場環境の変化に対応できなくなる年1回のビジョンレビューで方向修正する
現場との乖離ビジョンが壮大すぎて日常の判断に使えないデザイン原則に落とし込み日次の判断基準にする

まとめ
#

デザイン・ノーススターは「3〜5年後の理想のユーザー体験」を具体化し、チーム全員の意思決定基準にする手法だ。ビジョンプロトタイプで「見て分かる」形にすることで、スライドの文字だけでは伝わらない共感と合意が生まれる。日々の判断はデザイン原則に従い、四半期ごとにギャップ分析でロードマップを更新する。方位磁針のように、迷ったときに「どちらがノーススターに近いか」で判断できる状態がゴールだ。