情報と操作の設計図
利用者の目的に沿って情報を分類し、画面一覧と移動の流れを作成します。どの画面で何を確認・入力するかを示し、抜けている項目や重複する操作を検討します。
OUR SERVICES
UI & information design
UI・情報設計
入力の途中で迷う、必要な情報を探すたびに画面を行き来する。Webサイトや業務アプリの使われ方を確認し、情報の分類、画面の構成、ボタンや入力欄を設計します。開発前の画面案づくりや、利用中の一画面の改善から相談できます。
できることを見る
STARTING POINT
こんなことから、
ご相談ください。
- 入力項目が多く、操作の説明が毎回必要になる
- 検索しても必要な情報を見つけにくい
- 開発を始める前に画面の認識をそろえたい
WHAT WE MAKE
ご依頼いただける仕事
画面デザインと試作
ワイヤーフレームで内容を確かめた後、文字、色、ボタン、入力欄を具体化します。必要に応じて画面を切り替えられる試作を用意し、操作の流れを体験できます。
実装に渡せるUI仕様
確定した画面デザインと、入力前後・エラー時などの表示をまとめます。部品の使い方や状態の違いを記載し、開発担当者が確認できる形式でデータを渡します。
SCOPE OF WORK
対応できること
必要な項目を確認して、
制作・開発する範囲を決めます。
- 利用場面・操作手順の整理
- 情報の分類・メニュー構成の設計
- 画面一覧・画面遷移図の作成
- ワイヤーフレームの作成
- Web・業務アプリのUIデザイン
- 入力フォーム・検索画面の設計
- スマートフォン画面のデザイン
- 操作を確認するプロトタイプの作成
- UI部品と表示ルールの整理
- 開発担当者向けの設計資料作成
HOW WE WORK
進め方
- 01
実際の使い方をたどる
誰がどんな場面で使うかを聞き、現在の画面や業務手順を確認します。迷う操作、見落としやすい情報、追加したい内容を整理します。
- 02
配置と動きを試す
画面の骨組みを作り、入力や検索などの流れを確認します。必要な項目がそろったら、文字・色・部品の見た目と状態の表現を決めます。
- 03
設計意図を共有する
画面間の移動と表示の違いを説明し、確認結果に沿って修正します。実装方法に関わる条件を開発担当者と共有し、設計資料を整えます。
QUESTIONS
よくあるご相談
デザインを変えるべき場所がわからなくても頼めますか？
操作に時間がかかる場面や、利用者から寄せられた質問をお聞かせください。実際の流れと画面を見ながら、改善候補と設計する範囲を整理します。
デザインだけを依頼できますか？
画面設計やデザインのみのご依頼にも対応します。開発担当者への引き継ぎ方法と必要な形式を先に確認します。実装を含めた相談も可能です。
すでにある一画面だけでも見直せますか？
入力フォームや一覧画面など、対象を絞った相談もできます。前後の操作と既存のデザインルールを確認し、周囲の画面とのつながりを考えて修正します。
INQUIRIES