WEB测试—用户界面测试
2024-09-19 10:41:44
如果有设计稿，当然按照设计稿进行测试；没有设计稿，就参考原型；如果都没有，就按照web大众排版设计要求测试了，当然，还是要产品看过为准。
一下简单总结一下测试的点。
1. 导航测试
很少有用户愿意花时间去熟悉Web应用系统的结构，因此，Web应用系统导航帮助要尽可能地准确。
测试点：
- 导航形式：按钮、对话框、列表、窗口等，是否直观，样式是否正确，风格是否一致。
- 导航链接：页面的连接等。
- 导航文案
2. 图形（多媒体）测试
Web应用中，主流的一些多媒体内容包括图片、GIF动画、Flash、Silverlight等
测试点：
- 图形的尺寸、大小、质量：
一般采用JPG、GIF、PNG格式，并且在不影响图片质量的情况下能使图片的大小减小到 30k 以下
- 图形排版、正确性：图片或动画排列有序并且目的明确
- 图形链接：
链接有效，并且链接的属性正确（比如是新建窗口打开还是在当前页面打开）
- 背景颜色：应该与字体颜色和前景颜色相搭配
- 文字环绕：位置等
- GIF动画：是否设置了正确的循环模式，其颜色是否显示正常
- 等
测试工具：
浏览器的自带调试工具，就很有用。主要还是人工。
3. 内容测试
用来检验Web应用系统提供信息的正确性、准确性和相关性。
测试点：
- 文案：文字表达是否恰当，是否有错字等
- 字体、大小、颜色、对齐方式、风格
- 页面元素排版：导航、表单、图形、控件等位置、大小排版
- Web页面结构、导航、菜单、超级链接的风格是否一致，比如指向超级链接，点击超级链接，访问后的超级链接是否都进行了处理
- 背景颜色、元素颜色等
- 段落
- 链接的形式、位置、是否易于理解
- 等
4. 容器测试
DIV和表格在页面布局上的基本作用都是作为一种容器。
测试点：
- 一方面是作为控件，需要检测其是否设置正确，每一栏的宽度是否足够宽，表格里的文字是否都有折行，是否有因为某一格的内容太多，而将整行的内容拉长等；
- 另一方面，表格作为较早的网页布局方式，目前依然有很多的Web页使用该方式实现Web页设计，此时则需要考虑浏览器窗口尺寸变化、Web页内容动态增加或者删除对Web界面的影响。
5. 系统界面测试
系统风格、设计排版等。主要是不相关人员的反馈了。
最新文章
- 百度地图api调用
- C#获取url中参数键值对的方法
- .NET Framework 4 和 .NET Framework 4 Client Profile
- （hdu）1950 Bridging signals（最长上升子序列）
- Linux设备驱动编程之复杂设备驱动
- Spring MVC中数据绑定(转)
- projecteuler之58题Spiral primes
- RunTime 给类添加属性
- mysql 关联
- java学习笔记-连数据库JDBC
- 区块链共识机制：POW、POS、DPOS、PBFT、POOL
- Django框架----logging配置
- P2P通信中使用ENet提供UDP的可靠传输
- 使用a标签实现软件下载及下载量统计
- plsql高版本无法设置Fixedsys字体解决办法（win7&winXP适用）
- Mac环境下WingIDE切换python版本
- 非IE内核浏览器如何支持activex插件
- CentOS 7 Minimal编译安装MySQL5.6
- 【BZOJ5110】[CodePlus2017]Yazid 的新生舞会 线段树
- git branch 误删 分支 找回