モックアップ
Mockup
完成後の見た目やレイアウトを確認するための、本物そっくりの模型のこと
簡単に説明すると
モックアップは、Webサイトやアプリが完成した時にどんな見た目になるかを再現した見本の画像や模型のことだよ。 制作の途中でデザイン案を比較したり、ボタンの配置が適切かをチームで話し合ったりする時に使われるんだ。 実際の機能はまだ動かないけれど、色や文字の大きさといった見た目の完成イメージを共有するために用意されるよ。
名前のヒミツ
モックアップ（もっくあっぷ）は、英語のMockup（モックアップ）に由来する言葉なんだ。Mock（まねごと）とUp（作り上げる）を組み合わせたもので、本物の機能は動かないけれど外見だけを本物そっくりに作った「見せかけの模型」を指すよ。工業製品の試作やソフトウェアのデザインなど、幅広い分野で使われている呼び名なんだ。
くわしく見てみよう！
モックアップとは、製品やWebサイトなどの完成イメージを確認するために作られる、実物そっくりの模型のことなんだ。
制作の早い段階で見た目の完成形をはっきりさせることで、完成してからイメージが違うといった事態を防ぐ役割があるよ。
中身のプログラムなどは動かないのが一般的で、あくまで見た目の確認に特化しているんだ。
アプリ開発ならボタンを押しても画面が切り替わらないといった状態だけど、配色や文字の大きさは本物と同じように作られるよ。
プログラミングなどの作業に入る前に、デザインの最終確認を行う工程として定着しているんだ。
似た言葉にワイヤーフレームやプロトタイプがあるけれど、それぞれ目的が違うんだね。
ざっくり言うと、ワイヤーフレームは配置図、モックアップは見た目の見本、プロトタイプは実際に動く試作品という使い分けをされているよ。
モックアップを使うことで、開発メンバーや依頼主との間で完成形のイメージを共有しやすくなるんだ。