web界面测试细节

界面测试中的细节

界面测试就是行业中简称的UI测试，即测试用户界面的功能模块的布局是否合理、整体风格是否一致、各个控件的放置位置是否符用户使用习惯，此外还要测试界面操作便捷性、导航简单易懂性，元素的可用性，界面中的文字是否正确，命名是否统一，页面是否美观，文字、图片组合是否完美等等。

以下是界面中我们容易忽略或者我们注意的测试点：

1、 检查整个系统的界面是否和效果图一样（对照设计出来的效果图）；

2、 并且检查整个系统所有界面的界面风格和设计是否一致；

3、 检查界面是否存在错别字或者是否不合适的字，或者文字不统一，比如：账号与帐号，登录与登陆（这个我们测试中经常遇到，给使用第一感觉就是，这个软件太low，居然还有错别字）；

4、 检查界面上的所有按钮的样式是否一致，是否正确；

5、 检查操作界面操作是否友好，用户交互是否亲善；

6、 检查界面所有的按钮，下拉框或者导航箭头是否有反应，且是正确的反应；

7、 检查系统上的链接是否正确的链接地址，且能正确跳转；

8、 检查系统中是否存在无用的链接，即不需要做成的链接地方做成了链接，并且点击不能正常跳转或者跳转错误（这个需要需求说明，但是我认为即使需求没有明确的说明，程序员在设计的时候也应该考虑到）；

9、 检查界面中所有的输入框是否都做了检验，比如输入框的最大限制字符，超过输入框的最大限度，系统是如何做处理，而不是报错或者出现其他错误；

10、 检查界面中的标题或者内容输入过多时，是否会进行换行或者隐藏处理，而不是出现界面错位等现象；

11、 检查系统在不同浏览器的兼容性问题，检查页面在不同浏览器下是否发生异常，当用户调整浏览器窗口大小时，是否会出现界面不兼容的情况；

12、 检查界面中使用的字体风格和大小是否一致，格式是否统一准确（当然根据不同的需求可做不同的调整）；

13、 检查所有的字段后面是否有需要的冒号，查看是否冒号为统一的中文冒号还是英文冒号，即中英文符号是否统一（测试中遇到账号字段名后面是中文符号，密码字段名后面是英文符号的情况，这些都是程序员在设计的时候不注意产生的）；

14、 检查界面中的图片是否显示正确，是否被裁减，是否被拉伸变形，是否显示完全；

15、 一般的网页上的数据基本都是搭配后台使用的，即前台网页上的数据是由后台添加的，前台网页显示数据，这个时候我们要注意搭配前后台测试，检查数据是否一致，后台添加的数据内容过多时，前后台界面是否会出现界面问题。

以上列举的这些测试点中，有很多是程序员在设计的时候不仔细而导致的问题，所以这就要求我们测试人员需要在测试的时候更加仔细、思考的更多，避免出现这样的问题！