web测试之界面测试_网页图形图像测试(1)

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上软件测试知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

1、导航测试

2、图形测试

3、内容测试

4、表格测试

5、整体界面测试

导航测试

导航是指位于页面顶部或者侧边区域的，它起着链接站点或者软件内的各个页面的作用。

1、是否易于导航？导航是否直观？

2、Web系统的主要部分是否可通过主页存取？

3、Web应用系统导航帮助要尽可能地准确。

4、Web系统是否需要站点地图、搜索引擎或其他的导航帮助？

5、页面结构、导航、菜单、连接的风格是否一致

图形测试

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

1、要确保图形有明确的用途。比如banner页图片的广告宣传

2、所有页面字的风格、颜色、格式是否一致

3、背景颜色是否与字体颜色和前景颜色相搭配，通常情况下不使用背景

4、图片的大小和质量也是一个很重要的因素，一般采用JPG或GIF压缩

5、需要验证的是文字回绕是否正确。如果说明文字指向右边的图片，应该确保该图片出现在右边。

内容测试

用来检验Web应用系统提供信息的正确性、准确性和相关性。

1、信息的正确性是指信息是可靠的还是误传的。比如学习班学费6600，如果是6800就有误向性

2、信息的准确性是指是否有语法或拼写错误

3、信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口。

表格测试

表格经常和其他界面元素一起协同使用，主要承载数据的归纳、展示与对比的功能，是列表的一种。

比如12306网站-车票预定界面。

1、界面表格布局、颜色、风格是否统一

2、存在筛选条件、搜索控件，是否列于页面上方

3、对于日期筛选条件，是否单独处理，展示出来

4、对于多个搜索条件的场景，是否采用高级搜索按钮并将其打包收起

5、对于多个搜索条件的场景，是否配置重置按钮，便于一键清空所有搜索条件

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上软件测试知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新**

需要这份系统化的资料的朋友，可以戳这里获取