最初に私たちのおすすめをお伝えします。 Proxy Mail QA は私たちの製品なので、中立ではありません。このチェックリストでおすすめするのは2つの手順です。Proxy Mail QA for Chrome を使い、新しいテスト用アカウントでワンクリックでフォームに入力すること、そして自分の受信トレイを使わずに確認コードやリンクを受け取ることです。チェックリストの大部分は製品を必要とせず、ブラウザ、スマートフォン、途中で紹介するいくつかの無料ツールだけで行えます。Proxy Mail QA はデザイン、文言、アクセシビリティ、速度を評価しません。
1. 始める前に
- 本番サイトではなく ステージングまたはローカルのコピーを使います。テスト用アカウントが実際のユーザーに混ざらないようにするためです。
- 試すたびに新しいメールアドレスを使います。 同じアドレスで2回サインアップすると、サインアップではなく「登録済み」の流れをテストすることになります。自分の Gmail にプラスタグを付ける方法は1〜2回なら使えますが、メールが個人のメールと混ざり、プラスタグを拒否するアプリもあります。
- コードや認証サービスの設定から パスワードのルールを手元に用意し、ページの表示と実際の動作を比べられるようにします。
2. 入力する前に見る
- すべての項目が必要ですか?項目が1つ増えるごとにサインアップは減ります。電話番号や会社名がなぜあるのか確認してください。
- すべての項目に、入力すると消えるプレースホルダーだけでなく、見えるラベルがありますか?
- パスワードのルールは、間違えた後だけでなく、入力する前に表示されていますか?
- すでにアカウントを持っている人向けのサインインへのリンクと、利用規約とプライバシーポリシーへのリンクがありますか?
- 次に何が起きるか明確ですか(「コードをメールでお送りします」など)?
3. 新しい顧客と同じように一度入力する
Proxy Mail QA for Chrome(無料、Chrome、Edge、Brave、Arc に対応)を使う場合:
- サインアップページを開き、ツールバーの拡張機能をクリックして このサイトで有効にする を選びます。Chrome はそのサイトだけへのアクセスを求め、ほかのサイトでは動作しません。
- メール欄の Proxy Mail QA ボタンをクリックし、新しいテストアカウントで入力する操作を選びます。メールと確認用メール、姓と名またはフルネーム、ユーザー名、生年月日、パスワードと確認用パスワードを入力します。パスワードは欄の長さとパターンのルールに合うものになります。会社名、電話番号などの欄はご自身で入力してください。
- 送信します。拡張機能がパスワードをテスト用アドレスに保存するか確認するので、後でそのアカウントでサインインできます。
- メールが届くと、コードがページ上のカードに 入力 と コピー 付きで表示されます。確認リンクには 開く が付き、新しいタブで開きます。
拡張機能を使わない場合は、app.proxymail.qa でアドレスを作成してコピーし、貼り付けます。メールが届くと、コードやリンクがその行に表示されます。まず試したい場合は、練習用サインアップページ があります。
4. わざと壊してみる
次のどれも、入力内容を消さずに、欄の位置で言葉による明確なエラーを出すべきです:
- すべて空欄のまま送信する。
- @ がない、または 2 つあるメールアドレス。
- 一致しない確認用メールまたはパスワード。
- ルールに反するパスワード。拡張機能のカードには 境界値パスワード があり、「拒否されるべき」と記されたリストが、その欄自体の制限に合わせて用意されます。
O'Brien、José、李のような名前。これらは受け付けられるべきです。カードの 境界値の名 にはさらに多くの例があり、<b>Jane</b>のような HTML も含まれます。これはプレーンテキストとして表示されるべきです。- すでに登録済みのアドレス。ページがその旨を伝えるべきか、誰がアカウントを持っているか分からないよう、どちらの場合も「メールを確認してください」と表示すべきかを決めてください。
- 送信ボタンをダブルクリックする。アカウントもメールも 1 つだけになるべきです。
エラーが赤色だけでなく読み上げられること、カーソルが最初のエラーに移ることを確認します。
5. メールを読む
アプリでテスト用アドレスを開き、メール全体を一度読みます:
- 送信者名はあなたの製品名で、件名は分かりやすいですか?
- すべてのリンクがテスト対象のサイトに向いていますか?ステージングサイトで
localhostへのリンクがあると、アドレスの行で警告されます。修正方法。 - コードやリンクの有効期間が書かれている場合、それは正しいですか?
- スマートフォンで読みやすいですか?
その後、コードやリンクを使い、サインインした状態になることを確認します。
6. サインアップの後
- サインアウトして、もう一度サインインします。サインインフォームでは、拡張機能がテストアカウントを提示し(そのサイトで使ったものが先頭)、メールと保存済みパスワードを入力します。
- パスワードをリセットし、古いパスワードが使えなくなることを確認します。
- 見つけたことをテスト用アドレスにメモし、次に見る人のためにそのアカウントと一緒に残します。
7. スマートフォンで、マウスなしで
- 実機のスマートフォンか、ブラウザのデバイスモードでページを開きます。メール欄で @ 付きのキーボードが出ますか?切れていたり、キーボードに隠れたりしている部分はありませんか?
- キーボードだけでフォーム全体を入力します。Tab で移動し、Space でチェックを入れ、Enter で送信します。
- Lighthouse(Chrome DevTools に内蔵)と axe DevTools または WAVE でアクセシビリティの問題を調べ、VoiceOver や NVDA などのスクリーンリーダーでフォームを試します。
- 欄に
autocomplete属性(email、new-password、given-name)があり、パスワードマネージャーやブラウザが正しく入力できることを確認します。
Proxy Mail QA が対象外とすること
- ページの見た目、読みやすさ、コンバージョン。これはあなたやユーザーの判断です。
- アクセシビリティ、速度、SEO:手順 7 のツールを使ってください。
- SMS コードとソーシャルサインイン:受信できるのはメールだけです。
- 「どこで知りましたか?」など、あなたのアプリにしかない欄:ご自身で入力してください。
手動でページが合格したら、変更のたびにエージェントにこれらの確認を繰り返させることができます。AI によるサインアップページのレビュー をご覧ください。