UXデザインの総合実践

フリーランサー向けモバイル請求書アプリを設計中。
競合ランドスケープを分析してください。

競合：
- freee（日本市場のクラウド会計）
- Money Forward クラウド請求書
- Misoca（弥生グループ）
- Square 請求書
- PayPal インボイス

各競合について：
1. 主要ターゲットユーザー
2. フリーランサーにとっての強み
3. フリーランサーにとっての弱み
4. 料金体系
5. モバイル体験の質

すべての競合に共通するギャップ、
差別化の最大の機会を特定。

競合分析に基づき、ユーザーリサーチ計画を生成：

1. フリーランサーの請求ワークフローについて
   インタビュー質問10問
2. 観察したい行動データは？
3. 問題を定量化するアンケート質問は？
4. 検証が必要な前提は？

フリーランサー請求書アプリの
ユーザーペルソナを2つ作成：

ペルソナ1：頻繁に請求するフリーランサー
（月15件以上のクライアント）、速さを最重視

ペルソナ2：たまに請求するフリーランサー
（月3〜5件のクライアント）、プロセスのガイダンスが必要

各ペルソナに含める：
- 名前、年齢、職業
- ゴール（請求に何を求めるか）
- フラストレーション（現在のプロセスの何が壊れているか）
- 行動パターン（現在の請求方法）
- アプリを使うシナリオ
- 意思決定要因（現在のソリューションからの切り替え条件）

リアルな日本のフリーランサー体験に基づいて。

フリーランサー請求書アプリの情報アーキテクチャを設計：

コア機能：
- 請求書の作成・送信
- 支払いステータスの追跡
- クライアントディレクトリの管理
- 収益とレポートの表示
- 支払い方法の設定（銀行振込等）
- 請求書テンプレートとカスタマイズ
- 定期請求書
- 支払いリマインダー

提供してください：
1. アプリナビゲーション構造（モバイル用タブバー）
2. 画面階層
3. コンテンツモデル（データオブジェクトとその関係）
4. 上位3タスクのユーザーフロー

ナビゲーションは最大4〜5つのプライマリ項目。

請求書アプリの最重要3画面のワイヤーフレームコンセプト：

画面1：ホーム/ダッシュボード
- 両ペルソナが価値を見出す必要あり
- 表示必須：未収金合計、期限超過請求書、最近の活動
- 制約：スマホ片手操作

画面2：請求書作成
- リピートクライアントなら60秒以内で完了
- フィールド：クライアント、明細、金額、期日、備考
- モバイルでの入力を最小化

画面3：請求書詳細/支払いステータス
- 1つの請求書の完全な詳細
- ステータス表示（下書き、送信済み、閲覧済み、支払済み、期限超過）
- アクション：リマインダー送信、支払い済みマーク、編集、複製

各画面に2つの構造アプローチ、コンテンツ階層、
インタラクションパターンを提供。

フリーランサー請求書アプリのUXコピー。

ボイス：親しみやすく、効率的、自信を構築
（フリーランサーはお金の話に気まずさを感じがち
——アプリが請求をプロフェッショナルで簡単に感じさせる）

以下のコピーを書いてください：

1. ダッシュボード空状態（初回ユーザー）
2. 請求書作成フロー（画面タイトル、フィールドラベル、
   送信ボタン、送信後確認メッセージ）
3. 期限超過通知（プッシュ通知、アプリ内バナー、
   ワンタップで送れるクライアント向けリマインダー）
4. エラー状態（送信失敗、メール無効、支払い方法未設定）
5. 成功状態（送信完了、入金確認、定期請求設定完了）

フリーランサー請求書アプリの
アクセシビリティレビューを実施：

カラー：
- プライマリアクション：#2563EB（青）
- 成功/支払済み：#059669（緑）
- 警告/期限超過：#D97706（琥珀）
- エラー/失敗：#DC2626（赤）
- テキスト：#111827 on #FFFFFF

チェック：
1. 全テキスト/背景のカラーコントラスト
2. ステータス表示の色独立性
3. アイコンベース要素のARIAラベル
4. スワイプジェスチャーの代替手段
5. タッチターゲットサイズ
6. ダッシュボードのスクリーンリーダーフロー

フリーランサー請求書アプリの
コアコンポーネントライブラリを定義。

カテゴリ別に整理：
- ファンデーション（トークン、タイポグラフィ、スペーシング）
- ナビゲーション（タブ、ヘッダー）
- 入力（テキストフィールド、ドロップダウン、トグル）
- 表示（カード、バッジ、リスト、チャート）
- フィードバック（アラート、トースト、ローディング）
- アクション（ボタン、FAB、メニュー）

各コンポーネントに：
1. 名前
2. 必要なバリアント
3. プロパティ/設定オプション
4. アクセシビリティ要件
5. 1行の使用ガイドライン

MVP画面を実現するために最初に構築すべき
10コンポーネントを優先順位付け。