UI測试内容

我们在实际工作其中，针对web应用程序，也就是常常所说的B/S系统，能够从例如以下方面来进行用户界面測试：

导航測试

导航描写叙述了用户在一个页面内操作的方式，在不同的用户接口控制之间，比如button、对话框、列表和窗体等；

不同的链接页面之间，通过考虑下列问题，能够决定一个web应用系统是否易于导航；导航是否直观？web系统的主要部分是否可通过主页存取?web系统是否须要网站地图、搜索引擎或其它的导航帮助；

当然，这些同美工以及客户需求有关。我们是依据已经确认的页面进行測试就可以。

图形測试

图形包含图片、动画、边框、颜色、字体、背景、button等

（1）要确保图形有明白的用途，图片或动画不要胡乱的堆在一起，以免浪费传输时间，web应用系统的图片尺寸要尽量地小，而且要能清楚的说明某件事情。一般都链接到某个详细的页面

（2）验证全部页面字体的风格是否一致

（3）背景颜色与字体颜色和背景色相搭配

（4）图片的大小和质量，一般採用jpg或gif压缩，最好能使用图片的大小减小到30k下面

（5）演示文字回绕是否正确，假设说明文字指向右边的图片，应该确保该图片出如今右边，不要由于使用图片而使窗体和段落排列古怪或者出现骨性。

内容測试

内容測试用来检验Web应用系统提供信息的正确性、准确性和相关性。信息的正确性是指信息是可靠的还是误传的。信息的相关性是指是否在当前页面能够找到与当前浏览信息相关的信息列表或入口，也就是一般Web网站中的所谓"相关文章列表"。

表格測试

须要验证表格是否设置正确，用户是否须要向右滚动页面才干看见产品的价格？

把价格放在左边，产品细节放在右边是否更有效？

每一栏的宽度是否足够宽，表格里的文字是否都有折行？

是否由于某一格的内容太多，而将整行的内容拉长？

总体界面測试

总体界面是指整个Web应用系统的页面结构设计，是给用户的一个总体感。比如：当用户浏览Web应用系统时是否感到舒适，是否凭直觉就知道要找的信息在什么地方？整个Web应用系统的设计风格是否一致？

对总体界面的測试过程，事实上是一个对终于用户进行调查的过程。一般Web应用系统採取在主页上做一个调查问卷的形式，来得到终于用户的反馈信息。

如今大部分客户对界面的要求很高，所以对于測试人员来讲，也必须特别注意界面的一些东西。从前几个项目来看，个人觉得界面測试的測试点以及应该注意的问题：

界面的线条是否一致，每一个界面中线条是否对齐，是否一致。（静态页面没有确认的情况下）

整个系统的界面是否保持一致

界面中是否存在错别字

界面全部的button样式是否一致

每一个界面是否同原静态页面设计一致（静态页面确认的情况下）

操作是否友好

界面全部的button、下拉框是否有响应

界面全部的链接是否正常

界面全部的输入框是否都进行校验（比如：搜索框、字段输入框）

界面全部的列表页标题字是否会折行，标题字是否统一居中等，当然也能够居左，这须要同客户沟通（折行的话影响美观）

界面全部的展示图片是否样式一致

浏览器的兼容性问题，检查页面在不同浏览器下是否会发生异常

每一个页面的提示字体的颜色、格式是否统一准确

界面中全部字段后面是否都存在冒号，有冒号，查看是否冒号为统一的中文冒号还是英文冒号。

界面中的提示说明叙述是否太啰嗦，有时候须要能简化尽量简化，而且字体显示格式一致，颜色统一。

在web站点，一般常常是后台控制前台的显示，因此在对后台进行数据加入时，查看前台是否有变化，而且查看界面的数据是否溢出框外。

当然，我们在进行界面測试时，必须明白UI測试的目的，它是确保用户界面通过測试对象的功能来为用户提供对应的訪问或浏览功能。

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

界面測试的方法要点

一、界面的測试要点：

１、标题栏

a、标题文字描写叙述的正确性

b、标题栏中（最大化、最小化、关闭）button，依据窗体的特性，如没有最大化或者最小化状态的窗体，应该不显示最大化和最小化button，或者把buttonDisable状态显示。

２、文字

（1）文字描写叙述的准确性：

a、检查文字的描写叙述和所相应的功能是否一致；

b、检查错别字。

（2）文字用语的一致性：

（菜单、界面button或者Label等、ToolTip、窗体标题）

