容易被遗忘的错误提示&测试

产品上线前的一个重要步骤就是测试。在测试的过程中发现问题,及时解决,保证最后的上线产品能和设计预期的一致。

最近参与了不少由我主导的即将上线的产品测试,大型项目的测试是有测试部门统一分工的,小型产品的优化测试则由产品设计师和开发工程师配合完成。在测试的过程中,无论是测试部门还是开发工程师,都会将发现的一些问题和个人的建议与产品设计师进行交流和反馈。经历了几轮的产品测试,个人认为测试是极能丰富产品设计师设计经验的过程。因为设计的过程是主要是由产品设计师一人主导,一个人的思路难免有很大的局限,而测试和开发人员则能从不同的角度提出产品存在的问题,而这些问题多半是细节的处理。比如错误提示的位置,比如多种情况的用户操作等等。

站外分享弹窗,优化前&优化后:


优化前的风格(旧版的注册登录页在我保存的时候被这张截图覆盖了,不过样式和风格是一样的)


优化后的注册登录页

必须承认,在这方面我还是个新手,测试的过程容易遗漏一些细节。比如上面的注册登录页,测试的时候我只习惯于显见的操作,比如直接输入登录名和密码,而忽视了注册按钮,及页面上其他链接的检查。同时在站外分享页优化的过程中,我遗漏了当微博的新用户直接使用已有的新浪帐号登录时,可能出现的完善资料页,这就大大降低了“施工”效率。同样是这个页,在重新设计之后,我又忽视了页面的错误提示位置的预留,以至于当开发人员把一切搞定进行测试的时候才发现,这个状态的html不符合要求,接着又需要builder修改,开发调框架,就这样,几个小时又过去了。

是教训也是经验:
  • 测试的时候要养成仔细对照设计文档的习惯,或者弄一份行业普适的测试清单,一一对照,以免遗漏。
  • 产品设计的过程中,记得为错误提示留出位置,或许,这里也需要一份网站可用性清单,以对照。
  • 你能一眼看出左下角的“姚晨”和“黄健翔”是链接吗?正如设计这个页面的视觉设计师所说,当页面的颜色太多,焦点太多的时候,也就没有了焦点。这也是我在测试时漏过了这个小细节的原因之一。这个时候视觉和产品设计师都是无奈的。

相关阅读

Comment here