用户界面测试内容有(界面测试关注用户体验和应用性)

如何进行介面测试？关注点是哪些

在我们网站Web界面设计好之后，需要做详细的测试。下面我和大家分享自己在做Web界面测试的测试点以及应该注意的一些问题。

我们通过用户界面测试来核实用户与软件的交互来进行界面测试，必须明确UI测试的目的——确保用户界面向用户提供了适当的访问和浏览对象功能的操作，除此之外，UI测试还却表UI功能内部的对象符号预期的要求，并遵循公司和行业的标准。

接下来，我们具体的分析一下界面测试的依据从哪些方面着手。

测试目标：

1、窗口与窗口之间、字段与字段之间的浏览，以及各种访问方法(tab键、鼠标移动和快捷键)的使用

2、窗口的对象和特征(例如、菜单、大小、位置、状态和中心)都符号标准

测试方法：

为每个窗口创建或修改测试，以核实各个应用程序窗口和对象都可正确的进行浏览，并处于正常的对象状态。

我们在实际工作当中，针对web应用程序，也就是经常所说的B/S系统，可以从如下方面来进行用户界面测试、

1、导航测试

导航描述了用户在一个页面内操作的方式，在不同的用户接口控制之间，例如按钮、对话框、列表和窗口等;

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

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

2、图形测试

图形包括图片、动画、边框、颜色、字体、背景、按钮等。

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

(2)验证所有页面字体的风格是否一致

(3)背景颜色与字体颜色和背景色相搭配

(4)图片的大小和质量，一般采用jpg或gif压缩，最好能使用图片的大小减小到30k以下

(5)演示文字回绕是否正确，如果说明文字指向右边的图片，应该确保该图片出现在右边，不要因为使用图片而使窗口和段落排列古怪或者出现骨性。

3、内容测试

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

4、表格测试

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

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

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

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

5、整体界面测试

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

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

对所有的用户界面测试来说，都需要有外部人员(与Web应用系统开发没有联系或联系很少的人员)的参与，最好是最终用户的参与。

Web界面测试中需要注意的细节问题：

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

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

3、界面中是否存在错别字

4、界面所有的按钮样式是否一致

5、每个界面是否同原静态页面设计一致(静态页面确认的情况下)

6、操作是否友好

7、界面所有的按钮、下拉框是否有响应

8、界面所有的链接是否正常

9、界面所有的输入框是否都进行校验(例如、搜索框、字段输入框)

10、界面所有的列表页标题字是否会折行，标题字是否统一居中等，当然也可以居左，这需要同客户沟通(折行的话影响美观)

11、界面所有的展示图片是否样式一致

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

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

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

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

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

【web测试】界面测试（UI）

简称UI测试，测试功能模块界面上看到的所有元素（包括文字、控件等）颜色风格是否统一，布局是否合理、美观，符合用户习惯等等

核实用户与软件之间的交互，确保用户界面会通过测试对象的功能来为用户提供相应的访问或浏览功能

如：页面基调颜色刺眼；用户登入页面比较难于找到；文字中出现错别字；页面图片范围太广

缺陷影响：用户友好性、人性化、易操作性

进入一个页面测试，首先是检查title、页面排版、字段等，而不是马上进入文本框校验

（1）页面名称title是否正确

（2）文字格式统一性，字体属性是否正确

（3）元素大小是否合适，元素内容是否显示正确、易懂、友好

（4）排版是否整齐，界面元素是否对齐方式统一

（5）列表项显示字段是否齐全，列表项字段名称是否跟表单统一

（6）同一页面，是否出现字段名称相同、值取不同的问题。

（7）数据加载情况。

（1）文案：字体、字号、格式、规范（标题和正文、中英文换行、错别字、大小写、全半角标点）；

（2）图片：类型、大小、尺寸、是否变形；

（3）布局：尺寸大小、位置合理、排序规律、对齐方式

（4）控件：对话框、文本框、滑动滚轮、上下微调按钮、选项按钮

（5）快捷键：是否重复、如何切换、是否冲突、和系统常用快捷键冲突、和其他软件快捷键冲突、常用键盘键

用户注册界面测试用例

1.填写符合要求的数据注册：用户名字和密码都是最大长度(边界值分析)

2.填写符合要求的数据注册：用户名字和密码都是最小长度(边界值分析)

3.填写符合要求的数据注册：用户名字和密码都非最大和最小的数据(边界值分析，取内点)

4.必填项为空注册

5.用户名长度大于要求注册1位(边界值分析)

6.用户名长度小于要求注册1位(边界值分析)

7.密码长度大于要求注册1位(边界值分析，取离点)

8.密码长度小于要求注册1位(边界值分析)

9.用户名是不是符合要求的字符注册(划分几个无效的等价类，如是否有#，空格， 等

10.密码是不是符合要求的字符注册(划分无效等价类)

11.俩次输入密码不一致(可以划分几个无效等价类)

12.重新注册存在的用户

13.改变存在的用户的用户名和密码的大小写，来注册

14.看是否支持tap和enter键等；密码是否可以复制粘贴；密码是否有加密 号等

具体情况.具体分析。比如银行卡密码不用考虑非法输入和英文字母输入。也不用考虑tap键

1.不能输入旧密码，直接改密码

2.输入错误旧密码

3.不输入确认新密码

4.不输入新密码

5.新密码和确认新密码不一致

6.新密码中有空格

7.新密码为空

8.新密码为符合要求的最多字符

9.新密码为符合要求的最少字符

10.新密码为符合要求的非最多最少字符(取中间值)

11.新密码为最少字符-1

12.新密码为最少字符+1

13.新密码为最多字符-1

14.新密码为最多字符+1

15.新密码为非允许字符(如有的密码要求必须是英文和数字组成.那么要试汉字字符等)

16.看是否支持tap和enter键；密码是否可以复制和粘贴;密码是否以*进行加密

17.看密码是否区分大小写，新密码中英文小写，确认密码中英之大写

18.新密码和旧密码一样能否修改成功，另外一些其他想法如下:

A:要测试所有规约中约定可以输入的特殊字符，字母和数字，要求都可以正常输入，显示正常和添加正常

B:关注规约中的各种限制，比如长度，是否支持大小写

C:考虑各种特殊情况，比如添加同名同户，系统是否正确校验给出提示信息

D:数字上的长度之类的，包括出错信息是否合理

E:特殊字符:比如: / ' " 等是否会崩溃

F:注入式BUG.比如密码输入or 1 = 1

用户界面测试的重点是

用户界面测试英文名为User interface testing，简称UI测试，重点是测试用户界面的风格是否满足客户要求，文字是否正确，页面是否美观，文字、图片组合是否完美，操作是否友好等等。