界面测试

界面测试

前言

1. 不做文字的搬运工，多做灵感性记录
2. 这是平时学习总结的地方，用做知识库
3. 平时看到其他文章的相关知识，也会增加到这里
4. 随着学习深入，会进行知识拆分和汇总，所以文章会随时更新
5. 参考的文章过多，所以参考会写不全，见谅

---

界面测试就是测试界面好不好看，美观不美观的
这个基本上不用记录，测试的时候 ，知道就行

1.窗体界面测试

窗体

• 位置

  • 屏幕对角线相交的位置即屏幕中央是用户直视的地方，正上方 1/4 是易吸引用户注意力的地方，这两个地方需要注意窗体放置

• 父窗体/主窗体

  • 中心位置应该在对角线焦点附近

• 子窗体

  • 位置应该在主窗体左上角或正中
  • 多个子窗体弹出 ：应该依次向右下角偏移，已显示出窗体标题为宜

• 窗体大小。

  • 窗体大小要合适，使内部控件布局合理，不过于密集，也不过于空旷，合理利用空间

• 移动窗体。

  • 快速或慢速移动窗体，背景及窗体本身刷新必须正常

• 缩放。

  • 点击右上角最大化按钮，窗体被最大化，
  • 用鼠标拖拽框体边框，窗体也被放大。
  • 内部控件也要随着窗体放缩而放缩
  • 对于含有按钮的界面一般不支持放缩，右上角只有关闭功能

   选项 	        宽度			高度
  文本框	         √		          ×
  密码框	         √		          ×           
  单选按钮	         ×		          ×
  复选框   	     ×		          ×
  下拉列表          √		          ×  
  列表框	         √		          √
  滚动条	         ×		          ×
  按钮   	         ×		          ×
  
  都不能变：单选按钮、复选框、滚动条、按钮
  只变宽度：文本框、密码框、下拉列表、
  都可以变：列表框
  
  

分辨率

• 通常使用显示分辨率为：640x480 800x600 1024x768 1280x1024
• 必须要在不同分辨率情况下测试程序显示是否正常。（原因：在编程过程中，程序员使用固定的控件大小和位置，不能随分辨率的变化而变化，在成在分辨率为1024x768情况下开发的程序拿到800x600的情况下显示内容被裁减，最主要就是保持内容完整）

状态栏

• 随着操作不同，逐一测试状态栏的内容也随之变化
  • 选中表1，状态栏也显示为第1张工作表
  • 选择显示比例为 150%，工具栏也相应显示为150%

工具栏

• 工具栏图标执行有效，点击后执行相应操作
• 工具栏图标显示和菜单中图标一致，能直观的代表要完成的操作。
• 菜单复制、剪切、插入的图标和工具栏的图标一致，若不一致，会影响用户操作

错误信息

• 内容要正确，无错别字
• 显示的信息内容正确。如：打印过程出现错误，提示应为：未找到打印机，强检查电缆连接。让用户通过该信息很容易找到错误类型（实际比较难实现，但是基础错误提示要有）

按钮

• 大小基本相近，不用太长的名称
• 大小与界面的大小和空间协调

字体

• 字体大小与界面的大小比例协调，通常使用宋体，字号9-12
• 字体大小、颜色、字体要相同，保持界面

颜色

• 前景和背景色搭配协调合理
• 颜色使用柔和，杜绝使用刺目的颜色

2.控件

• 控件摆放对齐，间隔要一致，没有重叠的区域
• 无错别字
• 无中英文混合
• 控件的字体和大小都要一致
• 控件被显示完整不被裁切或重叠
• 文字无全角个半角混合使用【全半角的区别http://www.360doc.com/content/12/0312/16/1309227_193760291.shtml】

3.菜单界面测试

文字

• 菜单的字体和字号一致
• 无中英文混合

---

• 菜单正常，标题和实际执行内容一致
• 快捷键无重复
• 热键无重复
• 快捷键和热键正常工作，与实际执行内容一致
• 菜单和语境相同，对于不同用户或执行不同功能，显示菜单不同
• 与当前进行的操作无关的菜单应该设置为灰色
• 鼠标右键菜单操作，同以上1-9
• 菜单采用“主要—次要—工具—帮助”的位置排列，符合流行的windows风格
• 下拉菜单一般要求最多控制在三层以内
• 菜单前图标合适，与字高保持一致
• 主菜单数目合适，应为单排布置

4.特殊属性的测试界面

• 安装界面上有公司介绍或产品介绍，并有公司图标
• 主界面以及大多数界面上最好有公司图标
• 登录界面上有本产品的标志，同时包含公司的图标
• 帮助菜单的“关于“中有版权和产品信息
• 公司系列产品要保持一致的界面风格，包括背景色、字体、菜单怕列方式、图标、安装过程、按钮用语等

---

---

5.Web界面测试

1.格式验证

验证Web页面中一些控件默认的标准定义，如：默认值、项目排序等

2.导航条测试

• 各页面导航条是否能正确显示
• 各页面下的导航条显示的内容是否正确
• 不同状态下（登录与未登录），导航条显示的内容是否正确
• 导航条的每项内容链接是否正确

3.拼写和语法测试

验证页面内容、菜单和链接、图片、表格内容的拼写和语法

4页面排版测试

• 页面标题验证
• 页面元素（文字、窗体、菜单、链接、公司商标等）排版验证
• 页面图形验证
• 页面版本信息验证
• 不同分辨率下的页面显示情况验证
• 页面长度验证

3.Tab键测试

Tab键顺序正确跳转

跳转

知识目录