UI/UXデザインの期間は、プロダクトの規模で2週間〜3か月以上と大きく変わります。小規模なら2週間〜1か月、中規模なら1〜2.5か月、大規模なら3か月以上が目安です。
堅牢なインフラがあっても、導線が悪いと離脱やコンバージョンの低下を招きます。
▼全体ガイドの記事
・UI/UXデザインの完全ガイド
Webサービス開発の種類・工程・費用・会社選定までの全体像については、無料ホワイトペーパー「Webサービス開発の完全ガイドブック」で詳しく解説しています。
UI/UXデザインの開発期間の全体像
UI/UXデザインの期間は、プロダクトの規模と画面の複雑さで変わります。社内ツールやMVP（必要最小限の機能を備えた検証用プロダクト）のような小規模であれば、2週間〜1か月が目安です。
費用も規模ごとに目安があります。小規模デザインは10万〜60万円ですが、会員機能や管理画面、複数のユーザー導線を備える中規模では、1〜2.5か月、60万〜250万円が目安です。さらに、BtoC向けのメインプロダクトや独自のブランド体験を伴う大規模デザインでは、3か月以上、250万〜800万円以上が相場感です。
UI/UXデザインは、システム開発全体の一工程です。それでも、初期開発費と期間のおおむね20〜30%を占めるため、全体の計画に組み込んで考える必要があります。
仮に、全体で半年の計画なら、デザインは1.5か月前後と逆算できます。そのため、提示された見積もりの妥当性を判断しやすくなります。
ここで示した数字は一般的な目安です。ただし、同じ画面数でも、独自デザインの要件やリサーチの深さによって、必要な期間は変わります。
デザイン期間を左右する要因
期間を見積もるときは、発注側と開発会社が、画面数、ユーザー導線、対応デバイス、独自デザインの度合いをそろえて確認します。
- 画面数：画面が増えるほど、デザインとプロトタイプに必要な工数も積み上がります。
- 導線の複雑さ：入力や条件分岐、ログイン状態によって、設計すべき状態の数が変わります。
- 対応デバイス：スマートフォンとPCでは、各ブレークポイントの設計と検証が必要になります。
- 独自デザイン：既製UIキットを使えるかどうかで、制作と合意形成にかかる時間が左右されます。
たとえば、単純な情報表示の画面と、入力フォームや条件分岐を伴う画面では、設計すべき状態の数が異なります。
独自デザインはブランド価値や体験を高められる一方で、リサーチから合意形成まで時間がかかります。そこで、どの程度まで独自にするかは、発注側と開発会社で早めに合わせておく必要があります。
ブランドを表現する独自デザインを一から作る場合には、必要な期間の差がいっそう大きくなります。
受託デザインの前提とスケジュールの考え方
受託デザインでは、画面の制作だけでなく、質を左右するリサーチや合意形成にも工数がかかります。開発工程とは異なる前提で日程を組む必要があります。
ワイヤーフレームやFigmaのデザインデータ、プロトタイプは、目に見える成果物です。これに対して、質を支える調査や合意形成の工数は外から見えにくく、そのぶん期間の組み立てに独特の勘所があります。
発注側の主観的な好みや経営判断が加わり、「もっとこうしたい」というレビューも発生します。そのため、承認の回り方がエンジニアリング工程以上に日程に影響します。
- 確認時間：デザイン提出後、発注側の確認とフィードバックに数日かかることがあります。
- 段階的な詳細化：白黒のワイヤーフレームから、カラーUI、操作可能なプロトタイプへと段階を踏んで進みます。
- マイルストーン合意：各段階の合意を前提に日程を組むことで、手戻りを抑えられます。
デザイナーの制作時間だけでなく、レビューへの返答にかかる時間も日程に含めておく必要があります。見落とすと、予定が後ろ倒しになります。
UI/UXデザイン工程別のスケジュール配分
工程には明確な順序があります。そこで、中規模プロダクトの約2か月（8週間前後）をモデルに、リサーチ・ペルソナ・情報設計、ワイヤーフレーム・Figmaプロトタイプ、テストの週数を見ていきます。
後工程で見つかった点が、前工程の見直しにつながることもあります。そのため、各工程に時間を配分し、節目ごとに合意を取っておくことが、現実的な納期管理につながります。
リサーチ・ペルソナ・情報設計（約2〜3週）
ユーザーリサーチと情報設計は、デザイン工程の起点にあたります。中規模では約2〜3週間かかり、インタビューやアンケート、競合調査で課題やニーズを明らかにします。
- ペルソナ：調査結果をもとに、典型的なユーザー像を具体化します。
- カスタマージャーニーマップ：認知から目的達成までの体験を、流れとして図にします。
- 情報設計（IA）：情報や機能を分類して、どの画面にどう配置するかを決めます。
情報設計では、画面遷移図やサイトマップにも落とし込みます。一方で、画面がまだ見えないため進捗が伝わりにくく、軽視されることがあります。
設計が曖昧なまま次へ進むと、ワイヤーフレーム以降で大きな手戻りを招きます。だからこそ、この2〜3週間は後工程の効率を左右する土台です。
ワイヤーフレーム・Figmaプロトタイプ（約3〜4週）
情報設計が固まったら、いよいよ画面を具体化します。ワイヤーフレームから操作可能な試作へと段階的に進み、中規模プロダクトでは約3〜4週間を見込みます。工程の中で最も時間を要する部分です。
- ワイヤーフレーム：白黒の画面で情報や要素の配置を決め、発注側と合意します。
- カラーUI：ブランドカラーやタイポグラフィ、アイコンを画面に適用します。
- クリッカブルプロトタイプ：Figmaで画面をつなぎ、ボタン操作による遷移を再現します。
まずワイヤーフレームで構成に合意しておけば、ビジュアルを作り込んだ後の構成変更を防ぎやすくなります。プロトタイプなら、コードを書かずに操作感を確かめられます。
デザイナー、エンジニア、発注側が同じ画面を見れば、仕様の認識のズレを早い段階で直せます。さらに、Figmaは複数人の同時編集に対応しているため、分業やレビューにも役立ちます。
ユーザビリティテスト（約1〜2週）
中規模プロダクトでは、仕上げのユーザビリティテストに約1〜2週間を充てます。実際のユーザーや、それに近い想定ユーザーの被験者がプロトタイプを操作します。
- 導線：迷わず目的を達成できるかを確認します。
- 情報と言葉：配置や表現を直感的に理解できるかを確かめます。
- 修正：見つかった課題に優先順位をつけ、デザインに反映します。
予想外の場所をタップしたり、用語を取り違えたりする課題は、テストで初めて見つかることがあります。このテストを省くと、使いにくさを残したまま実装が進み、リリース後の改修コストにつながります。
試作段階で課題を直しておけば、実装ではデザインの再現に集中でき、プロジェクト全体の効率も高まります。
ユーザー像に合う協力者を集めるのに、想定以上の時間がかかる場合があります。そのため、試作が完成してすぐテストできるよう、テスト期間とは別に募集の準備を早めに始めておく必要があります。
UI/UXデザインで納期を短縮するメカニズム
工程に備わった仕組みを活かせば、品質を保ったまま期間を圧縮できます。急がせることに頼らず、仕組みで納期を縮める考え方です。代表的な仕組みは3つで、いずれも近年のデザインツールや開発手法の進化によって、現実的な選択肢になりました。
デザインシステムとコンポーネント化による再利用
デザインシステムは、ボタンの色や形、タイポグラフィ（書体・文字サイズ）、余白、フォームやカードなどの共通ルールです。部品を再利用すれば、制作を効率化できます。
- 画面の構築：定義済みの部品を組み合わせ、新しい画面を作ります。
- 一括修正：元の部品を変更すると、それを使う画面にも変更が反映されます。
- 過去資産の活用：蓄積したデザインシステムを、新しい案件に流用できます。
Figmaでは、共通部品を「コンポーネント」として登録し、複数の画面で使い回せます。画面数が増えても制作速度が落ちにくく、プロジェクトが進むほど効率も上がります。こうした部品の使い回しが、納期短縮を根本から支えます。
Figma共同編集による並行作業と早期合意
クラウド型デザインツールのFigmaでは、複数のデザイナーが同じファイルをリアルタイムで編集できます。画面ごとに担当を分ければ、一人が全画面を順番に作る場合と比べて、制作を並行して進め、期間を圧縮できます。
- 最新データの共有：発注側やエンジニアはブラウザで最新のデザインを確認できます。
- コメントでの指摘：対象箇所へ直接フィードバックを残し、修正漏れを防ぎます。
- 実装への受け渡し：エンジニアは余白やカラーコードをFigma上で確認できます。
書き出して送る手間が省け、指摘が口頭やメールに散らばりにくくなります。そのため、共同編集と早期共有で手戻りが減り、実装への移行もスムーズになって、全体の納期を短縮できます。
生成AIによるUIの足場生成（スカフォールディング）
初期段階で大きな短縮効果を持つのが、生成AIを活用する「AI優先開発」です。FigmaのURLや自然言語のプロンプト（指示文）から、UIの足場を自動で生成するツールも登場しています。
- 初期試作：手作業の画面起こしに代わり、数クリックで叩き台を作れます。
- 調整の開始：「ダッシュボード画面が欲しい」と指示すれば、数分で画面案ができます。
- 人の判断：AIは足場を作り、最終的なUXの質はデザイナーが見極めます。
初期のプロトタイピングにかかる時間が縮まるぶん、デザイナーはユーザー課題の整理や情報設計、ブランド体験に時間を振り向けられます。こうした点で、AIは初速とデザイナーの付加価値の両方を高めます。
納期を短縮する具体的な手法
前の節の仕組みを踏まえると、納期を短縮する具体的な手法が見えてきます。UI/UXの特性を活かし、現場ですぐ実践できる方法です。
生成AIツールによるUIの叩き台づくり
即効性のある方法は、生成AIでUIの叩き台を作ることです。v0（Vercel）やLovableは、指示から数時間でUIを生成します。
たとえば、ECの商品一覧を指示すると、レイアウトや配色を含む実用的な画面案ができます。その案を起点に、微調整を進められます。
- Figma AI・Galileo AI：指示からFigmaのデザインを生成したり、複数案を提案したりします。
- 叩き台から開始：「ゼロから1を生む」工程を、初期案を磨く工程に置き換えます。
- デザイナーが選定：出力をそのまま納品せず、調査結果とブランド要件に照らして選びます。
AIが初期構築を速め、UXの本質的な判断はデザイナーが担います。この役割分担によって、品質と速度を両立できます。
UI/UXデザインとフロント実装をAIで自作・自動生成し、従来のフルスクラッチ開発より全体のコストと期間を圧縮できたという報告もあります。
「6割の完成度」での早期共有とMVPファースト
陥りやすいのは、デザイナーが完璧を目指して細部まで作り込み、そのあとで発注側に見せる進め方です。手戻りを抑えるため、画面構成と導線が伝わる段階で共有します。
- 6割で共有：色やアイコンが未完成でも、構成の根本的なズレを早期に見つけます。
- MVPを優先：必要最小限の機能を先にデザインし、リリース後に画面を追加します。
- 反応を活用：ユーザーの実際の使われ方を見て、後続の改善を判断します。
原則は、100%を目指すより、6割程度の完成度で早く作ることです。作り込んだ後に構成を変えると作業の大半が無駄になりますが、6割の段階であれば軌道修正の負担を抑えられます。
同じ考え方は、デザインする機能の範囲にも当てはまります。核となる機能を先に仕上げれば、早期にビジネス価値を生み、データをもとに段階的に改善できます。そのうえ、当て推量による作り込みも避けられます。
デザインレビューの基準とマイルストーンの固定
レビュー基準とマイルストーンを事前に固定すると、工程の日程が安定します。レビューには主観が入りやすく、毎回新しい好みや観点が出ると、合意が遅れてしまいます。
- 観点を分ける：ワイヤーフレームでは情報配置と導線を確認します。
- 議論の時期：色やビジュアルの細部はカラーUIの段階で扱います。
- 承認者を決める：最終承認権限を、事前に明確にしておきます。
評価軸を分けておけば、ワイヤーフレームの段階で色の好みなど、後の工程で扱う指摘に振り回されずに済みます。さらに、誰が最終承認権限を持つかも事前に決めておく必要があります。関係者の意見が割れて、誰の判断を優先するかが曖昧だと、デザイナーは矛盾する要望に挟まれ、作業が止まってしまいます。
レビュー日程、確認観点、承認者をマイルストーンとして固定すると、意思決定が進み、納期も予測できるようになります。
納期遅延の典型要因と対策
短縮手法を使っても、遅延要因を放置すればスケジュールは崩れます。主な原因は、承認待ち、要件の曖昧さによる手戻り、被験者集めの難航です。
ステークホルダーの承認待ちと要件の曖昧さ
よくある遅延要因が、ステークホルダーのレビューや承認待ちです。決裁者がすぐに確認できず、フィードバックまで数日かかることも起こり得ます。
- 承認の停滞：次工程が前工程の承認を待つため、全体が連鎖して遅れます。
- 要件の曖昧さ：全体像が見えてから、根本的なやり直しになる場合があります。
- 承認フロー：権限者とレビュー日数を決め、日程をカレンダーに固定します。
要件が曖昧なまま進めると、決裁者が後から「思っていたものと違う」と見直しを求めることがあります。こうした手戻りは「ちゃぶ台返し」と呼ばれます。
リサーチと情報設計で要件を言葉にし、ペルソナやカスタマージャーニーマップで目的と対象ユーザーをそろえておけば、後工程での認識のずれを減らせます。
ユーザビリティテストの被験者確保とバッファ設計
テストには、対象ユーザー像に合う被験者が必要です。特定の業界や属性を対象にすると、協力者を集めるのに手間取り、募集だけで予定を超えることがあります。被験者が集まらなければ、テストを始められず、デザインの確定も遅れます。
- 早期募集：テスト実施が決まったら、デザイン制作と並行して募集します。
- 募集経路：社内関係者や既存ユーザーのコミュニティを、あらかじめ確保しておきます。
- 期間の余裕：工程全体の10〜20%程度を、バッファとして設けます。
承認待ちや募集の遅れ、予期しない手戻りを完全になくすことはできません。だからこそ、バッファは不測の事態を吸収するために必要なコストであり、現実的な納期を守る備えです。
まとめ
UI/UXデザインの期間は、小規模で2週間〜1か月、中規模で1〜2.5か月、大規模で3か月以上が目安です。開発全体の約20〜30%を占める前提で、見積もりを組み立てます。
中規模の工程配分は、リサーチ・情報設計が約2〜3週、ワイヤーフレーム・Figmaプロトタイプが約3〜4週、テストが約1〜2週です。ただし、後工程で前工程を見直す場合もあります。
デザインシステムとFigmaの共同編集、生成AIは、それぞれ再利用、並行作業、初期案の作成を支えます。AIの出力はデザイナーが判断するため、UXの質を保てます。
納期を縮めるには、AIの叩き台、6割での早期共有とMVP優先、レビュー基準の固定が役立ちます。一方で、承認待ちや要件変更、被験者募集については、事前の対策が欠かせません。
承認フローと要件を早めに固め、被験者を確保し、工程全体に10〜20%の余裕を設けておきます。そのうえで、画面構成や対象ユーザーなどの要件概要をまとめ、複数のデザイン会社に提示して見積もりを取ります。
▼全体ガイドの記事
・UI/UXデザインの完全ガイド
▼開発を相談する前に読みたい無料ホワイトペーパー
・Webサービス開発の完全ガイドブック
・【2026年最新版】AI駆動開発の完全ガイドブック
会社紹介
株式会社riplaでは、お客様の事業・ユーザー・業務に最適化したオーダーメイド型システムを、構想策定・要件定義から開発・改善まで一気通貫で支援。事業会社でIT・DXを経験したプロフェッショナルによる高い要件定義力・システム設計力を活かし、事業成果の最大化に伴走します。
また、当社独自の開発テンプレート「Boxシリーズ」による標準機能の高速開発と、AI駆動開発の独自フレームワーク「GoDD」による独自機能のAI実装を組み合わせることで、低コスト・短期間で開発を実現いたします。
もし、システム開発やプロダクト開発に関するご要望がございましたら、お気軽にお問い合わせください。
・サービス概要資料のURLはこちら >>>
・お問合せページのURLはこちら >>>
・お役立ち資料のURLはこちら >>>
株式会社ripla 代表取締役CEOとして、システムパッケージ活用、システム開発、データ分析、生成AI活用、SaaS開発、アプリ開発、EC構築など、幅広い領域で企業のDX推進と事業成長を支援している。事業会社でIT・DXを経験したプロフェッショナルが集う株式会社riplaにおいて、お客様の事業・ユーザー・業務に最適化したオーダーメイド型システムを構想策定・要件定義から開発・改善まで一気通貫で支援し、単なるシステム納品にとどまらず、クライアントと同じ目線で事業成果の最大化に向けた伴走支援を行う。早稲田大学卒業後、ラクスル株式会社、LINEヤフー株式会社にて事業開発やDX推進などに従事した後、株式会社riplaを創業。