モックアップとは【意味/読み/英語表記】（もっくあっぷ/Mock-up）

モックアップの概要

モックアップとは、英語で「模型」を意味し、Webサイトやソフトウェアなどの試作品を指します。

モックアップは工業製品の設計やデザイン段階における実物型の模型が広義で、Webサイトやソフトウェア、印刷物の試作品においても使われるようになった言葉です。

■ モックアップと混同されやすい用語
・スケッチ…大まかにアイデアを整理すること
・ワイヤーフレーム…スケッチを元に大まかな枠組みを決めること
・プロトタイプ…モックアップに動作機能を追加した試作品で、ユーザー試用に利用される

アイデア構想段階から試作品完成までのプロセスをまとめると、「スケッチ」→「ワイヤーフレーム」→「モックアップ」→「プロトタイプ」になります。

■ モックアップの役割
・完成形のイメージを視覚的に提示する
・ビジュアル面における課題を明確にする
・クライアントの抱くイメージとのすり合わせを容易にする
・仕様変更などといったリスクを回避する
・プロトタイプほどの完成度まで到達させず上記を行える

■ モックアップ制作における注意点
・色やフォントなど不自然で分かりづらい部分はないいか
・配置やバランスで視覚的に評価が劣る部分はないか
・クライアントの要件を満たしているか、作成漏れはないか

・UI/UX
・Webデザイナー
・Webデザイン
・アプリデザイン
・プロダクトデザイン