VISTAGLOSSARY
モックアップ・プロトタイプ用語集
Webモック制作の相談・依頼でよく出てくる言葉を、わかりやすくまとめました。用語の使い分けは ワイヤーフレーム・モックアップ・プロトタイプの違い もあわせてどうぞ。
- モックアップ
- 配色・書体・画像まで作り込んだ、見た目の完成見本。デザインの合意に使います。基本的には動きません。Web制作では「デザインカンプ」とほぼ同義で使われます。
- プロトタイプ
- 操作や画面遷移まで確認できる、動く試作品。使い心地の検証や、提案・社内承認での合意形成に使います。
- ワイヤーフレーム
- 画面の構成・情報の配置を確認するための骨組み（設計図）。色やデザインは含めず、初期設計の段階で使います。
- デザインカンプ
- 完成イメージを示した静止画のデザイン案。「カンプ」はcomprehensive layoutの略。モックアップとほぼ同じ意味で使われ、動きません。
- インタラクティブモック
- クリック・タップで実際に操作できるモック。VISTAが制作するのはこの形で、見た目の完成度と操作を両立させ、提案でそのまま使えます。
- PoC（概念実証）
- Proof of Conceptの略。アイデアや技術が実現可能かを、本格開発の前に小さく検証すること。触れるプロトタイプは、PoC前の軽量な検証としても使えます。
- Figma Make
- プロンプトから画面やプロトタイプを生成できる、Figmaの生成AI機能。自作の初速が速い一方、提案品質・ブランド反映・要件整理は人の仕上げが必要になります。
- NDA（秘密保持契約）
- Non-Disclosure Agreementの略。取引で知り得た秘密情報を第三者に開示しないと約束する契約。VISTAはNDA締結に対応し、預かった素材は制作の目的にのみ使用します。
- デザインシステム
- 配色・書体・部品・レイアウトの規則をまとめた設計基盤。ブランドの一貫性を保ち、画面制作を標準化・高速化します。
- UI／UX
- UIは画面の見た目や操作部分、UXは利用者が得る体験全体を指します。触れるモックは、UIだけでなくUX（使い心地）まで提案先に伝えられます。
- レスポンシブ
- PC・タブレット・スマホなど、画面幅に応じてレイアウトが最適化される作り。VISTAの納品物は、環境を選ばず動きます。
- 本制作
- 提案・検証を経て、実際に公開・運用するシステムやサイトを開発すること。VISTAでは、本制作へ進む場合にモック費用を制作費へ充当できます。