比方选项设置，在主界面的有button能够进入选项设置对话框，或者菜单中有菜单项可进入选项设置对话框中，那么，button、菜单、对话框的标题都应该统一用词，如用“选项”或者“设置”，而不能又用“选项”，又用“设置”，或者还有其它的的用词。

（3）为了全面的检查全部的文字，应该检查程序中的全部文字资源，由于一些对话框可能比較难在黑盒測试的时候能全部都出现过。

３、控件

（1）控件对齐：

a、并排关系的控件间应该左对齐，同行的控件应该横向对齐。

b、有所属关系的控件应该缩进。

（2）控件状态：

a、不能操作的的控件的状态应该为Disable，这样界面也起到引导用户使用操作的效果。

b、有依赖关系的控件，比方（几个选项供选择（CheckBox或者RadioBox），每一个选项以下都有独立的设置（其它的控件：Edit、ComboBox、CheckBox等），那么当所属的选项没有选中时，其以下的控件应该是Disable的，相反为Enable。

（3）控件的TabOrder

控件的TabOrder应该依次从上到下、从左到右的顺序，界面中默认的TabOrder应该落在界面上的第一个Enable状态的控件上面。

（4）控件的右键菜单支持

同意输入的控件都应该支持右键菜单，方便习惯使用右键菜单的用户复制、剪切、粘贴、全选等操作。

（5）控件的操作方式

a、单行文本的Edit输入框中，对回车符的支持：回车默认操作是本窗体中的“确定”button的功能。

b、在可操作的列表控件（List、ListView）中，鼠标双击的操作、键盘操作都应该有相应的默认操作。比方以下的图中，双击列表中某一项，默认操作就是Modifybutton的操作；双击列表中的空白处，默认操作应该是Addbutton的操作；选中列表中的项的情况下，按下Delete键，默认操作应该是Removebutton的操作。

（6）Edit控件对输入的有效性推断

a、类型推断：整型、浮点型的数据输入框中，不同意输入非表示数据的其它字符串（如：abcd或者其它字符等）；

b、大小推断：数据类型的数据如有大小范围限制的，要对输入的大小进行推断（如：表示月份的输入框中，仅仅能同意输入1－12的数字。

c、长度推断：假设是程序处理的字符串有长度限制，可是输入框中没有对输入的数据长度进行限制，将有可能会造成程序错误，或者处理后的结果和输入的不相符合。

d、正确性推断：表示路径的或者文件名称全路径的输入框，要对输入的路径是否为有效的路径进行推断，如：输入aaaa或者 C:////等为不对的输入。

４、图片

图片显示的篇幅不要太大。

５、界面总体的颜色搭配

６、窗体在任务栏上的系统菜单

每一个应用程序，如窗体在系统任务栏上有缩小图标的，都应该有系统右键菜单的支持（还原、最大化、最小化等），要測试右键菜单中各个项的Enable和Disable状态的正确性以及功能的正确性。

二、提示对话框測试要点：

1、文字描写叙述的正确性

2、图标显示的正确性：

a、程序错误、操作错误、禁止操作等的提示：MB_ICONHAND, MB_ICONSTOP，MB_ICONERROR

b、询问的提示：MB_ICONQUESTION

c、感叹、警告的提示：MB_ICONEXCLAMATION ，MB_ICONWARNING

d、普通信息的提示：MB_ICONASTERISK，MB_ICONINFORMATION

三、界面測试准则：界面的正确性、一致性、友好性、易用性。

用户界面測试是从终于的使用者用户的角度来看软件，软件难以理解，不易使用就是软件缺陷。能够从下面几个方面重点来检查用户界面：

1、易用性检查：确保软件易于理解，方便使用。

2、一致性检查：

A、注意系统页面的风格是否一致，如字的大小、颜色、字体要同样。

B、提示信息的表达方式是否一致。

C、button排列顺序是否一致。

D、back, cancel等button跳转页面处理是否一致。

E、各字段的名称，位置、长度、类型是否和设计文档要求一致，如Employee No和LoginName不一致。

3、正确性检查：检查页面上的form, button, table, header, footer,提示信息，还有其它文字拼写，句子的语法等是否正确。

4、友好性检查：

A、提示信息是否友好.

B、系统应该在用户运行错误的操作之前提出警告，提示信息.

C、页面分辨率检查，在各种分辨率浏览系统检查系统界面友好性。

5、合理性检查：做delete, update, add, cancel, back等操作后，查看信息回到的页面是否合理。

6、检查本地化是否通过：英文版不应该有中文信息，英文翻译准确，专业。

7、页面最大化检查：測试最大化/最小化/还原时页面是否做了相应的处理。