Web测试中的UI测试详解：容易忽略的14个测试点汇总

有软件的地方就有界面，就会有界面测试。界面测试是软件测试中，最多，最繁琐，最简单的测试。尤其在本地化测试(多国语言测试)中，有很多的界面测试。

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

UI测试的目的：

确保用户界面会通过测试对象的功能来为用户提供相应的访问或浏览功能

确保用户界面符合公司或行业的标准

通过用户界面 (UI) 测试来核实用户与软件的交互

UI 测试的目标在于确保用户界面向用户提供了适当的访问和浏览测试对象功能的操作

除此之外，UI 测试还要确保 UI 功能内部的对象符合预期要求，并遵循公司或行业的标准

一般情况下我们进行界面测试，直接依据产品原型图以及UI切图/效果图，进行对比验证，确认是否一致。 但是如果碰到公司没有原型图，没有UI效果图怎么破？ 毕竟同是天涯沦落人的情况太多了~~

那么我们可以参考市场上同类型的成熟产品来做界面比对，且考虑以下几个方面：

导航测试

图形测试

内容测试

表格测试

整体界面测试

接着我分享的就是界面测试中我们容易忽略或者是需要我们注意的测试点：

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

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

检查界面是否存在错别字或者是不合适的字；

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

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

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

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

检查系统中是否存在无用的链接，即不需要做成链接的地方做成了链接，并且点击不能正常跳转或是跳转错误；

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

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

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

检查界面中使用的字体风格和大小是否一致，格式是否统一准确；

检查所有的字段后面是否有需要的冒号，查看是否冒号为统一的中文冒号还是英文冒号，即中英文符号是否统一；

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

测试方法：

静态测试：对于用户界面的布局，风格，字体，图片等与显示相关的部分测试应该采用静态测试，比如点检表测试，即将测试必须通过的项用点检表一条一条列举出，然后通过观察确保每项是否通过。

动态测试：对用户界面中各个类别的控件应该采用动态测试，即编写测试用例或者点检表，对每个按钮的响应情况进行测试，是否符合概要设计所规定的条件，还可以对用户界面在不同环境下的显示情况进行测试。

界面测试用例的设计方法

窗体
测试窗体的方法：
a、窗体大小，大小要合适，控件布局合理;
b、移动窗体。快速或慢速移动窗体，背景及窗体本身刷新必须正确;
c、缩放窗体，窗体上的控件应随窗体的大小变化而变化;
d、显示分辨率。必须在不同的分辨率的情况下测试程序的显示是否正常。
进行测试时还要注意状态栏是否显示正确，工具栏的图标执行操作是否有效，是否与菜单懒中图标显示一致;错误信息内容是否正确、无错别字且明确等等。
2、控件
测试方法：
a、窗体或控件的字体和大小要一致;
b、注意全角、半角混合;
c、无中英文混合。

菜单
进行测试时要注意：
a、选择菜单是否可以正常工作、并与实际执行内容一致;
b、是否有错别字;
c、快捷键是否重复;
d、热键是否重复;
e、快捷键与热键操作是否有效;
f、是否存在中英文混合;
g、菜单要与语境相关、如、不同权限的用户登陆一个应用程序、不同级别的用户可以看到不同级别的菜单并使用不同级别的功能;
h、鼠标右键快捷菜单。
4、特殊属性
a、安装界面应有公司介绍或产品介绍、有公司的图标;
b、主界面及大多数界面最好有公司图标;
c、选择“帮助”->“关于”命令、应看见相关版权和产品信息。

总结：

现在一般人都有使用浏览器浏览网页的经历，用户虽然不是专业人员但是对界面效果的印象是很重要的。如果你注重这方面的测试，那么验证应用程序是否易于使用就非常重要了。

很多人认为这是测试中最不重要的部分，但是恰恰相反界面对不懂技术的客户来说那相当关键，慢慢体会你会明白的，界面测试应当引起重视！

欢迎加入  51软件测试大家庭，在这里你将获得【最新行业资讯】，【免费测试工具安装包】，【软件测试技术干货】，【面试求职技巧】... 51与你共同学习，一起成长！期待你的加入： QQ    群：   755431660