DESIGN-6 · カテゴリ解説

プロトタイピング

この記事の内容6
  1. プロトタイピングはなぜ重要か?
  2. 極端な仮説検証とプロトタイピング専用ツール
  3. プロトタイプの使い捨て原則と反復的改善
  4. カテゴリ内クライテリアの解説
  5. 参考資料・ツール
  6. プロトタイピングのクライテリア

プロトタイピングはなぜ重要か?

簡単に言うと、プロトタイピングは「建築における模型づくり」のようなものです。建築家は、数千万円から数億円かけて実際に建物を建てる前に、まず紙や木材で模型を作り、クライアントに見せて反応を確かめます。模型の段階であれば、間取りの変更や窓の位置の修正は簡単にできますが、実際に建ててしまってからでは膨大なコストがかかります。デジタルプロダクトも全く同じで、完成品を作ってからユーザーに見せるのではなく、簡易的なプロトタイプを作って早期に評価することで、失敗のコストを最小化し、成功の確率を最大化できます。特に、市場の不確実性が高い現在では、「完成させてから評価する」のではなく、「早く失敗して早く学ぶ」というサイクルが競争力の源泉となります。

もう少し正確に言うと、プロトタイピングは製品やサービスの核となる価値仮説を、最小限のコストと時間で検証するプロセスです。マーケットの不確実性の高い現在では、サービスや製品を完成させてから評価する手法は不向きです。一度、中核価値の部分だけを雑に作成し、それを評価し直して、再度完成品を作り直すというサイクルが重要になります。失敗をできるかぎり早めるためにどのような投資をしているかが、組織の学習スピードを決定します。プロトタイプには、紙に描いたスケッチ、Figmaで作ったインタラクティブモックアップ、実際に動作するMVP(Minimum Viable Product)まで、様々なフィデリティ(忠実度)のレベルがあります。重要なのは、検証したい仮説に対して適切なフィデリティを選択し、必要最小限の労力で学びを得ることです。

具体的には、Dropboxは製品を完全に開発する前に、製品のコンセプトを説明する3分間のデモ動画を作成し、ユーザーの反応を確かめました。Drew Houstonがこのデモ動画を制作し、Digg(当時の主要ソーシャルニュースサイト)に投稿したところ、登録待ちユーザーが5,000人から75,000人に急増しました。この動画プロトタイプにより市場の需要を確認し、Y Combinatorへの採用につながり、その後の投資家からの資金調達にも成功しました。Airbnbも、創業初期に実際のアパートで写真撮影サービスを手作業で提供し、そのサービスが価値を持つかを検証してから、システム化に投資しました。国内では、noteが初期段階で非常にシンプルなプロトタイプを素早く作成し、実際のユーザーに使ってもらいながら、フィードバックに基づいて毎日のように改善を続けました。これらの企業に共通するのは、完璧な製品を目指すのではなく、「最小限の労力で仮説を検証し、学び、修正する」という姿勢です。プロトタイピングは一度きりのイベントではなく、継続的な学習プロセスとして組織文化に組み込まれています。

極端な仮説検証とプロトタイピング専用ツール

プロトタイピングの真価は、多様なアイデアを素早く試し、その中から最適解を見つけ出すことにあります。一つの穏健な案だけでは、本当に革新的なアイデアは生まれません。

プロトタイピングの初期段階では、意図的に極端なアイデアを探索します。複数の極端な仮説に基づいてプロトタイプを作成し、多くのアイデアを発散させた後に優れたものを選別します。たとえば、「完全に自動化された体験」「完全に人間が介在する体験」「最もシンプルな体験」「最も豊かな体験」といった対極的なアプローチを試します。これらを複数のプロトタイプとして作成し、ユーザーや関係者の反応を見ることで、「このアプローチのここが良い」「あのアプローチのここは合わない」という学びが得られます。テストとフィードバックが必須で、最終的には、複数のプロトタイプから得られた学びを統合し、最適なバランスを持った解決策を設計します。

効率的なプロトタイピングには、専用ツールの活用が不可欠です。Figma、Sketch、Adobe XDなどのツールを使用することで、エンジニアなしでスピーディーに作成でき、仮説検証の速度が向上します。デザイナーやプロダクトオーナーはプロトタイピング専用ツールを使うことができるよう、組織としてトレーニングを提供します。Figmaであれば、コンポーネント、Auto Layout、Prototype機能、インタラクション設定などの基本機能を習得します。より高度なプロトタイピングが必要な場合は、Framer、ProtoPie、Principleなどの専門ツールも活用できます。コーディング不要でインタラクティブなプロトタイプを作成できるため、仮説検証のスピードが大幅に向上します。

