Web测试---用户界面测试

如果有设计稿,当然按照设计稿进行测试;没有设计稿,就参考原型;如果都没有,就按照web大众排版设计要求测试了,当然,还是要产品看过为准。

一下简单总结一下测试的点。

1. 导航测试

很少有用户愿意花时间去熟悉Web应用系统的结构,因此,Web应用系统导航帮助要尽可能地准确。

测试点:

· 导航形式:按钮、对话框、列表、窗口等,是否直观,样式是否正确,风格是否一致。

· 导航链接:页面的连接等。

· 导航文案

2. 图形(多媒体)测试

Web应用中,主流的一些多媒体内容包括图片、GIF动画、Flash、Silverlight等

测试点:

· 图形的尺寸、大小、质量:

一般采用JPG、GIF、PNG格式,并且在不影响图片质量的情况下能使图片的大小减小到 30k 以下

· 图形排版、正确性:图片或动画排列有序并且目的明确

· 图形链接:

链接有效,并且链接的属性正确(比如是新建窗口打开还是在当前页面打开)

· 背景颜色:应该与字体颜色和前景颜色相搭配

· 文字环绕:位置等

· GIF动画:是否设置了正确的循环模式,其颜色是否显示正常

测试工具:

浏览器的自带调试工具,就很有用。主要还是人工。

3. 内容测试

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

测试点:

· 文案:文字表达是否恰当,是否有错字等

· 字体、大小、颜色、对齐方式、风格

· 页面元素排版:导航、表单、图形、控件等位置、大小排版

· Web页面结构、导航、菜单、超级链接的风格是否一致,比如指向超级链接,点击超级链接,访问后的超级链接是否都进行了处理

· 背景颜色、元素颜色等

· 段落

· 链接的形式、位置、是否易于理解

4. 容器测试

DIV和表格在页面布局上的基本作用都是作为一种容器。

测试点:

· 一方面是作为控件,需要检测其是否设置正确,每一栏的宽度是否足够宽,表格里的文字是否都有折行,是否有因为某一格的内容太多,而将整行的内容拉长等;

· 另一方面,表格作为较早的网页布局方式,目前依然有很多的Web页使用该方式实现Web页设计,此时则需要考虑浏览器窗口尺寸变化、Web页内容动态增加或者删除对Web界面的影响。

5. 系统界面测试

系统风格、设计排版等。主要是不相关人员的反馈了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 文 / IDO老徐 开始今晚的主题之前先来看一张图,这是老徐16年10月份,线上Web主题分享时整理的大纲 Web...
    IDO老徐阅读 3,567评论 8 135
  • 摘自--IDO老徐一、输入框1、字符型输入框:(1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“...
    时间的磨练lolo阅读 1,448评论 0 8
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 178,534评论 25 709
  • 一.概要 1 目的 本文档编写目的在于规范基于网站的系统测试,区别于传统的软件测试,本文对网站测试的流程与规范进行...
    米塔塔阅读 1,089评论 0 20
  • 我把你的青草带回了家 草原上没有了你的牵挂 墙角的木马 年龄和你一样大 这里是你的家 你知道我的面包藏在哪 左边抽...
    滕吠吠阅读 289评论 0 2

友情链接更多精彩内容