UI/UXデザインの開発期間・スケジュール・納期について

UI/UXデザインは、アプリやWebプロダクトの「使いやすさ」と「魅力」を決定づける、プロダクト開発の根幹となる工程です。どれだけ高性能なバックエンドや堅牢なインフラを備えていても、ユーザーが最初に触れる画面の導線が分かりにくければ、離脱やコンバージョン低下に直結します。UI（ユーザーインターフェース＝画面の見た目や操作部品）とUX（ユーザーエクスペリエンス＝利用を通じて得られる体験全体）は、ユーザーリサーチによる課題発見から、ペルソナ設定、カスタマージャーニーマップの作成、情報設計（IA）、ワイヤーフレーム、Figmaによるプロトタイプ、そしてユーザビリティテストへと続く一連の設計プロセスとして組み立てられます。受託でこの工程を発注する企業担当者がまず直面するのが、「デザインにどのくらいの期間がかかるのか」「納期はどう見積もればよいのか」「なぜスケジュールが遅延するのか」という疑問です。UI/UXデザインは成果物が画面という目に見える形で表れる一方、その背後にあるリサーチや合意形成の工数が見えにくいため、期間設計には独特の勘所があります。

本記事では、UI/UXデザイン工程の開発期間・スケジュール・納期に焦点を当て、規模別の期間・費用の目安、リサーチからユーザビリティテストまでの工程ごとの配分、デザインシステムやFigmaの共同編集・生成AIといった要素が設計スピードに与える影響、納期を短縮する具体的な手法、そしてステークホルダーの承認待ちや要件の曖昧さによる手戻りといった納期遅延の典型要因とその対策までを、具体的な数値とともに体系的に解説します。ここで扱う数値は、フロントエンド・プロダクト開発に関するリサーチと一般的な相場感を組み合わせた目安であり、案件の性質によって幅があるものとして捉えてください。これからデザインパートナーを選定する方はもちろん、社内でスケジュールを策定する立場の方にとっても、現実的な計画を立てるための判断軸が身に付くはずです。

本テーマに関する全体ガイドは、以下の記事をご覧ください。

▼全体ガイドの記事
・UI/UXデザインの完全ガイド

UI/UXデザインの開発期間の全体像

UI/UXデザインの期間は、対象とするプロダクトの規模と画面の複雑さによって大きく変わります。一般的な目安として、社内ツールやMVP（必要最小限の機能を備えた検証用プロダクト）のように画面数が限られた小規模デザインであれば2週間〜1か月（費用10万〜60万円）、会員機能や管理画面、複数のユーザー導線を備えた中規模プロダクトのデザインであれば1〜2.5か月（60万〜250万円）、BtoC向けのメインプロダクトや独自ブランド体験を伴う大規模デザインであれば3か月以上（250万〜800万円以上）が相場感です。ここで重要なのは、UI/UXデザインはシステム開発全体の中の一工程であり、初期開発費・期間のおおむね約20〜30%を占めるという前提です。つまり「全体で半年のプロジェクト」であれば、そのうち1.5か月前後がデザインに充てられる、という逆算で考えると見積もりの妥当性を判断しやすくなります。あくまで一般的な目安であり、独自デザイン要件の多さやリサーチの深さによって、同じ画面数でも期間は前後します。

UI/UXデザインの期間を見積もる際にまず把握すべきは、画面数・ユーザー導線の複雑さ・対応デバイス・独自デザインの度合いという4つの要因です。画面数が増えれば当然デザインとプロトタイプ作成の工数が積み上がりますが、UI/UXデザインで特に効いてくるのが「ユーザー導線の複雑さ」です。単純な情報表示中心の画面と、入力フォームや条件分岐、ログイン状態によって表示が変わる複雑なフローを伴う画面とでは、設計すべき状態の数がまったく異なります。さらにスマートフォンとPCの両方に対応するレスポンシブデザインでは、それぞれのブレークポイントでレイアウトを設計し直す必要があり、対応デバイスの数だけ検証工数が増えます。加えて、既製のUIキットやテンプレートを活用できるか、それともブランドイメージを表現する独自デザインを一からつくり込むかによっても期間は大きく変わります。独自デザインはブランド価値やユーザー体験を高められる一方、リサーチからビジュアル作成、合意形成までの全工程に時間がかかるため、期間設計の段階でその度合いを発注側と認識合わせしておくことが重要です。

