製品開発やデザインの現場でよく耳にする「プロトタイプ」と「モックアップ」。
どちらも「完成前の試作品」といったイメージがありますが、実は役割や目的に違いがあります。
本記事では、それぞれの定義と使い分けをわかりやすく解説します。
「プロトタイプ」とは？
「プロトタイプ（prototype）」は、日本語で言うと「試作品」や「原型」にあたる言葉です。
見た目だけでなく動作や機能もある程度再現して、実際の使用感をテストするために使われます。
特徴：
-
機能の一部または全部を搭載
-
実際の操作性・ユーザー体験を検証する目的
-
プログラムや回路など、動作確認が前提
-
ソフトウェア、ハードウェア問わず用いられる
使われる場面：
-
アプリやWebサービスの動作確認
-
製品開発における動作テスト
-
顧客へのデモンストレーション
例文：
-
「このアプリのプロトタイプはすでに操作可能な段階です」
-
「プロトタイプを実際に触ってもらい、フィードバックをもらいました」
「モックアップ」とは？
「モックアップ（mockup）」は、見た目やレイアウトの確認を主な目的とした模型や静的な試作物のこと。
動作や機能は備わっていないことが多く、デザインの評価やプレゼン用に使われます。
特徴：
-
外観や構成を伝えるための静的モデル
-
実際には動かないダミー（見せるための道具）
-
視覚的に完成形をイメージしやすい
-
素材やサイズは本物と異なる場合もある
使われる場面：
-
パッケージデザインやUIレイアウトの確認
-
提案用のビジュアル資料
-
工業製品の展示やデザインレビュー
例文：
-
「このスマホのモックアップは中身が入っていない模型です」
-
「モックアップを使ってUIのデザインを説明しました」
違いをわかりやすく整理すると…
| 比較項目 | プロトタイプ | モックアップ |
|---|---|---|
| 目的 | 動作検証・機能テスト | 見た目・レイアウトの確認 |
| 動くか？ | 動く（機能あり） | 動かない（見た目だけ） |
| 主な用途 | 実装前の試験・評価 | プレゼン・見た目の確認 |
| 例 | 試作アプリ、試験的な製品 | ダミー模型、画面イメージ |
どちらを使うべきか迷ったら？
-
ユーザー体験や操作感を試したい場合は、→ プロトタイプ
-
デザインや外観の印象を伝えたいだけの場合は、→ モックアップ
どちらも「完成前の試作品」であることには変わりませんが、
目的やフェーズによって役割がはっきり分かれています。
まとめ
「プロトタイプ」と「モックアップ」は混同されがちですが、
「動くかどうか」と「何を検証するためのものか」という点で明確に違いがあります。
実際の現場でもこの言葉の違いを理解しておくことで、
コミュニケーションの齟齬を防ぎ、よりスムーズな開発・設計が進められるでしょう。
