UI-UE测试要点详解(转)
2010年05月19日
UI测试要点
一. UI测试概念
UI测试指测试用户界面的风格是否满足客户要求,文字是否正确,页面美工是否好看,文字,图片组合是否完美,背景是否美观,操作是否友好等等。
用户界面 (UI) 测试用于核实用户与软件之间的交互。UI 测试的目标是确保用户界面会通过测试对象的功能来为用户提供相应的访问或浏览功能。另外,UI 测试还可确保 UI 中的对象按照预期的方式运行,并符合公司或行业的标准。包括用户友好性,人性化,易操作性测试。UI测试比较主观,与测试人员的喜好有关,比如:页面基调颜色刺眼;用户登入页面比较难于找到,文字中出现错别字,页面图片范围太广等都属于UI测试中的缺陷,但是这些缺陷都不太严重。
二. UI测试要点
1. 按功能将界面划分局域块,完成相同或相近功能的按钮框起来, 并要有功能说明
2. 界面要支持按Tab键的自动切换功能;Tab键切换是否正确; Tab键的顺序与控件排列顺序要一直,目前流行总体从上到下,同时行间从左到右的方式;
3. 默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作
4. 菜单点击,窗口初始化
5. 父窗体或主窗体的中心位置应该在对角线焦点附近;子窗体位置应该在主窗体的左上角或正中;多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜
6. 在各种分辨率下是否显示正常
7. 前景与背景色搭配合理协调,反差不宜太大,最好少用深色,如大红、大绿等。常用色考虑使用Windows界面色调。
8. 如果窗体支持最小化和最大化或放大时,窗体上的控件也要随着窗体而缩放;对于含有按钮的界面一般不应该支持缩放,即右上角只有关闭功能。
9. 窗体能否多次正确关闭,打开
10. 滚动条是否能拖动,并可通过键盘自动拖动
11. 与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显示,没法使用该按钮)。
12. 对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会,如删除确认提示,退出前确认是否保存
13. 可写控件的数据类型及长度,尽量在前台进行控制
14. 非法的输入或操作应有足够的提示说明, 让用户明白错误出处,避免形成无限期的等待,提示、警告、或错误说明应该清楚、明了、恰当;提示顺序按Tab顺序
15. 对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符, 特殊字符常有;;’”>ToolTip、窗口标题)比如选项设置,在主界面的有按钮可以进入选项设置对话框,或者菜单中有菜单项可进入选项设置对话框中,那么,按钮、菜单、对话框的标题都应该统一用词,如用“选项”或者“设置”,而不能又用“选项”,又用“设置”,或者还有其他的的用词。
(3)为了全面的检查所有的文字,应该检查程序中的所有文字资源,因为一些对话框可能比较难在黑盒测试的时候能全部都出现过。
3. 控件
(1) 控件对齐:
a、 并排关系的控件间应该左对齐,同行的控件应该横向对齐。
b、 有所属关系的控件应该缩进。
(2)控件状态:
a、不能操作的的控件的状态应该为Disable,这样界面也起到引导用户使用操作的效果。
b、有依赖关系的控件,比如(几个选项供选择(CheckBox或者RadioBox),每个选项下面都有独立的设置(其他的控件:Edit、ComboBox、CheckBox等),那么当所属的选项没有选中时,下面的控件应该是Disable的,相反为Enable。
(3)控件的TabOrder
控件的TabOrder应该依次从上到下、从左到右的顺序,界面中默认的TabOrder应该落在界面上的第一个Enable状态的控件上面。
(4)控件的右键菜单支持
允许输入的控件都应该支持右键菜单,方便习惯使用右键菜单的用户复制、剪切、粘贴、全选等操作。
(5)控件的操作方式
a、单行文本的Edit输入框中,对回车符的支持:回车默认操作是本窗口中的“确定”按钮的功能。
b、在可操作的列表控件(List、ListView)中,鼠标双击的操作、键盘操作都应该有对应的默认操作。比如下面的图中,双击列表中某一项,默认操作就是Modify按钮的操作;双击列表中的空白处,默认操作应该是Add按钮的操作;选中列表中的项的情况下,按下Delete键,默认操作应该是Remove按钮的操作。
(6)Edit控件对输入的有效性判断
a、类型判断:整型、浮点型的数据输入框中,不允许输入非表示数据的其他字符串(如:abcd或者其他字符等);
b、大小判断:数据类型的数据如有大小范围限制的,要对输入的大小进行判断(如:表示月份的输入框中,只能允许输入1-12的数字。
c、长度判断:如果是程序处理的字符串有长度限制,但是输入框中没有对输入的数据长度进行限制,将有可能会造成程序错误,或者处理后的结果和输入的不相符合。
d、正确性判断:表示路径的或者文件名全路径的输入框,要对输入的路径是否为有效的路径进行判断,如:输入aaaa或者 C:\\//等为不正确的输入。
4. 图片
图片显示的篇幅不要太大。
5. 界面整体的颜色搭配
6. 窗口在任务栏上的系统菜单
每个应用程序,如窗口在系统任务栏上有缩小图标的,都应该有系统右键菜单的支持(还原、最大化、最小化等),要测试右键菜单中各个项的Enable和Disable状态的正确性以及功能的正确性。
7. 提示对话框测试
1、文字描述的正确性
2、图标显示的正确性:
a、程序错误、操作错误、禁止操作等的提示:MB_ICONHAND, MB_ICONSTOP,MB_ICONERROR
b、询问的提示:MB_ICONQUESTION
c、感叹、警告的提示:MB_ICONEXCLAMATION ,MB_ICONWARNING
d、普通信息的提示:MB_ICONASTERISK,MB_ICONINFORMATION
http://www.testtimes.net/html/29/n-2029.html
没有一个标准如何去规定,这些标准。所有的一切都以自己的感觉去设计。这怎么去判断这些到底符合不,也许我喜欢,别人就觉得很土;我喜欢蓝色,我期望所有的页面包括蓝色调,但有些人认为蓝色过于暗色不太庄重;测试的目的是符合标准,但标准在哪儿,不知道哪个做需求的人遗忘到那个旮旯角了。
发表评论
-
Programming Applications for Microsoft Windows - 第七部分 附录
2012-01-20 02:07 691Programming Applications for Mi ... -
windows线程学习
2012-01-20 02:07 536windows线程学习 2010年09月01日 线程(t ... -
WINCE及MOBILE常用代码(转)
2012-01-20 02:07 526WINCE及MOBILE常用代码(转) 2010年06月05 ... -
一个对Winsock完成端口模型封装的类
2012-01-20 02:07 533一个对Winsock完成端口模型封装的类 2011年01月0 ... -
MFC架构之CWinThread类
2012-01-20 02:07 708MFC架构之CWinThread类 2010 ... -
赞美女人的词语
2012-01-19 09:58 1330赞美女人的词语 2011年1 ... -
赞美女性的词语大全
2012-01-19 09:58 1050赞美女性的词语大全 2010年07月18日 温柔、体贴 ... -
魅力口才之--精彩赞美词语汇编
2012-01-19 09:58 876魅力口才之--精彩赞美 ... -
Win7系统服务优化攻略
2012-01-19 09:57 977Win7系统服务优化攻略 2011年01月29日 Win ... -
Win7特别功能:优化篇
2012-01-19 09:57 745Win7特别功能:优化篇 201 ... -
c#获取路径 c/s
2012-01-17 02:30 764c#获取路径 c/s 2011年09月09日 一、获取当 ... -
解决无IISXP系统无IIS如何安装IIS【出现问题请看最后面】
2012-01-17 02:30 579解决无IISXP系统无IIS如何安装IIS【出现问题请看最后面 ... -
总体上说,是c++ builder胜于VC++,DELPHI是最好
2012-01-17 02:30 760总体上说,是c++ builder胜 ... -
定制微软的打印机驱动程序(二)
2012-01-17 02:30 1121定制微软的打印机驱动程序(二) 2010年11月10日 ... -
倦了````
2012-01-15 22:14 561倦了```` 2009年06月14日 ... -
.net winform 控件缩写
2012-01-15 22:13 793.net winform 控件缩写 2009年10月08日 ... -
CListCtrl控件功能扩展
2012-01-15 22:13 1180CListCtrl控件功能扩展 2010年05月19日 ...
相关推荐
jquery-ui-日期框扩展成时间框 jquery-ui时间框 基于别人的代码进行修改 jquery-ui-1.8.16.custom.css文件末尾加入以下代码 .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; } .ui-timepicker-div dl{ ...
最新jquery-ui-1.11.2日期控件,官网下载内涵图片和自己添加的中文辅助jquery-ui-timepicker-zh-CN.js,经过本人测试绝对可以用,不知道怎么用的百度上找个例子即可,需要导入的包 ${ctx}/plugins/jquery-ui-1.11.2/...
jquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-ui
这里包含jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css,我费了好长时间找到的,此东西可以配合jQuery UI开发指南一书使用。
jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-...
RESTClient-全能HTTP请求模拟器-HTTP请求测试工具 restclient-ui-3.2.2-jar-with-dependencies
jquery-ui-1.7.3.custom 完整开发包
jquery-ui-1.9.2.custom.min.js
http测试工具restclient-ui-3.5-jar-with-dependencies,模拟get、post请求
AngularJS 嵌套路由:这是我针对同一个主题(ui-router)的第二篇文章. 如果你对第一篇文章感兴趣的话,可以访问 这里. 好了,让我们继续吧,来看看嵌套的ui-router状态是怎么回事. ui-router和同属AngularJS框架一...
jquery-ui-1.7.2.zipjquery-ui-1.7.2.zipjquery-ui-1.7.2.zipjquery-ui-1.7.2.zipjquery-ui-1.7.2.zip
jquery-ui-1.9.2.(免费),适合javascript开发者参考,包含各种美观的用户交互界面
Unity-UI-Extensions,总有一款效果是你想要的!
angular、ui-bootstrap-tpls分页 angular、ui-bootstrap-tpls分页 angular、ui-bootstrap-tpls分页 angular、ui-bootstrap-tpls分页 angular、ui-bootstrap-tpls分页
jquery插件jquery-ui-1.8.2.custom.min.js
jquery-ui-1.8.16.custom.min.js jquery-ui-1.8.16.custom.min.js jquery-ui-1.8.16.custom.min.js jquery-ui-1.8.16.custom.min.js
UI-Router被认为是AngularUI为开发者提供的最实用的一个模块,它是一个让开发者能够根据URL状态或者说是'机器状态'来组织和控制界面UI的渲染,而不是仅仅只改变路由(传统AngularJS应用实用的方式)。该模块为开发者...
jquery-ui-1.10.3.custom.rar jquery 日期插件 带时间选择
jquery插件jquery-ui-timepicker-addon.j
jquery-ui-1.8.18.custom包含所有jquery-ui所需的工具资料