ユーザー登録 仕様書

概要

新規ユーザーがメールアドレス・パスワード・プロフィールを入力して会員登録するフロー。

画面一覧

1. メールアドレス入力（EmailInput）

• 目的: メールアドレスの収集
• 要素:
  • ステップインジケーター（1/3）
  • メールアイコン
  • メールアドレス入力フィールド
  • 「次へ」ボタン → パスワード設定へ遷移
  • ログインリンク（既存ユーザー向け）
• バリデーション: メール形式チェック

2. パスワード設定（PasswordSetup）

• 目的: セキュアなパスワードの設定
• 要素:
  • ステップインジケーター（2/3）
  • パスワード入力フィールド（表示/非表示トグル付き）
  • パスワード確認フィールド（表示/非表示トグル付き）
  • リアルタイムバリデーション表示
  • 「戻る」ボタン / 「次へ」ボタン

3. プロフィール入力（ProfileInput）

• 目的: ユーザープロフィール情報の収集
• 要素:
  • ステップインジケーター（3/3）
  • アバターアイコン
  • 表示名入力フィールド
  • ユーザー名入力フィールド
  • 「戻る」ボタン / 「登録する」ボタン

4. 登録完了（RegistrationComplete）

• 目的: 登録完了の通知とサービス開始への導線
• 要素:
  • 完了チェックアイコン
  • 完了メッセージ
  • 「はじめる」ボタン

画面遷移

パターン軸