プロトタイプのフィデリティ段階
プロトタイプのフィデリティ段階

プロトタイプの使い捨て原則と反復的改善

プロトタイピングにおいて最も重要な原則の一つは、プロトタイプを使い捨てにすることです。プロトタイプはあくまで学習のためのツールであり、学びを活かして設計し直すことが目的です。

作ったプロトタイプは、一度破棄してから製品用に設計します。プロトタイプは、コードの品質、パフォーマンス、セキュリティ、保守性などを犠牲にして、スピードを最優先で作成します。拡張性や保守性は考慮されていないため、商用要件を前提に改めて設計することが効果的です。検証が完了し、仮説が正しいと確認できたら、プロトタイプから得られた学び(ユーザーの反応、有効な機能、不要な機能など)を整理し、それを基に製品版を一から設計します。この「破棄して作り直す」プロセスは一見無駄に見えますが、長期的には技術的負債を防ぎ、保守性の高いシステムを構築できます。

また、一度のプロトタイピングで中止や製品化を判断してしまうことは避けるべきアンチパターンです。プロトタイピングは、Build(作る)→Measure(測る)→Learn(学ぶ)のサイクルを何度も繰り返すプロセスです。最初のプロトタイプで期待した結果が得られなかった場合でも、即座に中止するのではなく、「なぜ期待した結果が得られなかったか」を分析し、仮説を修正して次のプロトタイプを作成します。通常、3〜5回のイテレーションを経ることで、仮説の確からしさが高まります。ただし、無限にプロトタイピングを繰り返すと、リソースと時間を浪費します。適切な打ち切り基準を設定し、「これ以上改善の見込みがない」と判断したら、潔く中止する勇気も必要です。

Build-Measure-Learnサイクル
Build-Measure-Learnサイクル

カテゴリ内クライテリアの解説

DESIGN-6-1メトリクスの計測Measurement of metrics

少なくとも四半期に1回以上の戦略仮説に向けたサービスプロトタイプを作成しているか。You create service prototypes for your strategic hypothesis at least once a quarter.

目的: 定期的なプロトタイピングにより、仮説検証のサイクルを高速化することが目的です。四半期に一度は、大きな戦略的な仮説を検証する機会を持つことで、市場の変化に対応し、新しい価値を創出し続けることができます。

実装のポイント: 四半期ごとに、プロダクトロードマップの中で「今期検証すべき戦略仮説」を特定します。たとえば、「新規ユーザーのオンボーディングを簡素化すれば、アクティベーション率が20%向上する」「B2B向けの管理機能を追加すれば、エンタープライズ市場に進出できる」といった仮説です。これらの仮説に対して、プロトタイプを作成し、ユーザーテストやパイロット運用で検証します。プロトタイプの作成には、デザイナー、エンジニア、プロダクトマネージャーが協働し、1〜2週間程度の短期間で完成させることを目指します。完成度よりも速度を優先し、必要最小限の機能だけを実装します。検証結果は、次の四半期のロードマップに反映させ、成功した仮説は製品版として開発し、失敗した仮説は学びとして記録します。

注意点: 四半期ごとのプロトタイピングが形式的なイベントになってしまうと、本当に重要な仮説の検証ができません。経営層やプロダクトリーダーが、プロトタイピングを重要な戦略活動として位置づけ、十分なリソースと時間を確保することが不可欠です。また、プロトタイプ作成だけで満足してしまい、実際の検証を怠ると、何も学べません。必ずユーザーや市場からのフィードバックを得るプロセスまで含めて計画します。

DESIGN-6-2学習と改善Learning and improvement

一年に一度以上の頻度で経営幹部も参加するプロトタイプづくりのワークショップを行っているか。You hold a prototyping workshop with senior management at least once a year.

目的: 経営層を巻き込んだプロトタイピングにより、戦略レベルでの仮説検証が可能になります。また、経営層がプロトタイピングのプロセスを体験することで、デザイン思考の価値を理解し、組織文化として根付かせることができます。

