ワイヤーフレーム / 購入者向け:ログイン・新規会員登録(スマホ・3画面)
要件 §8 を実現。メール/パスワード/表示名で登録、ヘッダー右上+商品ページ/入札時の導線。

購入者:ログイン/会員登録

ログイン → 会員登録 → パスワードリセット

画面 1 ログイン
9:41● ● ●
ログイン/会員登録

おかえりなさい

ログインして入札を続けましょう

📦 入札のためログインが必要です ログイン後「iPhone 15 Pro」の商品ページに戻ります
ログイン
新規登録
📧
🔒 表示
パスワードを忘れた
または
画面 2 新規会員登録
9:41● ● ●
ログイン/会員登録

はじめまして

会員登録(無料)で入札を始めましょう

ログイン
新規登録
  • 入札・落札ができる
  • 気になる商品をウォッチ
  • 入札状況の通知が受けられる
👤
他の入札者には「y***a」のように一部マスクして表示されます
📧
🔒 表示
✓ 強:英大文字・数字・記号を含む

登録後、入札にはSMS認証が必要です。
次の画面で電話番号を登録できます。

または
画面 3 パスワードリセット
9:41● ● ●
パスワードを忘れた

パスワードを再設定

登録メールアドレスにリセット用リンクを送ります

📧
メールを送信しました
taro@example.com 宛にリセット用リンクを送信しました。受信箱をご確認ください。

リセットの流れ

1
メールアドレスを入力
2
受信メールのリンクをタップ
3
新しいパスワードを設定
4
ログインして利用再開

メールが届かない場合は、迷惑メールフォルダもご確認ください。
リセットリンクの有効期限は 30分 です。

💡 設計上のポイント

🔐 要件 §8 への準拠

要件 WF上の表現
メールアドレス 登録/ログインの必須フィールド
パスワード 登録時は強度メーター、8文字以上
表示名 登録時の必須フィールド、マスク仕様を説明
ヘッダー右上からログインできる 戻る導線(共通ヘッダーから到達)
商品ページで未ログイン時は入札不可 文脈バナーで「入札のためログインが必要」
SMS認証は入札前に必須 登録完了後に案内、マイページから完了

🧩 追加考慮事項