如何做页面测试

一、UI界面测试要点
1、界面的线条是否一致，每个界面中线条是否对齐，是否一致。（静态页面没有确认的情况下）。
2、整个系统的界面是否保持一致。
3、界面是否存在错别字。
4、界面上的按钮样式是否一致。
5、每个界面是否同原静态页面设置一致（静态页面确认的情况下）
6、操作是否友好。
7、界面所有的按钮、下拉框是否有响应。
8、界面所有的链接是否正常；
9、界面所有的输入框是否都进行校验（例如：搜索框、字段输入框）。
10、界面所有的展示图片是否样式一致。
11、界面所有的列表页标题字是否会换行，标题字是否统一居中等，当然也可以居左，这要看公司规范；
12、浏览器的兼容性问题，检查页面在不同浏览器下是否会发生异常；
13、每个页面的提示字体的颜色、格式是否统一准确；
14、界面中所有字段后面是否都存在冒号，冒号，查看是否冒号为统一的中文冒号还是英文冒号。
15、界面中的提示说明阐述是否太啰嗦，有时候需要能简化尽量简化，并且字体显示格式一致，颜色统一。
16、在web网站，一般经常是后台控制前台的显示，因此在对后台进行数据添加时，查看前台是否有变化，并且查看界面的数据是否溢出框外。

二、UI界面测试方法
1、窗口与窗口之间，字段与字段之间的浏览，以及各种访问方法（tab键、鼠标移动和快捷键）的使用；
2、窗口的对象和特征（例如：菜单、大小、位置、状态和中心）都符合标准；
测试方法：为每个窗口创建或修改，以核对各个应用程序窗口和对象都可正确的进行浏览，并处于正常的对象状态。

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

4、图形测试
图形包括图片、动画、边框、颜色、字体、背景、按钮等。
1）要确保图形有明确的用途，图片或动画不要胡乱的堆在一起，以免浪费传输时间，web应用系统的图片尺寸要尽量的小，并且要能清楚的说明某种事情，一般能链接到某个具体的页面；
2）验证所有页面字体的风格是否一致；
3）背景颜色与字体颜色和背景色相搭配；
4）图片的大小和质量，一般采用jpg或gif压缩，最好能使用图片的大小减小到30K以下；
5）演示文字回绕是否正确，如果说明文字指向右边的图片，应该确保该图片出现在右边，不要因为使用图片而使窗口和段落排列古怪合作出现骨性；

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

6、表格测试
需要验证表格是否设置正确，用户是否需要向右滚动页面才能看见产品的价格？
把价格放在左边，产品细节放在右边是否更有效？
每一栏的宽度是否足够宽，表格里的文字是否都有换行？
是否因为某一格的内容太多，而将整行的内容拉长？

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