Document number 文档编号 Document version 文档版本 V1.00 Confidentiality level 密级 内部公开 Total 30 pages 共 30 页
界面规范和测试Checklist
Prepared by
拟制 Reviewed by 评审人 Approved by
批准
张奉强
Date 日期 Date 日期 Date 日期
2012-5-23
Revision Record 修订记录
Date 日期 Revision Version 修订版本 Sec No. 修改章节 Change Description 修改描述 Author 作者
序号 1 检查点 界面控件标题是否正确 检查内容 对于界面控件，其标题需要准确无误，不能给用户产生歧义，同时，在不同的页面中，对于同一意义的控件，需要保持一致 对于必须输入的选项，需要用*标明，在界面提交后，需要进行检查该功能是否实现 对于下拉框选项，需要与业务需要保持一致，要避免没有必要的选项，同时也需要保持选项没有遗漏 文本输入框，如果有最大输入长度的限制，需要指定最大长度，可以减少输入错误的几率 对于界面输入，需要进行合法性检查，如特殊字符需要限制不能输入，业务对输入的特殊限制。同时还需要进行边界值检查 对于需要实现联动的界面控件，需要检查联动是否实现，并且需要查看选项，检查是否正确。 对于重置按钮和按钮，查看是否实现取消功能，对于提交按钮，需要检查是否实现提交功能，并转向指定的页面 对于通过界面控件提交的参数，需要检查提交的参数是否正确，尤其是一些通过特殊处理的参数，如金额转换的参数 对于一些复杂的界面，最好需要经过讨论，以生成合适的布局 界面的提示信息有助于帮助用户理解界面控件的功能。准确的提示信息有助于提高用户界面操作的正确性。对于容易造成误解的操作，都需要提供提示信息。 警告信息和错误提示信息帮助用户定位错误，应该简短明确。 在系统开发过程中，新的需求和需求变更是难免的。对于这种情况，需要检查代码是否作了及时的更新。 根据条件进行查询，是界面中的常用功能，在查询时，不仅要检查界面是否有返回结果，而且还需要检查返回的结果是否时符合条件的记录 对于查询操作，容易犯的错误就是将数据库中查询出来的内容直接显示在页面，导致页面的显示不符合规范。如日期格式不正确，金额显示不是常用货币单位，对于批量查询结果没有进行排序等。 2 3 4 5 界面控件必选项检查 下拉框选择项检查 文本输入框检查 输入合法性检查 6 7 8 9 10 联动关系检查 按钮功能是否实现 提交参数是否正确 界面布局检查 界面提示信息准确性的检查 警告信息和错误提示信息的检查 新的需求和需求变更，是否已经实现 查询操作，需要检查返回结果是否符合条件 查询操作的显示结果是否符合常规 11 12 13 14
1.用户界面要素规则
01.文字编辑框控件
规范名称 规范步骤 输入值长度检查 文本编辑框要对输入的参数是否有字数限制进行检测。如果有字数限制时一定要测试超过字数限制的情况，要看系统是否对字数限制做了校验。 这是因为所有的Web界面的输入值都是要写入Oracle数据库中的相应的表中，这些表都会定义相关字段的长度；如果输入的值超过了规定的长度，Web服务器利用JDBC向Oracle数据库插入数据就会失败。所以为了提醒用户，需要进行输入值长度校验。 在下面的例子中分别演示了对单行和多行文本输入值的长度校验：（1）对于WAP URL输入260个英文字符，超过255个英文字符时的校验和错误提示；（2）对于Service Description输入130个中文字符，超过255个英文字符时的校验和错误提示；（3）对于Service Name输入框限定输入长度是50个英文字符，不能够输入超长值。 规范名称 规范步骤 输入值格式限制 输入值的格式有特殊要求时，需要检查输入值的格式：（1）如果输入的URL网站地址，必须利用http或https开头，而且格式类似于http://xxx.yyy,其中xxx和yyy是任意的字符，不能够为空；（2）如果输入的是email地址，格式必须类似于xxx@yyy.zzz；如果有多个email地址，需要利用逗号隔开；（3）如果输入的是IP地址，那么必须是0.0.0.0至255.255.255.255之间的地址，否则是无效的IP地址；检查严格的页面，可能还会要求IP地址不能够是本地回环地址127.0.0.1;（4）如果输入的是端口号、数量等，那么就只能输入数字，同时对输入值的范围有校验。比如端口号不能够小于0，大于65535； 可以使用的数量不能够小于0； 规范名称 规范步骤 输入值达到最大值后显示是否正常 输入值的长度较长（255个字符或1024个字符）时，必须测试输入最大长度值，提交数据成功后，在浏览界面查看新提交的数据是否能够正确显示。特别容易出现的问题是，数据超长后，列表显示比例失调，或者显示不完全，产生内容被截断的现象。下面样例中，WAPURL和WWW URL输入太长后，整个列表显示比例失调，不好看啊。 规范名称 规范步骤 不同编辑状态显示的外表不同 文字编辑框如果是可以编辑的状态，那么利用亮色进行表示，利用鼠标点击区域，有高亮度的闪烁光标显示；如果是不可编辑的状态，应该显示为灰色禁止状态，用户不能够输入，但是可以选择和拷贝文字。下面的Wholesale审批界面中，Remaining Advertisement应该是不可编辑的状态，应该显示灰色禁止状态，方便用户区分。 规范名称 规范步骤 密码输入需要使用*号 输入值是用户的密码时，在输入时必须利用*号进行显示，不能够利用明文进行显示。同时，在进行相关密码信息传送时，必须利用加密协议进行传送，保证利用网络检测工具不能够得到用户传送内容。 下面样例中修改用户的密码，新老密码都需要利用*星号表示。 规范名称 规范步骤 输入框是必填项 如果输入值是必填项,界面上统一约定在输入框后面加上红色的\号表示必填项,用户必须输入相关参数,不能够填写为空,或者空格键、TAB键. 请参考下面样例页面中的Service Name必须填写值。 规范名称 规范步骤 输入值中有特殊字符 由于网页中采用的HTML语言中，有很多特殊含义的字符，比如<大于号、>小于号、“双引号等，所以在输入时，程序需要对输入的特殊字符进行转义处理，否则输入的值显示就会出现异常。最常用的特殊字符输入时：\ 规范名称 规范步骤
输入框必须提示输入值的最大输入长度 在输入框的后面，业务应该增加相关提示性的文字，告诉用户该输入项可以输入的最大长度的值。 02.列表选择框控件
规范名称 规范步骤 列表选择两端需要标明区域内容 列表选择框控件主要是从备选的选择项中，选择适合的选择项到支持的区域中，最常用的就是“业务支持的终端类型”和“业务支持的用户品牌”。列表选择框测试的第一个原则是，两端的选择区域必须标明选择的含义，哪个是备选区域，哪个是选中区域，这样才能够保证用户理解清晰易懂。 规范名称 规范步骤 规范名称 规范步骤
从备选择列表框中不选择内容进行增加 从备选择列表框中不选中内容，直接点击“》”增加键进行增加，应该操作不成功。 从备选择列表框中选择多项内容进行增加 从备选择框中同时选中多个可选择项进行增加，可以成功。