実装のポイント: 年に一度、経営幹部、プロダクトマネージャー、デザイナー、エンジニアが参加するプロトタイピングワークショップを開催します。期間は2〜5日間のデザインスプリント形式が効果的です。1日目に課題を理解し、2日目にアイデアを発散し、3日目に解決策を絞り込み、4日目にプロトタイプを作成し、5日目にユーザーテストを実施するという流れです。テーマは、新規事業のアイデア、既存事業の大幅な改善、未来の顧客体験の探索など、戦略的に重要なものを選びます。経営幹部が実際に手を動かしてプロトタイプを作り、ユーザーの反応を直接見ることで、現場の感覚を取り戻し、意思決定の質が向上します。また、部門を超えたメンバーが協働することで、組織の壁を越えた連携が生まれます。

注意点: 経営幹部のスケジュール調整が困難なため、ワークショップが実現しないケースが多くあります。年間計画の段階で日程を確保し、最優先事項として扱うことが重要です。また、ワークショップが単なるお祭りイベントに終わらないよう、そこで得られた学びや成果を実際のビジネス判断に反映させるプロセスを明確にします。さらに、経営幹部が「自分は忙しいから参加だけして、実際の作業は若手に任せる」という姿勢では、ワークショップの価値が半減します。全員が対等に参加し、手を動かすことが重要です。

DESIGN-6-3プラクティスPractice

ある課題の発散のフェーズでは、プロトタイプは極端な仮説に基づいて複数個つくられているか。Multiple prototypes are created based on extreme hypotheses in the divergence phase of an issue.

目的: 複数の極端なプロトタイプを作ることで、可能性の幅を広げ、最適解を見つけやすくなります。一つの穏健な案だけでは、本当に革新的なアイデアは生まれません。

実装のポイント: プロトタイピングの初期段階では、意図的に極端なアイデアを探索します。たとえば、「完全に自動化された体験」「完全に人間が介在する体験」「最もシンプルな体験」「最も豊かな体験」といった対極的なアプローチを試します。これらを複数のプロトタイプとして作成し、ユーザーや関係者の反応を見ることで、「このアプローチのここが良い」「あのアプローチのここは合わない」という学びが得られます。最終的には、複数のプロトタイプから得られた学びを統合し、最適なバランスを持った解決策を設計します。クレイジーエイト(Crazy 8s)という手法では、8分間で8つのアイデアをスケッチすることで、短時間で多様なアイデアを生み出します。

注意点: 極端なプロトタイプは、実現可能性を無視しすぎると、単なる夢物語になってしまいます。極端さと実現可能性のバランスを保ち、技術的・ビジネス的な制約も考慮しながら、現実的に検証可能な範囲で極端さを追求します。また、複数のプロトタイプを作ることが目的化してしまい、それぞれの検証が不十分になることも避けるべきです。作成するプロトタイプの数は、検証に割ける時間とリソースに応じて調整します。

DESIGN-6-4プラクティスPractice

デザイナーやプロダクトオーナーはプロトタイピング専用ツールを使うことができるか。Designers and product owners can use the dedicated prototyping tools.

目的: Figma、Sketch、Adobe XDなどのツールにより、効率的なプロトタイピングが可能になります。これらのツールを使いこなすスキルがあれば、エンジニアの手を借りずに、迅速にインタラクティブなプロトタイプを作成できます。

実装のポイント: デザイナーとプロダクトマネージャーに対して、プロトタイピングツールのトレーニングを提供します。Figmaであれば、コンポーネント、Auto Layout、Prototype機能、インタラクション設定などの基本機能を習得します。また、より高度なプロトタイピングが必要な場合は、Framer、ProtoPie、Principleなどの専門ツールも活用できます。コーディング不要でインタラクティブなプロトタイプを作成できるため、仮説検証のスピードが大幅に向上します。組織として、これらのツールのライセンスを提供し、学習リソース(オンラインコース、書籍、社内勉強会など)を整備します。また、社内に優れたプロトタイプ作成者がいれば、その人をメンターとして他のメンバーのスキル向上を支援します。

注意点: ツールを使いこなせるようになることと、良いプロトタイプを作れることは別です。ツールは手段であり、目的ではありません。検証したい仮説を明確にし、それに最適なプロトタイプを設計する思考力が重要です。また、プロトタイピングツールは進化が早く、新しいツールが次々と登場します。一つのツールに固執するのではなく、目的に応じて最適なツールを選択できる柔軟性を持つことが重要です。

DESIGN-6-5プラクティスPractice

