欢迎来到天天文库
浏览记录
ID:57833000
大小:36.23 KB
页数:11页
时间:2020-03-31
《软件测试界面规范.docx》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、术语1表单:是一个包含表单项的区域,是可作为一个整体提交数据的容器,比如详情区域。2表单项:是指标题跟表单元素的组合,即标签+表单元素。3表单元素:是允许用户在表单中输入信息的元素,比如:输入框、下拉列表、单选框、复选框等等。界面规范一、总则总则1界面整体向上、向左对齐靠拢2界面色调过渡平缓,避免视觉疲劳3界面最好支持分辨率自适应,最小支持1024*768,不同分辨率下不影响界面元素的展现6界面响应迅速,除批量操作业务外,界面一般操作的响应时间应少于4秒;批量业务需要给出进度提示7界面元素中,文字显示不全时,鼠标移到界面元素上,自动出现Tips显示完整文字8界面上所有Button
2、类型的对象在鼠标移上去后最好显示“手”型9同一界面必填项尽量放置在一起,方便操作。除非同一界面分业务含义分块定义,必填项尽量靠前放置,位置醒目对齐1界面上的表单前文字右对齐2界面上的表单元素(输入或选择框等)左对齐,长度和高度一致;长表单元素可跨两列或三列,两端和其他行表单元素对齐3行中的单/复选框和其他行表单元素左对齐排列4列表头居中对齐,列表内容最好靠左对齐以显示更多内容5菜单和Tab页名称居中对齐滚动条1主界面原则上不允许使用纵向滚动条和横向滚动条,不得不使用时,滚动条随界面元素的增多自动出现。2界面元素中允许使用纵向滚动条,尽量少用横向滚动条;界面元素中的滚动条遵循默认隐
3、藏和必要时自动显示的原则11间距1表单元素间的行间距一致2同一界面内表单项间的列间距一致图标Icon1不同界面和子界面中,表示相同含义的图标需要一致2时间选择图标使用专门图标3菜单按照业务内容使用不同图标标识其它Others1界面上的时间选择弹出框需要一致,显示的格式需要一致2界面上的普通按钮大小、风格、颜色需要一致3界面上使用合理的图标表示各类操作类型4界面上列表统计自动计算显示的数量使用只读样式二、表单元素表单元素1同一类型的表单元素使用统一样式2正在使用的菜单或Tab页签需要着重显示;界面选中的内容需要着重显示3必填输入项和必选项需要标识出来,常用(红色*)标识,放在表单元
4、素左侧4配置界面新增和修改时,点击新增或修改按钮后第一个需采集数据的表单元素获得焦点;如果此表单元素是输入框或可输入的弹出式选择框,则光标落于输入框中;如果此表单元素是下拉选择框或不可输入的弹出式选择框,则可用有颜色的边框或边框加深提示。其他界面如查询界面等在初始化时,不需要缺省聚焦于某个表单元素上。5在新增和修改时,焦点缺省停留在第一个可编辑的表单元素上;焦点的切换支持Tab键,Tab键按照表单元素从左到右、从上到下的顺序切换;焦点切换到输入框时,光标同时落入输入框中,支持切换后直接输入116校验不合法的表单元素可以红色边框标识并聚焦于第一个非法表单元素上,同时除错误提示外,非
5、法表单元素上出现提示信息标识。如果第一个非法表单元素可输入并为空,则光标落在输入框中;如果第一个非法表单元素可输入并为非空(已经存在错误的输入项),一般情况下,选中输入框中的内容;对于未填入有效信息的可输入下拉选择框,将会恢复到初始的“--请选择--”状态7两个同类型表单元素之间进行比较而校验失败时,以红色边框标识两个表单元素,不必聚焦于某个表单元素上,如开始时间和结束时间、开始号码和结束号码8输入框长度校验不通过时建议使用聚焦该输入框和提示信息结合的方式9所有表单元素的非空校验和界面数据合法性校验在失去焦点和提交时进行,失去焦点的校验只校验最近一个失去焦点的表单元素;提交时的校
6、验按从左到右从上到下的顺序校验当前表单中的所有表单元素9所有表单元素的数据库逻辑合法性校验在提交时进行;提交时的校验按从左到右从上到下的顺序校验当前表单中的所有表单元素9所有非法校验提示按校验顺序(从左到右、从上到下的顺序)在一个提示信息框中展示10修改操作时,如果没有修改任何信息,提交时仍需要提示操作成功11下拉框不管是否必选,第一个选项都为“--请选择--”,初始化有默认值时,缺省选中默认值12在下拉数据量较大的情况下,不可输入的下拉选择框内容需要支持按中文拼音首字母排序和定位功能;可输入的下拉选择框需要支持模糊匹配功能13业务上相近或相关联的表单元素集中放置,必填项需靠前放
7、置在醒目位置14用户登录界面的用户名输入框最好具有记忆功能,需要记住最近一次清除浏览器缓存之后曾经登录成功的用户名;再次输入用户名时,使用下拉列表方式模糊匹配已经记住的用户名15除密码输入框外,其他输入框需要支持拷贝和粘贴16密码输入框需要以提示信息方式响应CapsLock键,并加密显示17有且只有两个选项的非空表单元素使用单选框,不使用下拉列表框,如选择“是”或“否”之类的选项18弹出式单选界面,除勾选选择外,最好支持双击选项选中选项并关闭选择界面19新增时,非空的生效时间建议
此文档下载收益归作者所有