UI设计师如何做好测试工作

大多数公司的项目测试是由测试团队来完成的。但是测试团队更加重视的是流程完整和功能bug等问题，所以对于视觉效果还是要由 UI 设计师来把关的。所以今天来给大家自己讲讲 UI 设计师如何做好测试工作的。

一、测试目的

1. 保证上线产品和设计稿有较高的还原度。设计稿做的再好用户是看不到的，用户能看到的只有上线后的效果。所以只有线上的效果和设计稿有较高的还原度才能有更好的用户反馈才能提升产品的口碑。

2. 明确视觉问题整理后续版本优化点。大多数产品都是经过一版一版的迭代才逐步接近完美的。当我们好好审视自己做的项目，发现其中的问题并能想到更好的优化方案才能使我们不断进步。

二、测试流程

集成测试包：开发人员完成打包通知相关测试人员进行测试

设计测试：按照测试排期在规定时间内来完成测试工作，并提前整理需要设计提供的资料

开发修改：明确修改人、修改状态或进度及时跟进

修改确认：修改完成之后经过设计师的再次确认才能标记完成，在发布新版本之后需要对之前测试的问题进行回归

三、测试内容

间距（行、段落、列表之间）

切图（清晰度、是否准确）

颜色、渐变色（是否一致、是否偏色）

图片（图片大小、位置及清晰度）

文案内容（错别字、段落长度、行高及行间距）

特殊型号／特殊版本（屏幕较长+屏幕较宽+屏幕很大）

点击反馈（各种状态）

四、文档规范

测试的文档一般是给开发的同事来看，为了提高效率避免二次沟通一定要在文档里把所有需要明确的信息明确出来，基本上我们的文档里以下内容是必须要有的：

1. 手机机型，不同手机机型展示效果会有差异

2. 操作系统，不同操作系统展示效果会有差异

3. 问题描述，问题页面的截图和相关文字描述

4. 设计稿，对比正确的页面样式来进行修改

5. 切图标注，更新的切图和标注所在位置

五、其它

1. 所有参与到项目里面的人都需要进行测试，每个人的细致程度和看问题的角度不一样，多一个人来进行测试，最终上线的问题就会更少

2. 选择合适的测试协作工具，一般用禅道的会比较多，工具是为了帮助大家提高协作效率合适的就可以

3. 提交修改的内容要进行二次审核，避免提交的问题有错误的情况，一般审核是由该项目的设计负责人来做
   

4. 合理安排测试时间，测试整体流程和设计的进入流程参与测试的同学都要清楚，要更加有节奏而不能没有规划的随意测试

5. 把测试的过程当成学习的过程，总结视觉问题及后续的优化点

好了，有了这些内容 UI 设计师的测试工作基本上就可以顺利完成，希望能够对大家的工作有帮助，如果有问题和疑问可以评论我会定期回复哒，如果觉得有帮助麻烦点个赞和关注，能给一些鼓励让我继续努力，谢谢～