UI/UXデザインを受託で進める場合、開発工程とは異なる独特の前提があります。最大の特徴は、成果物がワイヤーフレームやFigmaのデザインデータ、プロトタイプといった「目に見える画面」である一方、その質を左右するリサーチや合意形成のプロセスが工数の大きな割合を占める点です。デザインは発注側の主観的な好みや経営判断が入り込みやすく、「もっとこうしたい」というレビューのやり取りが発生するため、エンジニアリング工程以上に承認サイクルがスケジュールに影響します。そのため受託デザインのスケジュールでは、デザイナーが手を動かす制作時間だけでなく、発注側がデザインを確認し、フィードバックを返し、それを反映する「レビューのターンアラウンド」を現実的に織り込む必要があります。多くのプロジェクトでは、デザイン提出から発注側のフィードバックまでに数日かかることが珍しくなく、これを見落とすとスケジュールが後ろ倒しになります。また、UI/UXデザインはアジャイル的に「白黒のワイヤーフレームで方向性を固め、カラーのUIに展開し、クリッカブルなプロトタイプで操作感を確認する」と段階的に詳細化していく進め方が基本であり、各マイルストーンで発注側の合意を取りながら前に進める前提でスケジュールを引くと、手戻りを最小化できます。

UI/UXデザイン工程別のスケジュール配分

UI/UXデザインの期間を工程ごとに分解すると、その配分には明確な順序があります。ここでは中規模プロダクトのデザイン（全体で約2か月＝8週間前後）をモデルケースとして、リサーチ・ペルソナ・情報設計、ワイヤーフレーム・Figmaプロトタイプ、ユーザビリティテストという3つの大きな工程が、それぞれどの程度の週数を占めるのかを具体的に見ていきます。重要なのは、この3工程が一直線に進むのではなく、後工程での発見が前工程の見直しを促す「行きつ戻りつ」の性質を持つ点です。だからこそ各工程に適切な時間を割り当て、マイルストーンごとに合意を取りながら進めることが、現実的な納期管理につながります。

デザイン工程の起点となるのが、ユーザーリサーチと情報設計のフェーズです。中規模プロダクトのモデルでは、おおむね2〜3週間を要します。ここではまず、ターゲットとなるユーザーへのインタビューやアンケート、競合プロダクトの調査を通じて、ユーザーが抱える課題やニーズを明らかにします。その結果をもとに、典型的なユーザー像を具体化した「ペルソナ」を設定し、そのペルソナがプロダクトを認知してから目的を達成するまでの体験の流れを可視化した「カスタマージャーニーマップ」を作成します。さらに、プロダクトに含めるべき情報や機能をどう分類・構造化し、どの画面にどう配置するかを定義する「情報設計（IA）」を行い、画面遷移図やサイトマップへと落とし込みます。この工程は目に見える画面をつくらないため、発注側からは進捗が分かりにくく軽視されがちですが、ここでの設計が曖昧なまま次の工程に進むと、ワイヤーフレーム以降で大きな手戻りを招きます。UXの土台を固めるこの2〜3週間は、後工程の効率を決定づける最重要フェーズと言えます。

