系统界面设计规范.docx

3页面基本HTML及服务器端控件扩展标记等均保持代码干净整洁，便于检查和控制；

4含有复杂嵌套结构的,,标记在行间留白及结构的缩进，便于今后的维护。

5非数据操作使用客户端脚本实现，减少非必要的服务器[WEB服务器、数据库服务器]负载；

2.4.交互设计

a）控件控制

1第三方服务器端控件的使用要保证具有广泛兼容性和安全性，且具有完备的接口指定外观属性和交互方式。

2复杂的应用程序中非标准交互控件给出详细的操作方法的提示。

3页面中尽量使用统一的导航类型，如使用基于点击“图形”的链接、“文字”的链接或文字图形混合其中一种方式。

举例：

4页面按钮作为基本交互控件，提倡使用有鼠标响应状态变化和禁用状态的BUTTON按钮，除特殊界面需要，不提倡使用图形按钮，而且保证同一应用程序内只使用一种外观的按钮。

5拖放的服务器端控件在页面表格Table里在执行过程中不能破坏页面原布局。

如.NET

中CANLENDAR控件建议在弹出的子窗体内独立使用。

6包含数据的表格使用中没有数据的情况有文字标注[无**数据]]，表头字段名用区别于数据行的格式显示。

7分栏目的主题名称使用用户容易理解的，以用户第一人称角度的命名方式，减少生硬的称谓给用户带来的不友好感。

8B/S应用程序允许含有类似拖放操作的非标准交互控件，但是需增加操作的说明。

b）表单控制

1页面内部有必要的前后文帮助信息，将页面主要任务目标、注意事项等描述在表单前申明，便于用户及时获得导引。

2页面在交互控制中添加完整的状态控制，操作中灰显特定组合的控件来实现用户的准确操作，及时的刷新表单中遗留的数据。

3表单内任务无关的信息、较少使用的选项等可以通过DHTML技术、服务器端控件的隐藏等减少用户操作中的干扰因素。

4表单内在特定的字段域附近给出必填信息提示，并用醒目颜色标注，提醒用户注意，验证的错误提示要给出准确恰当的指导；为提高用户填写的效率，建议使用客户端验证；复杂逻辑的验证使用服务器端验证。

5信息显示过滤可能出现的用户不能识别的HTML特殊字符。

6表单中用户在交互过程中保证用户方便的切换编辑、浏览状态，方便用户用最快的速度获取需要的信息，提高操作效率。

7经常使用的工具按钮（如新增、编辑等功能按钮）保证在页面经单向拖曳浏览后，不需来回拖曳滑竿即可操作；长页面可以考虑页首、页尾均放置工具按钮。

8主详细表及父子表关系的查看方式使用联动式导航到下级数据，即点选主项目或父项目记录时系统自动查询并显示出关联的详细信息、子表数据，无需点选任何按钮。

c）窗体控制

1.使用具有广泛兼容性的j***ascript控制客户端交互和简单导航,，除服务器控件部分自动扩展到客户端的Jscript外，程序员手动控制脚本不推荐使用Jscript和VBscript。

2.操作过程中有清晰分界的子任务使用弹出窗体实现，保证完成后向主任务窗体返回必要的结果，及时刷新主任务窗体，使用户看到操作完成的结果，并且通过控件获取焦点等措施突出显示该结果。

3.弹出窗体的页面主题、栏目标题（Title）等资料与关联的父窗体保持上下文一致，方便用户理解并做出处理策略。

4.采用框架结构的应用程序，要充分考虑不同分辨率下的自动扩展，不同框架之间同步通讯及时，方便用户快速切换目标导航，观察数据之间的关系等。

5.窗口主题显示标志用户当前所在模块或子系统名称，子任务窗体主题使用“动词+名词”的语法结构指明用户当前的任务；

2.5.输入设计

1．高效率的输入方式，特定的字段内容的输入方式选用使用效率最高，不容易发生错误的方式。

如录入日期使用用户点选弹出的日历控件，并无须干预的自动返回正确的格式。

2．方便的获取到必要的信息，无须用户记忆中间结果。

3．表单格式尽量保持业务原始票据的格式或字段排列顺序，方便用户的集中录入过程。

4．表单字段左对齐。

5．输入控件的宽度基本符合数据库能够容纳的宽度，暗示系统能够接受的字符容量。

2.6.提示信息

1.错误操作的提示信息使用非专业的、易理解的名词告知用户。

2.以第二人称“你”或“您”称呼用户，强调用户的主导能力。

3.对用户宽容的语气。

4.严重的警告信息使用弹出信息框提示，不严重的在页面前后文处直接输出，弹出不宜太频繁的使用。

5.可能对系统导致破坏性的操作要给出警告信息和用户确认（Confirm）按钮，用户可以取消操作，防止意外的错误操作造成损失。

6.复杂步骤在完成后给出完成成功的提示。

2.7.出错处理及出错画面的转向

1.系统的内部状态变化对于用户有较大影响的情况，给出用户明显的解决方案提示，或给出自动的导航，使用户快速的恢复工作状态。

2.例如用户SESSION过期，用户无法进行操作时，系统自动跳转至登录界面。

3.提供应用程序级错误截获，在不可预见的情况下仍给用户告知当前情况。

4.提供页面间自动导航控制[FlowControler],以更宽容的方式接受用户操作，协助用户处理复杂的交互任务。

3.小结

以上小结着重从交互方面将易忽略的部分给予规范，在用户操作过程中每一个操作即时的看到操作的结果，这也就符合了即时响应原则的要求，降低了用户交互操作的复杂度，提高了效率。