先说我们的建议。 Proxy Mail QA 是我们做的,所以我们并不中立。在这份清单里,我们推荐在两个步骤中使用它:用 Proxy Mail QA for Chrome 点一下就用新的测试账号填好表单,以及在不使用你自己收件箱的情况下拿到验证码或链接。清单的大部分内容不需要任何产品,只需要你的浏览器、一部手机,以及我们在过程中提到的几个免费工具。Proxy Mail QA 不评判你的设计、文案、无障碍或速度。
1. 开始之前
- 使用预发布或本地副本,而不是线上网站,这样测试账号不会混进真实用户中。
- 每次尝试都用新的邮箱地址。 用同一个地址注册两次,测试的是“已注册”路径,而不是注册本身。你自己的 Gmail 加上加号标签可以试一两次,但邮件会和你的个人邮件混在一起,而且有些应用不接受加号标签。
- 把密码规则准备好,从代码或认证服务的设置中获取,这样你可以对照页面所说的和它实际的行为。
2. 输入之前先看
- 每个字段都是必需的吗?每多一个字段都会减少注册量。问问为什么要有电话号码或公司名称。
- 每个字段都有可见的标签,而不只是输入时就消失的占位文字吗?
- 密码规则是在用户输入之前显示,而不只是在出错之后吗?
- 有没有给已有账号的人准备的登录链接,以及指向条款和隐私政策的链接?
- 接下来会发生什么是否清楚:“我们会通过邮件给你发送验证码”?
3. 像新用户一样填写一次
使用 Proxy Mail QA for Chrome(免费,适用于 Chrome、Edge、Brave 和 Arc):
- 打开你的注册页面,点击工具栏中的扩展,选择为此网站开启。Chrome 只请求访问这一个网站,不会在其他地方运行。
- 点击邮箱字段中的 Proxy Mail QA 按钮,选择用新的测试账号填写。它会填写邮箱和确认邮箱、名和姓或全名、用户名、出生日期,以及密码和确认密码,密码会符合字段的长度和格式规则。公司、电话等其他字段留给你自己填写。
- 提交。扩展会询问是否将密码保存到测试地址,方便你以后用这个账号登录。
- 邮件到达后,验证码会显示在页面上的卡片中,带有填写和复制按钮。验证链接带有打开按钮,在新标签页中打开。
不使用扩展时,在 app.proxymail.qa 创建一个地址并复制过去;邮件到达后,验证码或链接会显示在该地址所在行。想先试试,可以用这个练习注册页面。
4. 故意制造错误
以下每种情况都应在字段处给出清楚的文字错误提示,且不清空已输入的内容:
- 全部留空直接提交。
- 没有 @ 或有两个 @ 的邮箱。
- 确认邮箱或确认密码不一致。
- 不符合规则的密码。扩展的卡片提供边界情况密码,其中有一组标记为“应被拒绝”,按你的字段自身的限制生成。
- 像
O'Brien、José或李这样的名字,应被接受。卡片中的边界情况名字提供更多,包括<b>Jane</b>这样的 HTML,应显示为纯文本。 - 已注册过的地址。决定页面是直接说明,还是无论如何都显示“请查看你的邮箱”,让任何人都无法查出谁有账号。
- 双击提交按钮。应该只产生一个账号和一封邮件。
检查错误会被读屏播报,而不只是标红,并且光标会跳到第一个错误。
5. 阅读邮件
在应用中打开测试地址,完整阅读一遍邮件:
- 发件人名称是你的产品吗?主题清楚吗?
- 每个链接都指向你正在测试的网站吗?预发布网站上指向
localhost的链接会在该地址所在行被标出。如何修复。 - 如果邮件写明了验证码或链接的有效期,这是真的吗?
- 在手机上阅读效果好吗?
然后使用验证码或链接,确认你最终处于登录状态。
6. 注册之后
- 退出后重新登录。在登录表单上,扩展会列出你的测试账号,优先显示在该网站用过的,并用保存的密码填写邮箱和密码。
- 重置密码,确认旧密码已失效。
- 把你发现的问题记在测试地址上,这样下一个查看的人能在这个账号上看到。
7. 在手机上,以及不用鼠标
- 在真实手机上或浏览器的设备模式中打开页面。邮箱字段弹出的键盘带 @ 吗?有没有内容被截断或被键盘挡住?
- 只用键盘填完整个表单:用 Tab 切换,用空格勾选,用回车提交。
- 运行 Lighthouse(内置于 Chrome DevTools)以及 axe DevTools 或 WAVE 检查无障碍问题,并用 VoiceOver 或 NVDA 等读屏软件试用表单。
- 检查字段带有
autocomplete属性(email、new-password、given-name),以便密码管理器和浏览器正确填写。
Proxy Mail QA 不涵盖的内容
- 页面的外观、文案和转化效果。这需要你或你的用户来判断。
- 无障碍、速度和 SEO:使用第 7 步中的工具。
- 短信验证码和社交登录:它只接收邮件。
- 只有你的应用才有的字段,例如“你是从哪里知道我们的?”:需要你自己填写。
手动测试通过后,你可以让智能体在每次改动时重复这些检查:参见 AI 注册页面审查。