非功能测试之界面测试和易用性测试

清疚 2023-06-24 08:15 22阅读 0赞

说明：该篇博客是博主一字一码编写的，实属不易，请尊重原创，谢谢大家！

### 文章目录 ###

*  一、界面测试
 *   *  1.窗体界面测试
     *   *  1.1 案例
         *  1.2 窗体界面测试用例
     *  2.控件界面测试
     *   *  2.1 案例
         *  2.2 控件界面测试用例
     *  3.菜单界面测试
     *   *  3.1 案例
         *  3.2 菜单界面测试用例
     *  4.特殊属性的界面测试
 *  二、易用性测试
 *   *  1.易用性测试的含义
     *  2.易用性测试要点
     *  3.案例
     *  4.控件易用性测试用例
     *  5.菜单易用性测试用例
     *  6.快捷方式易用性测试用例
     *  7.联机帮助易用性测试用例
     *  8.辅助系统易用性测试用例

# 一、界面测试 #

## 1.窗体界面测试 ##

### 1.1 案例 ###

*  当点击窗体放大按钮后，出现如下图所见，功能聚集在左侧，而未均匀分布左右两侧，则表示这是一个缺陷  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1_size_16_color_FFFFFF_t_70_pic_left]

### 1.2 窗体界面测试用例 ###

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

**移动窗体**——快速或慢速移动窗体，背景及窗体本身刷新必须正确。

**缩放窗体**——点击右上角最大化安钮，窗体被最大化，或者用鼠标直接拖动窗体边框，窗体也被放大。此时，内部控件没有相应放大。只放大窗体而忽略控件的缩放是错误的，窗体上的控件也应该随着窗体而缩放。在编程过程中，对于含有按钮的界面一般不应该支持缩放，右上角只有关闭功能。

**显示分辨率**——通常使用的显示分辨率包括 640x480 , 800x600 , 1024x768 , 1280x1024等，由于在编程过程中，程序员可能使用了固定的控件大小和位置，不能随分辨率的改变而变化，造成了在分辨率为1024x768情况下开发的程序主到 800X600的清况下显示内容被裁切．因此必须在不同分辨率的情况下测试程序的显示是否正常。

**状态栏**——随操作不同,逐一测试状态栏的内容也随之变化。例如,选中工作表2,状  
态栏中也显示为第2张工作表;选择显示比例为150%,工具栏也相应显示为150%。

**工具栏**——工具栏图标执行有效,点击后执行相应操作  
工具栏图标显示和菜单中图标一致,能直观的代表要完成的操作。菜单  
剪切、复制、插入的图标和工具栏中的图标一致,若不一致,会影响用户操作。  
错误信息的内容——内容正确,无错别字，显示的错误信息内容明确。例如,在打印过程中发生了错误,错误提示为“未能完成操作”,内容模糊,没有任何关于错误原因的内容,有价值的提示应该如“未找到打印机,请检查电缆连接”,使用户可以通过该信息很容易的找到错误类型。

屏幕对角线相交的位置即屏幕中央是用户直视的地方,正上方四分之一处为易吸引用  
户注意力的位置,测试窗体放置时要注意这两个位置  
父窗体或主窗体的中心位置应该在对角线焦点附近。  
子窗体位置应该在主窗体的左上角或正中  
多个子窗体弹出时应该依次向右下方偏移,以显示出窗体标题为宜  
重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。

界面长宽接近黄金点比例,不要长宽比例失调或宽度超过长度  
安钮大小基本相近,不用太长的名称  
按钮的大小与界面的大小和空间协调  
宇体的大小与界面的大小比例协调,通常使用宋体,宇号为9-12  
前景与背景色搭配合理协调  
颜色使用柔和,杜绝刺目的颜色  
界面风格要保持一致,字的大小、颠色、字体要相同

*  **窗体控件大小的变化规则**
 *  文本框：  
    宽度可以，高度不可
 *  密码框：  
    宽度可以，高度不可
 *  单选按钮：  
    都不变
 *  复选框：  
    都不变
 *  下拉列表：  
    宽度可以，高度不可
 *  列表框：  
    宽度高度都可以
 *  滚动条：  
    都不变
 *  按钮：  
    都不变

## 2.控件界面测试 ##

### 2.1 案例 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1_size_16_color_FFFFFF_t_70_pic_left 1]

### 2.2 控件界面测试用例 ###

*  控件摆放对齐,间隔要一致,没有重叠区域
 *  无错别字
 *  无中英文混合
 *  控件的字体和大小都要一致
 *  控件被显示完整不被裁切或重
 *  文字无全角和半角混合使用

## 3.菜单界面测试 ##

### 3.1 案例 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1_size_16_color_FFFFFF_t_70]

### 3.2 菜单界面测试用例 ###

*  菜单正常工作,菜单标题与实际执行内容一致
 *  无错别字
 *  捷键无重复
 *  热键无重复
 *  快捷键和热键正常工作,与实际执行内容一致
 *  菜单的字体和字号一致
 *  无中英文混合
 *  菜单和语境相关,对于不同用户或执行不同功能,显示菜单不同
 *  与当前进行的操作无关的菜单应该被置为灰色
 *  鼠标右键菜单操作。同以上1-9
 *  菜单采用“常用一主要一次要一工具一帮助”的位置排列,符合流行的 Windows风格
 *  下拉菜单根据菜单的含义进行分组,并按照一定的规则进行排列,用横线隔开
 *  菜单深度一般要求最多控制在三层以内
 *  菜单前的图标适合,与字高保持一致
 *  主菜单数目适合,应为单排布置

## 4.特殊属性的界面测试 ##

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

# 二、易用性测试 #

## 1.易用性测试的含义 ##

易用性指软件产品被理解、学习、使用和吸引用户的能力。

## 2.易用性测试要点 ##

*  业务符合性
 *  功能定制性
 *  业务模块的集成度
 *  数据共享能力
 *  约束性
 *  交互性
 *  错误提示

## 3.案例 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1_size_16_color_FFFFFF_t_70_pic_left 2]

## 4.控件易用性测试用例 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1_size_16_color_FFFFFF_t_70 1]

## 5.菜单易用性测试用例 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1_size_16_color_FFFFFF_t_70 2]

## 6.快捷方式易用性测试用例 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1_size_16_color_FFFFFF_t_70 3]

## 7.联机帮助易用性测试用例 ##

![在这里插入图片描述][201912221247166.png]

## 8.辅助系统易用性测试用例 ##

*  向导测试
 *  信息提示是否用具有可以理解性的语言进行描述
 *  对重要的、有破坏性的命令是否提示
 *  信息提示是否统一

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1_size_16_color_FFFFFF_t_70_pic_left]: https://img-blog.csdnimg.cn/2019122211294513.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1,size_16,color_FFFFFF,t_70#pic_left
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1_size_16_color_FFFFFF_t_70_pic_left 1]: https://img-blog.csdnimg.cn/20191222113938837.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1,size_16,color_FFFFFF,t_70#pic_left
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191222114255304.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1_size_16_color_FFFFFF_t_70_pic_left 2]: https://img-blog.csdnimg.cn/20191222114750465.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1,size_16,color_FFFFFF,t_70#pic_left
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2019122212390611.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191222124018109.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20191222124609205.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzgyNDI1,size_16,color_FFFFFF,t_70
[201912221247166.png]: https://img-blog.csdnimg.cn/201912221247166.png