软件界面设计准则WEB.docVIP

界面设计准则 发行部门：部 文件编号： 当前版本：V.0 发布日期：2009-8-25文档状态：目 录 1. 目的和范围 5 2. 主要功能的界面设计 6 2.1 增加记录 6 2.2 修改单条记录 6 2.3 删除记录 6 2.4 条件查询 6 2.5 取消 6 2.6 保存 6 2.7 重置 7 2.8 返回 7 2.9 翻页 7 2.10 单页全选 7 3. 界面的基本设计 8 3.1 默认值 8 3.2 必填项 8 3.3 控件显示 8 3.4 提示语 8 3.5 键盘支持 8 3.6 界面传递 8 3.7 窗口嵌套 9 3.8 输入框限制 9 3.9 表单 9 3.10 界面布局 9 目的和范围 本文对软件研发过程中的界面设计准则进行了描述，旨在以简单的设计规则对软件界面进行规范。 面向研发部所有研发人员，适用于研发部的软件研发项目。 主要功能的界面设计 增加记录 有列表显示并且没有排序规则的界面，新增的记录必须排在首页首行； 提交失败后必须保留用户已输入的内容，以便再次提交； 提交时需对主要标识字段进行重复值、空值（空格）判断。 修改单条记录 如界面存在复选按钮，勾选多条记录进行修改时，需给予只能对一条记录进行修改，默认为第一条的提示信息； 修改时加载的内容都为该记录的实际内容，而不再为默认值； 修改完成后必须回到原记录所在位置，且刷新显示修改后的值； 提交失败后必须保留用户已修改的内容，以便再次提交； 在查询条件下修改，返回后只显示满足查询条件的记录； 需对主要标识字段进行重复值、空值（空格）判断。 删除记录 必须有确认删除的提示信息； 删除成功后刷新，不显示被删除的记录； 删除成功后返回到原记录所在页面，而当原记录所在页已不存在时，则返回上一页； 当被删除的记录与其它记录存在关联时，应按照需求给予不允许删除或更明细的提示信息。 条件查询 每次查询后定位到首页； 每次查询后保留当前查询条件； 当查询条件较多时，应配以重置按钮一同使用； 当未查询到任何记录时，需给予未查到相关记录的提示信息； 除非用户明确要求不需要外，需提供模糊查询及组合查询功能。 取消 在数据量较多的页面中，当进行了修改后，如果取消，请给予提示； 进行取消操作后，应返回到原记录所在位置。 保存 当保存所费时间较长时，需给予进度界面提示； 必须控制不可以重复保存。 重置 必须保证重置后与初始进入此页面时一致性。 返回 当从一个页面点击按钮或链接进入子页面时，如果父页面已消失，子页面必须提供返回按钮。 翻页 当带有条件进行翻页时，翻页同时可执行查询功能。 单页全选 勾选全选，则选中当前页的所有记录。 去掉当前页某个记录的勾选时，全选的勾选也自动去掉。 界面的基本设计 默认值 打开一个新界面，光标默认停留在第一个待输入的文本框中； 当选择下拉框不存在默认值时，则默认为“请选择”，当存在默认值时，请绑定显示默认值。 必填项 必须以红色*号标识必填项； 当未填写必填项时，可在光标准备移走时，在文本框后提供提示信息，如：以“请输入”红色文字标识； 当界面排列较紧时，如未必填项，可以以弹出信息的方式来提示，光标移走时弹出或最后提交时弹出都可。但确定后必须停留在第一个未填的必填项的文本框中。 控件显示 可输入/选择框以正常色显示；不可输入/选择框以灰色显示； 对于不可输入/选择框，通过鼠标或键盘都不可让光标定位至此控件。 提示语 提示信息中标点符号统一为全角符号； 提示信息如有主语，统一为‘您’； 复杂的操作在成功后给予提示信息； 需要后续操作的操作，在成功后给予提示信息； 提示信息不宜太长，宽度不能超过当前窗口的1/2，当超过此比例时，请视具体情况进行换行； 当功能按钮为图片按钮时，光标停留需给予浮动提示信息； 弹出提示信息图标根据提示信息内容（信息，警告，错误等）采用系统不同图例； 键盘支持 支持回车键提交； 支持TAB键移动光标焦点； TAB键移动遵循从左上至右下的原则。 界面传递 当子窗体的任何操作影响了父窗体的数据时，子窗体关闭返回必须刷新父窗体的数据； 关闭父窗体必须连同子窗体一同关闭； 子窗体的大小最好不要超过父窗体，且最好不要遮住父窗体的主要信息。 窗口嵌套 如果存在多层嵌套窗口，每层窗口弹出时都自动往右下错开显示，以保证不遮盖上层窗口标题为准； 窗口嵌套层次最好不超过3层。 输入框限制 只允许输入数字的输入框，应控制不允许输入其它字符，而不是输入非法值后给予提示； 只允许输入日期、时间的输入框，应给予格式化，而不是输入非法值后再给予提示； 当输入的内容达到了字段的长度限制时，请控制不允许再输入，而不是保存后自动截断或保存时给予提示； 对非法字符的控制，限制不可以输入或提交时给予提示。 表单 表头的内容应水平和垂直居中对齐； 表单中内容