作ったプロトタイプは、一度破棄してから製品用の設計を行っているか。Do you discard the prototypes you have made before designing the product?

目的: プロトタイプをそのまま製品化すると、技術的負債が蓄積します。プロトタイプはあくまで学習のためのツールであり、学びを活かして設計し直すことが目的です。

実装のポイント: プロトタイプを作成する際、チーム全体で「これは検証用であり、製品版ではない」という認識を共有します。プロトタイプは、コードの品質、パフォーマンス、セキュリティ、保守性などを犠牲にして、スピードを最優先で作成します。検証が完了し、仮説が正しいと確認できたら、プロトタイプから得られた学び(ユーザーの反応、有効な機能、不要な機能など)を整理し、それを基に製品版を一から設計します。エンジニアは、プロトタイプのコードを参照しながらも、適切なアーキテクチャ、テスト、ドキュメントを備えた製品品質のコードを書きます。この「破棄して作り直す」プロセスは一見無駄に見えますが、長期的には技術的負債を防ぎ、保守性の高いシステムを構築できます。

注意点:「破棄する」という言葉が、プロトタイピングの成果を無価値にすると誤解されることがあります。破棄するのはコードや見た目であり、学びや知見は残ります。また、スケジュールの圧力から、プロトタイプをそのまま製品化してしまうケースが多くあります。経営層やプロダクトリーダーが、技術的負債のリスクを理解し、適切な時間を確保することが重要です。さらに、すべてのプロトタイプを破棄する必要はなく、一部のコンポーネントや設計思想は製品版に流用できることもあります。柔軟に判断することが大切です。

DESIGN-6-6アンチパターンAnti-pattern

プロトタイプを作るために、プレゼンや大きな稟議が必要になり、プロトタイピングの前に頓挫することが多い。Do you need a presentation or a big approval process in order to make a prototype, which often leads to a setback before prototyping?

目的: このアンチパターンは、承認プロセスが重すぎると、迅速な仮説検証が阻害されることを指摘しています。プロトタイピングの本質は、低コストで素早く試すことです。

実装のポイント: プロトタイピングのための予算と権限を、プロダクトチームに委譲します。たとえば、「四半期ごとに〇〇円のプロトタイピング予算を配分し、その範囲内であれば承認不要でプロトタイプを作成できる」といったルールを設定します。また、プロトタイプ作成の目的、検証したい仮説、成功基準を簡潔にドキュメント化することで、事後的な説明責任は果たしつつ、事前の承認プロセスを省略します。さらに、プロトタイピングツールやローコード・ノーコードツールを活用することで、エンジニアリングリソースを大きく消費せずに、デザイナーやプロダクトマネージャーが自律的にプロトタイプを作成できるようにします。

注意点: 承認プロセスを完全に廃止すると、無秩序なプロトタイピングが乱立し、リソースの無駄遣いになるリスクがあります。最低限のガバナンス(予算上限、検証計画の共有、結果報告など)は保ちつつ、機動性を確保するバランスが重要です。また、プロトタイピングの文化が根付いていない組織では、急に権限委譲しても現場が困惑することがあります。段階的に権限を移譲し、成功事例を積み重ねながら、組織の信頼を築くことが大切です。

DESIGN-6-7アンチパターンAnti-pattern

MVPを特定せずに、プロトタイピングに製品版の完成度を求めてしまう。(プロトタイプはどれだけ雑に仮説検証が達成できるかが重要である。)Do you tend to expect the prototype to be as complete as the product without even identifying MVP? (In prototyping it is critical to assess hypothesis with agility even without precision)

目的: このアンチパターンは、プロトタイプの目的が完璧な製品を作ることではなく、最小限の労力で仮説を検証することであることを強調しています。完成度へのこだわりが、スピードを犠牲にします。

実装のポイント: プロトタイプを作成する前に、MVP(Minimum Viable Product)の範囲を明確に定義します。「何を検証したいか」を明確にし、その検証に必要な最小限の機能だけを実装します。たとえば、「新しいオンボーディングフローがユーザーに理解されるか」を検証したい場合、実際のデータ連携やエラーハンドリングは不要で、画面遷移とメッセージだけで十分です。「80%の完成度で120%のスピード」ではなく、「30%の完成度で10倍のスピード」を目指します。プロトタイプのフィデリティ(忠実度)も、検証の段階に応じて選択します。初期段階では紙のスケッチやワイヤーフレーム、中期段階ではインタラクティブモックアップ、後期段階では動作するMVPといった具合に、段階的に忠実度を上げていきます。