情報設計が固まったら、いよいよ画面を具体化していくフェーズに入ります。このフェーズが工程の中で最も時間を要し、中規模プロダクトでは約3〜4週間を見込みます。進め方は段階的で、まずは色や装飾を排した白黒の「ワイヤーフレーム」で、各画面にどの情報・要素をどう配置するかというレイアウトの骨格を固めます。ワイヤーフレームの段階で発注側と合意を取ることで、後からビジュアルを作り込んだ後に「そもそも構成が違う」という致命的な手戻りを防げます。次に、ブランドカラーやタイポグラフィ、アイコンなどを適用してビジュアルを作り込んだ「カラーUI」へと展開し、実際の見た目を確定させます。そして最後に、Figmaのプロトタイプ機能を使って画面同士をつなぎ、ボタンを押すと次の画面に遷移する「クリッカブルプロトタイプ」を作成します。これにより、コードを一行も書かずに実際の操作感を再現でき、デザイナーとエンジニア、発注側が同じ画面を見ながら仕様の認識ズレを早期に修正できます。Figmaは複数人が同時に同じファイルを編集できるため、デザイナー間の分業やレビューもこのフェーズの中でスムーズに進められます。

デザイン工程の仕上げとなるのが、ユーザビリティテストのフェーズです。中規模プロダクトでは約1〜2週間を充てます。ここでは、作成したクリッカブルプロトタイプを実際のユーザーや想定ユーザーに近い被験者に操作してもらい、「想定した導線でユーザーが迷わず目的を達成できるか」「情報の配置や言葉づかいが直感的に理解できるか」を検証します。デザイナーの頭の中では完璧に思える導線でも、実際のユーザーは予想外の場所をタップしたり、用語の意味を取り違えたりするため、このテストで初めて見えてくる課題は少なくありません。発見された課題は優先度をつけて整理し、デザインに修正を反映します。このフェーズを「時間がないから」と省略してしまうと、使いにくさを抱えたまま実装に進み、リリース後に大きな改修コストとして跳ね返ってきます。逆に、プロトタイプの段階で課題を潰しておけば、実装工程はデザインを忠実に再現することに集中でき、結果的にプロジェクト全体の効率が高まります。なお、このフェーズで注意が必要なのが被験者のリクルーティングで、適切なユーザー像に合致する協力者を集めるのに想定以上の時間がかかることがあるため、テスト期間とは別に早めに準備を始めておくことが望まれます。

UI/UXデザインで納期を短縮するメカニズム

UI/UXデザインの納期短縮は、単に作業を急がせることでは実現しません。デザインのプロセスそのものに備わった構造的なメカニズムを活かすことで、品質を保ったまま期間を圧縮できます。ここでは代表的な3つのメカニズムを解説します。いずれも、近年のデザインツールと開発手法の進化によって現実的な選択肢となったものです。

UI/UXデザインにおける最大の期間短縮要因が、デザインシステムとコンポーネントの再利用です。デザインシステムとは、ボタンの色や形、タイポグラフィ（書体・文字サイズ）、余白のルール、入力フォームやカードといったUI部品を共通の規則としてまとめたものです。一度デザインシステムを整備しておけば、新しい画面を作るたびにボタンやフォームをゼロから描く必要がなくなり、すでに定義された部品を組み合わせるだけで画面を構築できます。これにより、画面数が増えても制作スピードが落ちず、むしろプロジェクトが進むほど効率が上がっていきます。Figmaでは、こうした共通部品を「コンポーネント」として登録し、複数の画面で使い回せる仕組みが備わっています。共通部品の元データを一か所修正すれば、それを使っているすべての画面に変更が一括反映されるため、デザインの一貫性を保ちながら修正の手間も大幅に削減できます。さらに、過去のプロジェクトで蓄積したデザインシステムを新規案件に流用できれば、立ち上げの初速を大きく高められます。「部品を組み合わせて画面をつくる」という発想が、デザインの納期短縮を根本から支えています。

クラウドベースのデザインツールであるFigmaが広く普及したことで、UI/UXデザインの進め方は大きく変わりました。Figmaは複数のデザイナーが同じファイルをリアルタイムで同時編集できるため、画面ごとに担当を分けて並行作業を進められ、一人が全画面を順番に作る場合に比べて制作期間を圧縮できます。また、デザインデータがクラウド上で常に最新の状態に保たれるため、発注側やエンジニアはいつでもブラウザから最新のデザインを確認でき、わざわざデータを書き出して送る手間がありません。コメント機能を使えば、デザインの特定の箇所に直接フィードバックを残せるため、「この画面のこのボタンを大きく」といった指摘が口頭やメールで散逸することなく、修正の抜け漏れを防げます。さらに、デザインとエンジニアリングの間の受け渡しもスムーズになり、エンジニアはFigma上で余白の数値やカラーコードを直接確認しながら実装できます。こうした共同編集と早期共有の仕組みによって、認識のズレに起因する手戻りが減り、デザインから実装への移行が滑らかになることが、結果として全体の納期短縮につながります。

