大家好，我是十一。

前情回顾

上篇我们讲了界面测试，我们先来回顾下：

界面测试

概念：GUI（Graphical User Interface，图形用户界面）测试是指测试用户可见的应用程序的功能

与UI区别：UI包括GUI和CUI（命令行界面）。CUI需要记录命令，但是占用资源少。GUI简单方便，占用资源大。

优秀GUI具备的7要素：符合标准和规范、直观、一致、灵活、舒适、正确、实用。

通过前2篇的文章，我们知道好的GUI必须具备7要素，那界面测试具体要测试哪些呢？今天，我们就来详细说说。

界面测试-分类

除了以上要遵循的7要素，界面测试主要分为以下几大类来测试：

原型测试

一般在需求确认后由需求或者UI出一版原型设计（是一个静态页面集合，可以说是系统原型，未来的系统基本上就是这个样子的），测试的工作是看其功能是否与需求相符，设计是否合理、舒适，信息展示是否直观，使用是否便捷易懂，风格是否一致，页面跳转是否准确恰当。

原型测试通过后会拿给项目经理审核，最终是要送到客户那去审核，让客户确认是否是用户想要的。如果不是在继续修改，直道双方达成一致意见为止。

导航测试

导航描述了用户在一个页面内操作的方式，在不同的用户接口控制之间，例如按钮、对话框、列表和窗口等；或在不同的连接页面之间（如下图所示，所有标注的地方都是导航测试）。通过考虑下列问题，可以决定一个应用系统是否容易导航：导航是否直观？系统的主要部分是否可通过主页存取？系统是否需要站点地图、搜索引擎或其他的导航帮助？

导航要测试的部分是：

1.精准定位：导航需要精准的连接到相应地方，比如跳转到相应的页面，如上图所示，点击首页就要跳到首页，点击自动回复要到自动回复部分。

2.简单易懂：导航是为了让用户简单快速的定位到自己的目的地，从而很快地扫描一个系统，看是否有满足自己需要的信息，如果没有，就会很快地离开。

3.风格一致：系统的页面结构、导航、菜单、连接的风格应该保持一致，确保用户凭直觉就知道系统里面是否还有内容，内容在什么地方。

很少有用户愿意花时间去熟悉系统的结构，因此，系统导航帮助要尽可能地准确且简单易懂。

图形测试

一个系统的图形可以包括图片、动画、边框、颜色、字体、背景、按钮等。图形测试的内容有：

1.首先要确保页面上各个元素均能正常显示，不会有违和感（图片拉伸、字体乱码、动画卡顿显示不全等）。

2.要确保图形有明确的用途，图片或动画不要胡乱地堆在一起，以免浪费传输时间。系统的图片尺寸要尽量地小，并且要能清楚地说明某件事情，一般都链接到某个具体的页面。（比如淘宝我们输入“短袖”后出来很多条图片，展示短袖列表，图文展示，图片就是我们的商品图或者模特试穿图等，点击每个图片或者文字都可以进入商品详细页面。）

3.确保所有页面字体、大小保持一致，所有页面排版风格一致。

4.确保图片的大小和质量都要协调，不仅要清晰显示，还要求图片比较小，不然网速、内存对其影响较大。

5.所有页面的按钮、边框样式一致。按钮的颜色、大小、位置、鼠标悬浮样式、鼠标离开样式等；边框的粗细、颜色、以及什么时候用边框等。

6.背景与页面其他元素色彩协调，风格一致。

测试原则是页面上所有组件/元素都要求进行测试。

内容测试

内容测试用来检验系统提供信息的正确性、准确性和相关性。

1.信息的正确性是指信息是可靠的。例如，在商品价格列表中，错误的价格可能造成经济损失甚至导致法律纠纷；

2.信息的准确性是指是否有语法或拼写错误。这种测试通常使用一些文字处理软件来进行，例如使用Microsoft Word的"拼音与语法检查"功能；

3.信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口，也就是一般Web站点中的所谓"相关文章列表"。

在开发的时候，开发人员可能不注重文字表达，这样出来的产品可能产生严重的误解。因此测试人员需要检查内容的文字表达是否恰当。否则，公司可能陷入麻烦之中，也可能引起法律方面的问题。测试人员应确保站点看起来更专业些。过多地使用粗体字、大字体和下划线可能会让用户感到不舒服。 最后，需要确定是否列出了相关站点的链接。很多站点希望用户将邮件发到一个特定的地址，或者从某个站点下载浏览器。但是如果用户无法点击这些地址，他们可能会觉得很迷惑。

表格测试

需要验证表格是否设置正确。用户是否需要向右滚动页面才能看见产品的价格？把价格放在左边，而把产品细节放在右边是否更有效? 每一栏的宽度是否足够宽，表格里的文字是否都有折行？是否有因为某一格的内容太多，而将整行的内容拉长?当信息特别多一屏幕展示不全的时候，表格会不会有下拉列表，能不能展示全。以上都是表格测试的点。

整体页面测试

整体界面是指整个系统的页面结构设计，是给用户的一个整体感。例如：当用户浏览系统时是否感到舒适，是否凭直觉就知道要找的信息在什么地方？整个系统的设计风格是否一致？对整体界面的测试过程，其实是一个对最终用户进行调查的过程。

好了，今天的内容到此结束，如有任何问题请留言与我沟通，我会尽快回复大家！谢谢大家~我们下次再见！