UI测试常见问题的总结

UI测试总结：样式、交互

PC端:

1. 页面文字大小不一致问题，粗细不一致问题。

2. 样式距离（以及文案的宽px，文案的长px），以及文案上下的间距显示。

3. 图片与UI设计稿的大小是否一致。

4. 选中后的阴影或者样式是否与UI图一致。

5. 注意点：有些页面中的小图标需要仔细看（会有很多），容易与UI图不一致。

6. 有些文案中的背景框是灰色的，不是很明显，需要注意。

7. 图片或者banner进行缩放时，是否正常，图片中的文案是否会随着图片进行一起缩放。

8. 图片中有文案时，需要仔细核对文案是否正确以及文案的大小、间距和样式。

9. 有轮播图时，手动切换banner后，轮播图是否会继续轮播。

10. 部分文案或者文章之间有时会存在“灰色的细线”来区分（需要注意）。

11. 选择某一模块后，浏览器的标题是否和当前页面一致或相关。

12. 文章的显示，样式是否右对齐、左对齐等

13. 屏幕不同尺寸大小，有些样式以及图片会变形或者换行（尺寸兼容性）。

14. IE浏览器：文案超出框外，图片尺寸与UI不一致等问题（兼容性问题-各种浏览器）。

移动端:

1. PC端的部分问题在移动端也有可能会出现。

2. 兼容性：屏幕尺寸太小、会导致样式或者图片重叠，文字丢失（不同手机）。

3. 文案应为一行时，是否出现了换行问题。

4. 部分有弹窗时，继续滑动，检查背景是否有固定。

5. 当选择某一模块或者目录时，最好给用户有标识，最好居中（交互）。

6. 当页面有图片过多的时候，是否可以左右滑动进行查看。（也要注意图片和左右两边的间距，首位的图片不能太挨着屏幕的边，不美观。）

7. 各种手机兼容性测试，不同版本，不同手机浏览器，不同的型号、尺寸大小（小屏幕手机要重点测试）。

总结起来，不管是PC端还是移动端，缺少文案、间距或字体大小的BUG最多，需留意。

页面功能：

1. 部分页面会有链接的跳转，检查是否会跳转错误。

2. 轮播图是否可以点击跳转到相应的页面。

3. 有一二三级路径时，在3级路径中点击2级路径是否能正确跳转到2级路径

4. 有多页的文章时，查看页码是否正确，点击数字跳转是否正确

5. 有时会有后台配置在前端进行展示，所以也需要测试下前后端的交互，以及前端的展示是否符合需求。