序号 |
模块 |
设计规范 |
测试结果 |
备注 |
1 |
页面展现(所有页面) |
自适应1024*768、1280*800两种分辨率。 |
|
|
界面层次不超过3层。 |
|
|
||
默认窗口设置下,不应出现水平、垂直滚动条。 |
|
|
||
完成同一功能或任务的元素放在集中位置,用框起来,减少鼠标移动的距离 |
|
|
||
当界面内容超出显示区域时,以浮动层的形式显示。 |
|
|
||
2 |
页面字体(所有页面) |
页面文字编码为UTF-8。 |
|
|
属性设置,中文以宋体或是微软雅黑为主、英文采用‘Arial’或‘verdana’ |
|
|
||
3 |
其他页面元素 (所有页面) |
下拉框,给出默认选择,默认选择‘默认全部’‘请选择’等文字提示。 |
|
|
序号 |
模块 |
设计规范 |
测试结果 |
备注 |
1 |
信息填写(所有页面) |
在输入框失去焦点时进行数据有效性、合法性的判断,并在输入框后给出提示。(除非验证只能在服务端完成) |
|
|
如果输入框内有默认的文字,当输入框获得焦点时,需要讲输入框内的文字处于全选状态。 |
|
|
||
2 |
鼠标交互响应 (所有页面) |
当页面元素获得焦点、被点击、失去焦点时,需要控件本身在颜色、大小或形状上的变化给予响应。页面元素包括:按钮、链接、页签、输入框、表格等。 |
|
|
等待响应。当由于载入大数据量等原因,使得用户需要等待一定时间,需要将鼠标指针的形状变成时间漏斗或其他鼠标不可操作的样子来提醒用户等待。 |
|
|
序号 |
模块 |
设计规范 |
测试结果 |
备注 |
1 |
信息交互(所有页面) |
与正在进行的操作无关的按钮应屏蔽,如:按钮背景灰色显示。 |
|
|
非法的输入或操作应有明确的提示说明。 |
|
|
序号 |
模块 |
设计规范 |
测试结果 |
备注 |
1 |
提示信息(所有页面) |
提示信息中如有标点符号,统一为全角符号。 |
|
|
提示信息如有主语,统一为‘您’。 |
|
|
||
当功能按钮为图片按钮时,光标停留需给予浮动提示信息。 |
|
|
||
对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。 |
|
|
||
提示信息不宜太长,宽度不能超过当前窗口的1/2;当超过此比例时,视具体情况进行换行。 |
|
|
||
非法的输入或操作应有足够的提示说明。 |
|
|
||
对用户的鼠标定位操作,当移动到可响应的位置上时,应给予提示信息。 |
|
|
||
提示信息页面统一采用公共的模版页面,不能直接抛出异常的详细信息。 |
|
|
||
独立的提示信息页面中至少包含一个【确定/关闭】按钮,点击【确定/关闭】按钮关闭信息页面。 |
|
|
序号 |
模块 |
设计规范 |
测试结果 |
备注 |
1 |
键盘响应(所有页面) |
支持Esc取消悬浮页面。 |
|
|
Enter,‘确认’或进行下一步操作或提交。 |
|
|
||
Tab、或Shift+tab能够在页面元素中按照一定次序切换焦点,遵循从左上至右下的原则。 |
|
|
序号 |
模块 |
设计规范 |
测试结果 |
备注 |
1 |
新增 |
提交失败后保存用户已经输入的内容,以便再次提交。 |
|
|
提交时需对主要表示字段进行重复值、空值(空格)判断。 |
|
|
||
2 |
修改 |
修改完成后须回到原记录所在位置,且刷新显示修改后的值。 |
|
|
修改内容提交失败后,须保留用户修改的内容,以便再次修改提交。 |
|
|
||
修改后加载的内容应为的实际内容,而不再为默认值。 |
|
|
||
需对主标识字段进行重复值、空值(空格)判断。 |
|
|
||
3 |
删除 |
必须有确认删除的提示信息。 |
|
|
删除成功后刷新,不显示删除的记录。有分页列表的,重新计算分页数。 |
|
|
||
删除成功后,返回到原记录所在页面,如果原记录所在页不存在时,则返回上一页。 |
|
|
||
4 |
查询 |
每次查询后定位到查询结果首页。 |
|
|
每次查询后保留当前查询条件。 |
|
|
||
当查询条件较多时,需要配置“重置”按钮提供使用。 |
|
|
||
当未查询到任何记录时,需给予未查找到相关记录的提示信息。 |
|
|
||
初始化查询界面,未输入查询条件,默认查询所有记录,或根据需求约定默认值显示。 |
|
|
||
查询结果为页面内容的,命中关键字高亮或其他颜色显示。 |
|
|
||
查询日期开始时间点一般默认为00:00:00,结束时间点为23:59:59。 |
|
|
||
查询的结束时间>=开始时间。 |
|
|
||
除了需求明确要求不需要外,需提供模糊查询及组合查询功能。只限于全文内容查询。 |
|
|
||
5 |
取消 |
在数据量较多的页面中,当进行了修改后,取消请给予提示。 |
|
|
取消返回到原记录所在状态。防止出现“网页已过期/该页无法显示”的情况。 |
|
|
||
6 |
保存 |
当保存所费的时间较长时,需给出保存进度界面的提示。 |
|
|
需对主要标识字段进行重复值、空值(空格)判断。 |
|
|
||
须控制不可以重复保存(对提交按钮点击后做变灰处理避免在网络响应较慢情况下用户重复提交同一个表单。使用页面过期失效避免用户后退浏览重复提交表单。)。 |
|
|
||
7 |
重置 |
必须保证重置后与初始进入此页面时一致性。 |
|
|
8 |
返回 |
当从一个页面点击按钮或链接进入子页面时,子页面必须提供返回按钮。 |
|
|
9 |
分页 |
带条件进行翻页时,翻页同时执行查询功能。 |
|
|
如有单页复选功能,翻页后不保留选中状态。 |
|
|
||
输入具体页数输入框只允许输入正整数。 |
|
|
||
提供‘上一页’‘下一页’按钮功能。 |
|
|
||
10 |
全选 |
勾选全选,则选中当前页面所有记录。 |
|
|
去掉当前页面某个记录的勾选,则全选也去掉勾选。 |
|
|
||
刷新页面或翻页后,自动去掉已勾选的记录及全选的勾选。 |
|
|
序号 |
模块 |
设计规范 |
测试结果 |
备注 |
1 |
默认值 (所有页面) |
打开一个新界面,光标默认停留在第一个待输入的文本框中。 |
|
|
系统对话框页面不应该支持缩放,即右上角只有关闭功能。 |
|
|
||
图片,默认为显示出代表图片文件的图标,或是缩略图。 |
|
|
||
多媒体,默认为显示出代表多媒体文件的图标。 |
|
|
||
2 |
必填项 (所有页面) |
界面的必填项必须以红色*号标识出来。 |
|
|
当必填项没有填写时,可在光标准备移走时,给予友好提示。 |
|
|
||
当界面排列较紧时,必填项没有填可以以悬浮弹出信息的方式来提示,光标移走时弹出或最后提交时弹出皆可;但确定后必须停留在第一个待输入的文本框中。 |
|
|
||
3 |
输入框操作(所有页面) |
当输入的内容达到了字段的长度限制时,不显示新输入的的数值,并提示不允许再输入,而不是保存后自动截断。 |
|
|
只允许输入数字的输入框需控制不允许输入其它字符,而不是输入非法值后给予提示信息。 |
|
|
||
只允许输入日期、时间的输入框请给予格式化,而不是输入非法值后再给予提示信息。 |
|
|
||
4 |
控件显示 (所有控件) |
可输入/选择框以正常色显示;不可输入/选择框以灰色显示。 |
|
|
对于不可输入/选择框,通过鼠标或键盘都不可让光标定位至此控件。 |
|
|
||
翻页控件、日期控件原则上要求整个系统保持一致。 |
|
|
||
可写控件检测到非法输入后应给出说明并能自动获得焦点。 |
|
|
||
5 |
页面按钮 (所有页面) |
同一页面上的按钮大小应该一致,不同页面的按钮大小尽量相近,按钮上忌用太长的名称。 |
|
|
按钮的大小要与界面的大小和空间要协调。 |
|
|
||
避免空旷的界面上放置很大的按钮。 |
|
|
||
与正在进行的操作无关的按钮应屏蔽,如:按钮背景灰色显示。 |
|
|
||
要求按钮上显示的文字能够准确表达功能含义。 |
|
|
||
重要的命令按钮与使用较频繁的按钮要放在界面上相对固定的位置上。 |
|
|
||
容易引起操作错误或使程序退出、关闭的按钮应不醒目,放在不易点到的位置。 |
|
|
||
6 |
导入导出功能 |
本系统导出的文件可以正常导入。 |
|
|
文档中存在部分/全部不符合的记录(字段值和约束不一致)时,符合的记录能导入,不符合的不导入,导入完成后需给出结果提示。 |
|
|
||
重复导入文件,若数据主要标识字段要求进行排重,需给予提示信息。 |
|
|
||
对导入文件名称填错,文件不存在,文件为空,文件被其他程序占用等情况,需给予提示信息。 |
|
|
||
对文件上传格式进行验证,文件大小进行限制。 |
|
|
||
7 |
帐号密码 |
密码输入界面应使用点号代替明文。 |
|
|
密码格式校验:是否为空,是否过长(最长128位)/过短(最短6位),是否支持空格,是否支持大小写区分,是否含数字,是否支持特殊字符,是否支持中文/日文/韩文。 |
|
|
||
登录页面要提供验证码验证功能。首次登录不出现验证码,登录错误再次登录的时候,要输入验证码。 |
|
|
不符合规范数(条) |
适用规范数(条) |
规范符合度(%) |
|
|
|