情報と操作を整理し、
迷わず使える画面へ。
UI / UX DESIGN
UI・UX設計
情報の優先順位と操作の流れを整理し、使いやすい画面を設計します。構成案、UIデザイン、プロトタイプまで対応します。
ISSUES
情報・操作の課題
- 情報が多く、何を優先して見せるべきか分からない
- 申し込みや問い合わせまでの導線が複雑になっている
- 画面ごとに表示や操作のルールが違う
- 機能を増やした結果、サービス全体が分かりにくくなった
- 開発に進む前に、画面の構成を整理したい
- 関係者のイメージが合わず、修正が繰り返されている
SOLUTION
情報設計から画面の細部まで
-
利用者と目的を具体化する
誰が、どの場面で、何をするために使うかを整理します。事業上の目的と利用者の行動を並べ、設計で優先する点を共有します。
-
情報と導線を組み立てる
必要な情報を分類し、ページや画面のつながりを整理します。入口から目的の行動までの流れを考え、迷いやすい箇所を見直します。
-
構成案で合意をつくる
色や装飾を整える前に、画面内の情報と操作の配置を確認します。構成案を使って、関係者の認識と必要な要件をそろえます。
-
画面のルールをそろえる
見出し、ボタン、フォームなどの使い方を整理します。文字の読みやすさや情報のまとまりを踏まえ、画面間で一貫したUIを作ります。
-
画面のつながりを確かめる
必要に応じて操作の流れが分かる試作を作り、遷移や入力の順序を確認します。確認で見つかった点を設計に反映します。
-
実装に必要な情報を共有する
画面ごとの状態や操作、端末による表示の違いを整理します。開発担当者と確認しやすい形にまとめ、設計意図を共有します。
CAPABILITIES
設計・デザインの対応範囲
- ウェブサイト・サービス画面の情報設計
- サイトマップ・画面構成・導線の整理
- ワイヤーフレームの作成
- PC・スマートフォンのUIデザイン
- ボタン・フォームなど共通部品の整理
- 画面遷移・入力状態などの設計
- 確認用プロトタイプの作成
- 開発担当者へのデザイン・仕様の共有
CONSULTATION
ご相談例
- 新しいサービスの画面を、開発前に整理したい
- 既存サイトの申し込みフォームや導線を見直したい
- 画面数が増えて、デザインの統一が難しくなっている
- 実装は社内で行うので、設計とデザインを依頼したい
- 一部のページや機能だけ、使いやすさを改善したい
- 現在の画面を見ながら、課題を整理してほしい
PROCESS
設計の進め方
-
目的・現状のヒアリング
サービスの目的、利用者、現在の画面や業務の流れを確認します。既存の資料や利用状況があれば、あわせて共有いただきます。
-
対象範囲の整理
対象となる画面、利用場面、必要な状態を洗い出します。設計と実装の担当範囲を整理し、見積もりと進行を確認します。
-
情報設計・構成案
情報の分類と操作の流れを整理し、画面構成を作成します。主要な導線から確認を進めます。
-
UIデザイン
構成案をもとに画面の見た目と共通部品を整えます。文字や操作要素の優先順位を確認します。
-
試作・調整
必要に応じて画面遷移を試作し、関係者と確認します。操作の流れや表示状態を調整します。
-
設計内容の共有
合意した画面と設計意図をまとめて共有します。実装時の確認方法や追加対応の範囲も整理します。
INFORMATION
費用・期間
- 費用の目安
- 30万円〜
- 期間の目安
- 1〜2ヶ月
対象を絞った画面設計は30万円〜。複数の画面や機能をまとめる場合は50〜150万円が目安です。
画面数、表示状態、試作の範囲に応じてお見積もりします。ユーザー調査・テスト、実装、CMS構築は別途です。
期間は着手後の目安です。資料の準備や確認日数により変わります。
FAQ
よくあるご質問
ウェブサイト制作との違いは何ですか。
UI・UX設計は、情報の構成や操作の流れ、画面のデザインを中心に扱います。サイトの実装やCMS構築まで必要な場合は、ウェブサイト制作とあわせてご相談いただけます。
設計やデザインだけでも依頼できますか。
はい。設計・デザインをdugが担当し、実装を社内や別の開発会社で進める形もご相談いただけます。必要な納品物を事前に整理します。
既存の画面を一部だけ改善できますか。
はい。対象の画面と困っている点を確認し、その範囲で改善案を検討します。前後の画面や導線とのつながりも確認します。
要件がまとまっていなくても相談できますか。
はい。サービスの目的や、実現したい操作から伺います。開発前に決めるべきことを整理し、設計の対象範囲を明確にします。
プロトタイプは完成したシステムですか。
確認用の試作は、画面の構成や操作の流れを確かめるためのものです。実際のデータ保存や機能の実装が必要な場合は、別途範囲を確認します。
ユーザー調査やテストも含まれますか。
必要性を検討したうえで、対象者、方法、実施範囲をご相談します。すべての案件に調査やテストを含む前提ではありません。
費用は画面数だけで決まりますか。
画面数に加え、操作の複雑さ、表示状態、既存情報の整理、試作の範囲などを確認してお見積もりします。
社内の開発担当者と直接話してもらえますか。
設計と実装の認識をそろえるため、必要に応じて開発担当者を交えた確認を行います。打ち合わせの進め方は、開始時にご相談します。
GET IN TOUCH