モックアップ・プロトタイプ制作の実務ガイド

モック作成を依頼する前に、読んでおきたい順番

この記事一覧は、モックアップやプロトタイプの制作をこれから相談する方に向けて書いています。社内提案やコンペの準備をしている方、Web制作の発注を控えている方が、依頼の前に押さえておくと迷いにくい内容を並べました。どこから読んでも構いませんが、目的別に次の順番をおすすめします。

はじめて依頼する方は、用語の整理から

まずモックアップとは？で、モックアップ・ワイヤーフレーム・デザインカンプ・プロトタイプの違いを、目的・動くか・作る時期の観点で整理します。続けて費用相場と依頼前チェックリストを読むと、費用が何で決まるのか、依頼前に何を準備しておくと安く・速くなるのかが分かります。言葉だけを先に引きたいときは用語集もあわせてどうぞ。「画面モック」「モック制作」といった呼び方の揺れが気になるときは画面モックとは？、依頼の進み方を先に知りたいときはモック制作の依頼の流れをどうぞ。

提案・社内承認で使う方は、見せ方から

営業提案で動くモックを使うメリットでは、スライド提案の限界と、提案当日の見せ方までを扱います。Web制作の手戻りを減らす受注前合意の作り方は、着手後の手戻りを受注前の触れる合意で防ぐ進め方です。自作と外注のどちらにするかで迷っている段階なら、Figma Makeで作るモックと外注する触れるモックの違いから読むと、初速・品質・本制作への接続の差が見えます。