近年、UI/UXデザインの初期段階で最もインパクトの大きい短縮メカニズムが、生成AIを活用した「AI優先開発」です。FigmaのデザインデータのURLや、自然言語で書いたプロンプト（指示文）をAIに渡すだけで、数クリックでUIの足場、いわゆるスカフォールディングを自動生成できるツールが登場しています。これにより、これまで手作業で時間をかけていた初期プロトタイピングのリードタイムが劇的に短縮されます。従来は、ラフな画面イメージを一枚ずつ手で起こしていたところを、AIに「こういうダッシュボード画面が欲しい」と指示すれば、数分で叩き台となる画面が出来上がり、それをベースに調整を始められます。重要なのは、AIが生成するのはあくまで「足場」であり、最終的なUXの質はデザイナーの判断にかかっているという点です。AIが機械的な作業を肩代わりすることで、デザイナーはユーザー課題の構造化や、最適な情報設計、ブランド体験の作り込みといった、より上流のクリエイティブな判断に時間を集中できるようになります。生成AIは、デザインの初速を上げると同時に、デザイナーの付加価値を高める方向に働くメカニズムだと言えます。

納期を短縮する具体的な手法

構造的なメカニズムを踏まえたうえで、実際のデザインプロジェクトで納期を短縮するために取れる具体的な手法を紹介します。いずれもUI/UXデザインの特性を活かしつつ、現場ですぐに実践できるものです。

最も即効性のある短縮手法が、生成AIツールを使ったUIの叩き台づくりです。v0（Vercel）やLovableといったツールは、テキストのプロンプトから数時間で高品質なUIコンポーネントや画面を自動生成します。たとえば「ECサイトの商品一覧画面を作って」と指示すれば、レイアウトや配色を含んだ実用的な画面が生成され、それを出発点に微調整を加えていけます。また、Figma AIやGalileo AIといったツールは、テキストの指示からFigma上のデザインを生成したり、UIのバリエーションを複数提案したりできます。これらを使えば、白紙の状態から悩む時間を大幅に削減し、「ゼロから1を生む」工程を「叩き台を磨き上げる」工程へと置き換えられます。重要なのは、AIが出力したものをそのまま納品物とするのではなく、ユーザーリサーチで得た知見やブランドの要件に照らして取捨選択する姿勢です。AIで初期構築を加速しつつ、UXの本質的な判断はデザイナーが担うという役割分担が、品質とスピードを両立させる鍵になります。実際、UI/UXデザインとフロント実装をAIで自作・自動生成することで、従来のフルスクラッチ開発に比べてプロジェクト全体のコストと期間を大きく圧縮できたという報告も出てきています。

UI/UXデザインで陥りやすい罠が、デザイナーが完璧を目指して細部まで作り込んでから初めて発注側に見せる、という進め方です。これは手戻りのリスクを最大化します。プロトタイピングの鉄則は、「100%の完成度ではなく、あえて6割程度の完成度で早く作り、認識の齟齬を潰す」ことです。色やアイコンの細部が未完成でも、画面構成とユーザー導線が伝わる状態でいち早く共有すれば、「そもそも欲しかったのはこれではない」という根本的なズレを早期に発見できます。細部を作り込んだ後で構成のやり直しを指摘されれば、それまでの作業の大半が無駄になりますが、6割の段階なら軌道修正のコストは小さくて済みます。同じ発想は、デザインする機能の範囲にも当てはまります。すべての画面・機能を一度に完璧にデザインしようとせず、まずはプロダクトの核となる必要最小限の機能（MVP）のデザインを優先して仕上げ、リリース後にユーザーの反応を見ながら段階的に画面を追加・改善していく「MVPファースト」のアプローチが有効です。この進め方なら、ビジネス上の価値を早期に生み出しつつ、後続のデザインはユーザーの実際の使われ方というデータに基づいて判断でき、当て推量による無駄な作り込みを避けられます。

