画面モックとは?
モック制作・モック作成という呼び方の違い
「画面モック」「モック制作」「モック作成」は、どれも「モックアップ」の略として実務で使われる言い方です。指しているものは文脈で変わります。依頼や見積もりの前に「動くのか、動かないのか」を先に確認しておくと、認識のずれが起きにくくなります。
- 「画面モック」が指しているもの
- 「モック制作」「モック作成」との使い分け
- 呼び方より先に確認すべきこと
- 相談のときに伝えると早いこと
「画面モック」とは何を指す言葉か
画面モックは「モックアップ」の略で、実務では「画面モック」「モック制作」「モック作成」のように使われます。もともとは、配色・書体・画像まで作り込んだ、見た目の完成見本を指す言葉です。
ただし略した言い方で呼ぶとき、指しているものは文脈で変わります。静止画のデザイン案を指すこともあれば、クリックできる試作を指すこともあります。用語そのものの整理はモックアップとは?にまとめています。
「モック制作」「モック作成」との違いはあるか
この3つの言い方に、決まった使い分けはありません。差が出るのは言葉ではなく、その言葉で何を頼まれていると受け取ったかです。
静止画の完成見本を想定して見積もった相手と、操作できる試作を期待していた依頼者がいると、初稿を見た時点で認識のずれが表面化します。呼び方をそろえるより、指すものをそろえるほうが確実です。
先に確認するのは「動くのか、動かないのか」
モックアップは見た目、プロトタイプは動き、と分けて覚えると迷いません。相談の前に、次のどこまでが必要かを決めておくと話が早く進みます。
- 動かない:見た目の合意まで。静止画の完成見本
- 遷移だけ動く:画面と画面をリンクで繋いだクリッカブルプロトタイプ。入力や計算は動かない
- 要の操作まで動く:画面遷移・タブ・入力・ボタンなど、見せたい操作が実際に動く
作り込みの度合いは、社内の検討ならローファイ、社外への提案ならハイファイが目安です。ワイヤーフレーム・モックアップ・プロトタイプの違いもあわせてどうぞ。
相談のときに伝えると早いこと
次の3つがあると、構成の提案まで一気に進みます。
- 目的(提案・社内承認・受注前合意のどれか)
- 見せたい相手
- 要の操作(どこまで動けばよいか)
費用と納期は、画面数・操作量・スマホ対応・ブランド調整の範囲によって変動します。詳しくは料金・納期をご覧ください。
VISTAでできること
VISTAが制作するのは、見た目の完成度と操作を両立した「インタラクティブモック」です。静止画・ラフ・提案書・参考URLのいずれかがあれば始められます。1ページ・スポットで10万円〜(税別)、最短3日です。
Q「画面モック」と「モックアップ」は違うものですか?
「モックアップ」の略として使われる言い方で、別のものを指す決まりはありません。ただし指しているものは文脈で変わるため、静止画なのか、クリックできる試作なのかを先に確認してください。
Q見積もりの前に確認しておくことは?
静止画までか、遷移だけ動くか、要の操作まで動くか。どれを指しているかを先に決めておくと、初稿の時点で認識がずれにくくなります。
Q社内で呼び方がばらばらでも相談できますか?
問題ありません。3つの言い方に決まった使い分けはないので、揃えるべきは言葉ではなく、指しているものです。