注意点: 完成度を下げすぎると、ユーザーが本質的な価値を理解できず、適切なフィードバックが得られないことがあります。検証に必要な最小限の完成度は保つ必要があります。また、プロトタイプを見た関係者が「この品質では恥ずかしくて見せられない」と反対することもあります。プロトタイプの目的と位置づけを事前に説明し、完成度ではなく学びの質で評価する文化を作ることが重要です。

DESIGN-6-8アンチパターンAnti-pattern

一度のプロトタイピングで、中止や製品化を判断してしまう。Do you tend to decide discontinuation or commercialization with a mere single prototyping session?

目的: このアンチパターンは、プロトタイピングが反復的なプロセスであることを強調しています。一度の結果で判断するのは早計であり、複数回の改善サイクルを回すことが重要です。

実装のポイント: プロトタイピングは、Build(作る)→ Measure(測る)→ Learn(学ぶ)のサイクルを何度も繰り返すプロセスです。最初のプロトタイプで期待した結果が得られなかった場合でも、即座に中止するのではなく、「なぜ期待した結果が得られなかったか」を分析し、仮説を修正して次のプロトタイプを作成します。通常、3〜5回のイテレーションを経ることで、仮説の確からしさが高まります。また、プロトタイプの評価基準を事前に明確にし、「どのような結果が得られたら成功とみなすか」「どのような結果なら方向転換するか」「何回まで試行するか」を決めておくことで、恣意的な判断を避けられます。

注意点: 無限にプロトタイピングを繰り返すと、リソースと時間を浪費します。適切な打ち切り基準を設定し、「これ以上改善の見込みがない」と判断したら、潔く中止する勇気も必要です。また、プロトタイピングの結果が芳しくないにもかかわらず、サンクコスト(既に投資した時間や労力)にとらわれて、無理に製品化を進めることも避けるべきです。データと学びに基づいて冷静に判断することが重要です。

参考資料・ツール

参考書籍・記事

エリック・リース著『リーン・スタートアップ』は、Build-Measure-Learnのサイクルを提唱し、プロトタイピングと仮説検証の重要性を説いた名著です。スタートアップだけでなく、大企業の新規事業にも適用できる考え方です。

ジェイク・ナップ著『Sprint 最速仕事術』は、Googleで開発された5日間のデザインスプリント手法を詳述した実践書です。プロトタイピングとユーザーテストを1週間で完結させる具体的なプロセスが学べます。

トム・ケリー著『発想する会社! 世界最高のデザイン・ファームIDEOに学ぶイノベーションの技法』は、IDEOのプロトタイピング文化と実践知がまとめられた書籍です。迅速なプロトタイピングによるイノベーションの手法が具体的に紹介されています。

関連するフレームワーク

デザインスプリント(Design Sprint)は、5日間でアイデアからプロトタイプ、ユーザーテストまでを完結させるフレームワークです。Googleを中心に世界中で実践されています。

リーンキャンバス(Lean Canvas)は、ビジネスモデルを1枚のキャンバスに整理するフレームワークです。プロトタイピングで検証すべき仮説を特定する際に有効です。

フィデリティスペクトラム(Fidelity Spectrum)は、プロトタイプの忠実度を低(紙スケッチ)から高(動作するソフトウェア)までの段階で整理する考え方です。検証の段階に応じて適切なフィデリティを選択します。

推奨ツール

Figmaは、インタラクティブなプロトタイプを作成できるデザインツールで、クリック遷移、アニメーション、条件分岐などを設定でき、実際のアプリケーションに近い体験を提供できます。

Framerは、より高度なプロトタイピングが可能なツールで、実際のコンポーネントを使ったプロトタイプや、APIと連携した動的なプロトタイプも作成できます。

ProtoPieは、コーディング不要で複雑なインタラクションを作成できるプロトタイピングツールです。センサー、音声、タッチジェスチャーなど、モバイルアプリ特有のインタラクションも再現できます。

Notionは、プロトタイピングの計画、仮説の記録、検証結果の整理、学びの共有などを一元管理できます。プロトタイピングのナレッジベースとして活用できます。

プロトタイピングのクライテリア

DX Criteria v202506 · 8項目8 criteria

このカテゴリから診断をはじめる →Start the assessment here →