デザイン工程のスケジュールを安定させるうえで効果的なのが、デザインレビューの基準とマイルストーンをあらかじめ固定しておくことです。UI/UXデザインは主観が入り込みやすく、レビューのたびに新しい観点や好みが持ち出されると、いつまでも合意に至らずスケジュールが際限なく延びてしまいます。これを防ぐには、「この段階では何を確認し、何を承認するのか」を工程ごとに明文化しておくことが有効です。たとえば、ワイヤーフレームのレビューでは情報の配置と導線の妥当性だけを確認し、色やビジュアルの細部は次のカラーUIの段階で議論する、というように、各マイルストーンで評価する観点を切り分けます。こうしておけば、ワイヤーフレームの段階で「色が好みではない」といった本来後で扱うべき指摘に振り回されることがなくなります。また、誰が最終的な承認権限を持つのかを事前に明確にしておくことも重要です。複数の関係者がそれぞれ異なる意見を出し、誰の判断が優先されるのか曖昧なままだと、デザイナーは矛盾する要望の板挟みになって手が止まります。レビューの日程、確認すべき観点、承認者をマイルストーンとして固定することで、デザインの意思決定が滞りなく進み、納期の予測精度が高まります。

納期遅延の典型要因と対策

どれだけ短縮手法を駆使しても、遅延要因を放置すればデザインのスケジュールは簡単に崩れます。UI/UXデザインで納期が当初計画を超過する主な原因は、ステークホルダーのレビュー・承認待ち、要件の曖昧さによる手戻り、そしてユーザビリティテストの被験者リクルーティングの難航に大きく分けられます。ここでは、これらの典型要因と、それぞれへの実践的な対策を解説します。

UI/UXデザインの納期遅延で最も頻繁に起こるのが、ステークホルダーのレビュー・承認待ちです。デザイナーが画面を仕上げても、発注側の決裁者がなかなか確認の時間を取れず、フィードバックが返ってこないまま数日が過ぎる、という状況はどのプロジェクトでも起こり得ます。デザインは次の工程が前の工程の承認を前提に進むため、一か所で承認が滞ると全体が連鎖的に後ろ倒しになります。これに輪をかけるのが、要件の曖昧さによる手戻り、いわゆる「ちゃぶ台返し」です。初期の要件が明確に固まらないまま見切り発車でデザインを進めると、ある程度形になった段階で決裁者が初めて全体像を理解し、「思っていたものと違う」と根本からやり直しを求めるケースが起こります。これらへの対策の基本は、プロジェクト開始時に承認フローを明確化しておくことです。誰が承認権限を持ち、レビューにどれだけの日数を見込むのかを合意し、デザインレビューの日程をマイルストーンとしてカレンダーに固定します。あわせて、リサーチと情報設計の段階で要件をしっかり言語化し、ペルソナやカスタマージャーニーマップを使って「何のために、誰のために作るのか」を関係者全員で共有しておくことで、後工程での認識のちゃぶ台返しを大幅に減らせます。

もう一つ見落とされがちな遅延要因が、ユーザビリティテストの被験者リクルーティングの難航です。テストを意味のあるものにするには、ターゲットとなるユーザー像に合致した被験者を集める必要がありますが、これが想定以上に難しいことがあります。特定の業界や属性のユーザーを対象とするプロダクトでは、条件に合う協力者がなかなか見つからず、リクルーティングだけで予定を超過してしまうケースがあります。被験者が集まらなければテストが始められず、テストが遅れればデザインの最終確定も後ろ倒しになります。対策としては、第一にユーザビリティテストの実施が決まった段階で、できるだけ早く被験者の募集を始めることです。デザインの制作と並行してリクルーティングを進めておけば、プロトタイプが完成したタイミングですぐにテストに着手できます。第二に、社内の関係者や既存ユーザーのコミュニティなど、被験者にアクセスしやすいチャネルをあらかじめ確保しておくことも有効です。そして、こうした不確実性に備える最後の砦が、スケジュールへのバッファ確保です。承認待ちやリクルーティングの遅れ、予期せぬ手戻りといった要因を完全になくすことはできないため、デザイン工程全体の所要期間に対して10〜20%程度の余裕をあらかじめ織り込んでおくことが、現実的な納期を守るための保険になります。バッファを「無駄」と捉えず、不測の事態を吸収するための必要なコストと位置づけることが、安定した納品につながります。

