web测试之界面测试
一般情况下我们进行界面测试,直接依据产品原型图以及UI切图/效果图,进行对比验证,确认是否一致。 但是如果碰到公司没有原型图,没有UI效果图怎么破? 毕竟同是天涯沦落人的情况太多了~~ 那么我们可以参考市场上同类型的成熟产品来做界面比对,且考虑以下几个方面: 1、导航测试 2、图形测试 3、内容测试 4、表格测试 5、整体界面测试
导航测试
导航是指位于页面顶部或者侧边区域的,它起着链接站点或者软件内的各个页面的作用。
1、是否易于导航?导航是否直观?
2、Web系统的主要部分是否可通过主页存取?
3、Web应用系统导航帮助要尽可能地准确。
4、Web系统是否需要站点地图、搜索引擎或其他的导航帮助?
5、页面结构、导航、菜单、连接的风格是否一致。
图形测试
图形可以包括图片、动画、边框、颜色、字体、背景、按钮等。
1、要确保图形有明确的用途。比如banner页图片的广告宣传
2、所有页面字的风格、颜色、格式是否一致
3、背景颜色是否与字体颜色和前景颜色相搭配,通常情况下不使用背景
4、图片的大小和质量也是一个很重要的因素,一般采用JPG或GIF压缩
5、需要验证的是文字回绕是否正确。如果说明文字指向右边的图片,应该确保该图片出现在右边。
内容测试
用来检验Web应用系统提供信息的正确性、准确性和相关性。
1、信息的正确性是指信息是可靠的还是误传的
2、信息的准确性是指是否有语法或拼写错误
3、信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口
表格测试
表格经常和其他界面元素一起协同使用,主要承载数据的归纳、展示与对比的功能,是列表的一种。 比如12306网站-车票预定界面。
1、界面表格布局、颜色、风格是否统一
2、存在筛选条件、搜索控件,是否列于页面上方
3、对于日期筛选条件,是否单独处理,展示出来
4、对于多个搜索条件的场景,是否采用高级搜索按钮并将其打包收起
5、对于多个搜索条件的场景,是否配置重置按钮,便于一键清空所有搜索条件
6、在数据显示超过多条时(一屏无法完全显示,需要滚动查看时),且表格中的数据不能直观的展示出数据类型,是否采用固定表头的形式,时刻显示数据类型
7、当字段数量过多,需要横向滚动表格,且需要对比数据时,采用固定属性列字段
8、是否支持排序,上下箭头指示排序,一般上下空心箭头默认,上箭头为升序,下箭头为降序
整体界面测试
整体界面是指整个Web应用系统的页面结构设计,是给用户的一个整体感。
1、当用户浏览Web应用系统时是否感到舒适(带有主观性)
2、是否凭直觉就知道要找的信息在什么地方?
3、整个Web应用系统的设计风格是否一致?
web测试之界面测试的更多相关文章
- Web服务器压力测试一例
近期部门新上线一个服务,我们使用ab和locust分别测试 目前项目属于demo阶段,对访问量的支持不要求太高,我们暂且设定在500请求,20并发 工具介绍 ab ab全称为:Apache HTTP ...
- 从零开始搭建etcd分布式存储系统+web管理界面
什么是ETCD 随着CoreOS和Kubernetes等项目在开源社区日益火热,它们项目中都用到的etcd组件作为一个高可用.强一致性的服务发现存储仓库,渐渐为开发人员所关注. 在云计算时代,如何让服 ...
- web测试之功能测试总结
web测试是什么? web测试就是基于BS架构的软件产品的测试,通俗点来说就是web网站的测试 web功能测试包括哪些方面? 功能测试主要包括6大部分: 1.链接测试 2.表单测试 3.搜索测试 4. ...
- GeoServer基础教程(二):GeoServer的Web管理界面快速入门
转载:http://blog.163.com/daimiao_study/blog/static/248923117201542522742373/ GeoServer的控制和管理是基于网页形式,所有 ...
- Web进行压力测试的小工具
在Linux下对Web进行压力测试的小工具有很多,比较出名的有AB.虽然AB可以运行在windows下,但对于想简单界面操作的朋友有点不太习惯.其实vs.net也提供压力测试功能但显然显得太重了,在测 ...
- Web测试要点 做移动端的测试,也做web端的测试,甚至后面桌面端的测试和后台的测试也做了,基本上把我们产品各个端都玩了一轮
Web测试要点 一.功能测试 1.链接测试 (1).测试所有链接是否按指示的那样确实链接到了该链接的页面: (2).测试所链接的页面是否存在: (3).保证Web应用系统上没有孤立的页面(所谓孤立 ...
- Web 服务器压力测试实例详解
发表于 2012-1-6 14:53 | 来自 51CTO网页 Web 服务器搭建完成上线在即,其能够承载多大的访问量,响应速度.容错能力等性能指标,所有这些是管理人员最想知道也最为担心的.如何才能 ...
- 做web开发和测试,修改hosts指定某个域名访问某个特定的IP后,如何使hosts立即生效的方法
本文转自SUN'S BLOG,原文地址:http://whosmall.com/post/143 hosts的配置方法: 在windows系统中,找到C:\windows\system32\drive ...
- 华为S5700S-52P-LI-AC千兆网管交换机web登录界面配置
研究一下午,包装附的说明书根本就是错误的,通过技术售后和官方的文档结合,总算可以登录交换机的web管理界面. 首先需要使用通讯控制线缆(包装中附)连接电脑和交换机,一头接交换机的Console口,一头 ...
随机推荐
- java几种垃圾收集方法和垃圾收集器
标记清除法: 分为两个阶段,标记----清除 标记阶段将所有需要回收的对象做标记,然后在清除阶段将所有的标记对象回收 但是这种回收方法有很大的缺点,那就是这两个过程的的效率并不高,两个过程都是效率很低 ...
- F#周报2019年第17期
新闻 .NET版本的Apache Spark Apache Spark预览版介绍 F# Apache Spark示例 微软Build 2019大会(5月6日至8日) Rider用于F#的解决方案内的重 ...
- tf.cast()的用法(转)
一.函数 tf.cast() cast( x, dtype, name=None ) 将x的数据格式转化成dtype.例如,原来x的数据格式是bool, 那么将其转化成float以后,就能够将其转化成 ...
- spring cloud+.net core搭建微服务架构:配置中心续(五)
前言 上一章最后讲了,更新配置以后需要重启客户端才能生效,这在实际的场景中是不可取的.由于目前Steeltoe配置的重载只能由客户端发起,没有实现处理程序侦听服务器更改事件,所以还没办法实现彻底实现这 ...
- react 字符串强转为html标签
react中,富文本编辑 从数据库取出来 是带标签的 字符串,需要强转为 节点 <div dangerouslySetInnerHTML={{ __html: this.state.obj.ht ...
- MySQL 5.7最新版本的2个bug
好久没写博客了,都长草了.新业务上了5.7没遇到什么问题,虽然没遇到什么问题,但不代表没有问题,我有个习惯就是没事就喜欢逛逛percona的Blog,于是看到目前最新GA版本5.7.17的2个bug, ...
- [HEOI2016] 字符串
Description 给定长度为n的字符串,m次询问,每次询问s[a...b]的所有子串与s[c...d]的LCP的最大值.n,m<=10^5. Solution 感觉这种n,m<=10 ...
- [转]Angular 4 *ngIf/Else
本文转自:http://tylerscode.com/2017/03/angular-4-ngifelse/ As you may know it wasn’t that many months ag ...
- R0~R16寄存器作用
R0-R3 用作传入函数参数,传出函数返回值.在子程序调用之间,可以将 r0-r3 用于任何用途. 被调用函数在返回之前不必恢复 r0-r3.如果调用函数需要再次使用 r0-r3 的内容,则它 ...
- Mybatis 与hibernate
共同点 (1)Hibernate与MyBatis都是通过SessionFactoryBuider由XML配置文件生成SessionFactory,由SessionFactory 生成Session,由 ...