所谓界面测试就是指,布局是否合理、整体风格是否一致、各个控件的放置位置是否符合客户使用习惯,此外还要测试界面操作便捷性、导航简单易懂性,页面元素的可用性,界面中文字是否正确,命名是否统一,页面是否美观,文字、图片组合是否完美等。

一般情况下我们进行界面测试,直接依据产品原型图以及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测试之界面测试的更多相关文章

  1. Web服务器压力测试一例

    近期部门新上线一个服务,我们使用ab和locust分别测试 目前项目属于demo阶段,对访问量的支持不要求太高,我们暂且设定在500请求,20并发 工具介绍 ab ab全称为:Apache HTTP ...

  2. 从零开始搭建etcd分布式存储系统+web管理界面

    什么是ETCD 随着CoreOS和Kubernetes等项目在开源社区日益火热,它们项目中都用到的etcd组件作为一个高可用.强一致性的服务发现存储仓库,渐渐为开发人员所关注. 在云计算时代,如何让服 ...

  3. web测试之功能测试总结

    web测试是什么? web测试就是基于BS架构的软件产品的测试,通俗点来说就是web网站的测试 web功能测试包括哪些方面? 功能测试主要包括6大部分: 1.链接测试 2.表单测试 3.搜索测试 4. ...

  4. GeoServer基础教程(二):GeoServer的Web管理界面快速入门

    转载:http://blog.163.com/daimiao_study/blog/static/248923117201542522742373/ GeoServer的控制和管理是基于网页形式,所有 ...

  5. Web进行压力测试的小工具

    在Linux下对Web进行压力测试的小工具有很多,比较出名的有AB.虽然AB可以运行在windows下,但对于想简单界面操作的朋友有点不太习惯.其实vs.net也提供压力测试功能但显然显得太重了,在测 ...

  6. Web测试要点 做移动端的测试,也做web端的测试,甚至后面桌面端的测试和后台的测试也做了,基本上把我们产品各个端都玩了一轮

    Web测试要点 一.功能测试 1.链接测试 (1).测试所有链接是否按指示的那样确实链接到了该链接的页面:  (2).测试所链接的页面是否存在:  (3).保证Web应用系统上没有孤立的页面(所谓孤立 ...

  7. Web 服务器压力测试实例详解

    发表于 2012-1-6 14:53 | 来自  51CTO网页 Web 服务器搭建完成上线在即,其能够承载多大的访问量,响应速度.容错能力等性能指标,所有这些是管理人员最想知道也最为担心的.如何才能 ...

  8. 做web开发和测试,修改hosts指定某个域名访问某个特定的IP后,如何使hosts立即生效的方法

    本文转自SUN'S BLOG,原文地址:http://whosmall.com/post/143 hosts的配置方法: 在windows系统中,找到C:\windows\system32\drive ...

  9. 华为S5700S-52P-LI-AC千兆网管交换机web登录界面配置

    研究一下午,包装附的说明书根本就是错误的,通过技术售后和官方的文档结合,总算可以登录交换机的web管理界面. 首先需要使用通讯控制线缆(包装中附)连接电脑和交换机,一头接交换机的Console口,一头 ...

随机推荐

  1. JavaScript 全屏展示

    浏览器都有页面全屏的功能 F11 ,那么如何用JavaScript控制页面全屏呢?MDN上提供的的API , 一个小demo验证一下! <!DOCTYPE html> <html l ...

  2. PHP字母数字验证码和中文验证码

    1:字母数字组合的验证码 HTML代码: 验证码:<input type="text" name="code"> <img onclick=& ...

  3. Spring Boot发布将jar包转为war包。

    Spring Boot是支持发布jar包和war的,但它推荐的是使用jar形式发布.使用jar包比较方便,但如果是频繁修改更新的项目,需要打补丁包,那这么大的jar包上传都是问题.所以,jar包不一定 ...

  4. tf.transpose()的用法

    一.tensorflow官方文档内容 transpose( a, perm=None, name='transpose' ) Defined in tensorflow/python/ops/arra ...

  5. Thread,ThreadPool,Task, 到async await 的基本使用方法和理解

    很久以前的一个面试场景: 面试官:说说你对JavaScript闭包的理解吧? 我:嗯,平时都是前端工程师在写JS,我们一般只管写后端代码. 面试官:你是后端程序员啊,好吧,那问问你多线程编程的问题吧. ...

  6. 数字对讲系统开发札记(前端linux c 后端 c#)

    前言 数字化是一种趋势,特别是在“提速降费”的大环境下,这种趋势愈发明显.对讲机这种古老的系统也处在时代的变革之中,虽然手机的功能越来越强,让人怀疑对讲机是否还有存在的必要.诚然,对讲机仍然有它的市场 ...

  7. 利用反射实现DataTable 与 List<T> 转换

    今天上班不太忙,就想着总结一下反射.扩展方法.以及lambda表达式的用法,自己就写了个小DEMO记录一下,希望各位大牛们看到后觉得不对的地方请及时提出.这篇文章中我只说明我的用法,作为一个备忘,基本 ...

  8. MongoDB 日志切割三种方式

    MongoDB 日志切割 ​ MongoDB 默认是不会进行切割日志的,除非我们配置了 logRotate = rename,并且重启 MongoDB 服务,才会进行切割日志的,那么为了避免实际中我们 ...

  9. win32之进程概念

    win32之进程 一丶简介 学习WindowsAPI. 之前.我们必须理解什么是进程. 在windows环境下.进程就是一个运行起来的exe程序 进程提供了数据以及资源. 但是怎么使用不管.而是由线程 ...

  10. Java对日期Date类进行日期加减运算,年份加减,月份加减

    package com.cy; import java.security.InvalidParameterException; import java.text.ParseException; imp ...