まとめ

本記事では、UI/UXデザイン工程の開発期間・スケジュール・納期について、規模別の期間目安、リサーチからユーザビリティテストまでの工程別の配分、デザインシステムやFigmaの共同編集・生成AIといった要素が期間に与える影響、納期短縮のメカニズムと具体的手法、そして遅延要因と対策までを体系的に解説しました。デザイン期間の目安は、小規模で2週間〜1か月、中規模で1〜2.5か月、大規模で3か月以上であり、デザイン工程はシステム開発全体の約20〜30%を占めるという前提が、見積もりの妥当性を判断する基準になります。工程内では、リサーチ・ペルソナ・情報設計に約2〜3週、ワイヤーフレーム・Figmaプロトタイプに約3〜4週、ユーザビリティテストに約1〜2週という配分が一つのモデルです。UI/UXデザインは、デザインシステムによる部品の再利用、Figmaの共同編集による並行作業と早期合意、生成AIによるUIの足場生成といったメカニズムによって、品質を保ったまま期間を圧縮できる構造を持っています。生成AIツールでの叩き台づくり、6割の完成度で早く出すMVPファースト、デザインレビューの基準とマイルストーンの固定を組み合わせれば、さらに納期を短縮できます。一方で、ステークホルダーの承認待ちや要件の曖昧さによる手戻り、ユーザビリティテストの被験者リクルーティングの難航といった遅延要因には、承認フローの明確化・要件の早期言語化・被験者の早期確保・10〜20%のバッファ確保で備える必要があります。デザインの質はプロダクトの成否を左右する重要な要素だからこそ、無理のない納期設定とリスク管理を両立させることが、ユーザーに愛されるプロダクトを生み出す第一歩となります。具体的なスケジュールの相談は、画面構成や対象ユーザーといった要件概要をまとめたうえで、複数のデザイン会社に提示して見積もりを取ることから始めることをお勧めします。

▼全体ガイドの記事
・UI/UXデザインの完全ガイド

株式会社riplaでは、IT事業会社出身のプロフェッショナルが「Impact-Driven型支援」を通じて、プロダクトやシステムの納品・提供を目的とせず、お客様と同じ目線で、事業成果の達成をゴールとして、高品質なDX/開発支援をいたします。

また、当社独自の開発テンプレート「Boxシリーズ」による標準機能の高速開発と、AI駆動開発の独自フレームワーク「GoDD」による独自機能のAI実装を組み合わせることで、低コスト・短期間で開発を実現いたします。

もし、システム開発やプロダクト開発に関するご要望がございましたら、お気軽にお問い合わせください。

株式会社riplaの会社HPはこちら

・サービス概要資料のURLはこちら >>>
・お問合せページのURLはこちら >>>
・お役立ち資料のURLはこちら >>>

執筆者プロフィール

張田谷凌央

株式会社ripla 代表取締役CEOとして、システムパッケージ活用、システム開発、データ分析、生成AI活用、SaaS開発、アプリ開発、EC構築など、幅広い領域で企業のDX推進と事業成長を支援している。IT事業会社出身のプロフェッショナルが集う株式会社riplaにおいて、「Impact-Driven型支援」を掲げ、単なるシステム納品にとどまらず、クライアントと同じ目線で事業成果の実現に向けた伴走支援を行う。早稲田大学卒業後、ラクスル株式会社、LINEヤフー株式会社にて事業開発やDX推進などに従事した後、株式会社riplaを創業。