如果有设计稿,当然按照设计稿进行测试;没有设计稿,就参考原型;如果都没有,就按照web大众排版设计要求测试了,当然,还是要产品看过为准。
一下简单总结一下测试的点。
1. 导航测试
很少有用户愿意花时间去熟悉Web应用系统的结构,因此,Web应用系统导航帮助要尽可能地准确。
测试点:
· 导航形式:按钮、对话框、列表、窗口等,是否直观,样式是否正确,风格是否一致。
· 导航链接:页面的连接等。
· 导航文案
2. 图形(多媒体)测试
Web应用中,主流的一些多媒体内容包括图片、GIF动画、Flash、Silverlight等
测试点:
· 图形的尺寸、大小、质量:
一般采用JPG、GIF、PNG格式,并且在不影响图片质量的情况下能使图片的大小减小到 30k 以下
· 图形排版、正确性:图片或动画排列有序并且目的明确
· 图形链接:
链接有效,并且链接的属性正确(比如是新建窗口打开还是在当前页面打开)
· 背景颜色:应该与字体颜色和前景颜色相搭配
· 文字环绕:位置等
· GIF动画:是否设置了正确的循环模式,其颜色是否显示正常
等
测试工具:
浏览器的自带调试工具,就很有用。主要还是人工。
3. 内容测试
用来检验Web应用系统提供信息的正确性、准确性和相关性。
测试点:
· 文案:文字表达是否恰当,是否有错字等
· 字体、大小、颜色、对齐方式、风格
· 页面元素排版:导航、表单、图形、控件等位置、大小排版
· Web页面结构、导航、菜单、超级链接的风格是否一致,比如指向超级链接,点击超级链接,访问后的超级链接是否都进行了处理
· 背景颜色、元素颜色等
· 段落
· 链接的形式、位置、是否易于理解
等
4. 容器测试
DIV和表格在页面布局上的基本作用都是作为一种容器。
测试点:
· 一方面是作为控件,需要检测其是否设置正确,每一栏的宽度是否足够宽,表格里的文字是否都有折行,是否有因为某一格的内容太多,而将整行的内容拉长等;
· 另一方面,表格作为较早的网页布局方式,目前依然有很多的Web页使用该方式实现Web页设计,此时则需要考虑浏览器窗口尺寸变化、Web页内容动态增加或者删除对Web界面的影响。
5. 系统界面测试
系统风格、设计排版等。主要是不相关人员的反馈了。
WEB测试—用户界面测试
发表于:2017-01-09
作者:testhua
来源:
 相关文章
软件测试:测试一个网站 软件测试之全网最全Web端测试点 软件测试之Web自动化测试怎么做?Web... 怎样正确做 Web 应用的压力测试? 0代码就可以实现网页签到测试 如何对网站和应用程序进行本地化测试?- 周排行
- 月排行
-   跨浏览器网页效果免费自动测试网站分享
-   软件测试:网站登录不进去,该如何排...
-   Web功能测试常用方法
-   优化网站性能架构提升用户体验(下)
-   17大Python技巧
-   Web功能测试总结
-   跨浏览器网页效果免费自动测试网站分享
-   UI自动化测试——页面差异检测
-   WEB端与移动端测试区别总结
-   一次完整的安全渗透测试
-   Web测试的8步指南
-   Web安全测试漏洞场景