UI设计标准规范说明指导书.doc

UI设计规范说明书修订历史统计日期版本说明作者1 序言1.1 文档介绍本文档是对整个系统界面设计风格进行描述，和用户交互最终界面在具体设计说明书中设计和解释。1.2 系统定义用户界面：又称人机界面，实现用户和计算机之间得通信，以控制计算机或进行用户和计算机之间得数据传送得系统部件。GUI：即图形用户界面，一个可视化得用户界面，它使用图形界面替换正文界面。1.3 编写目标统一图形界面规范，为开发人员提供统一标准，为用户提供统一显示效果、统一操作方法界面，便于用户识别和使用。2 界面设计准则 Rules2.1 引言 Introduction在界面设计中应该保持界面一致性。一致性既包含使用标准控件，也指使用相同信息表现方法，如在字体、风格、颜色、术语、提醒信息等方面确保一致。2.2 关键内容 Content2.2.1 显示信息一致性标准坚持图形用户界面（GUI）设计标准，界面直观、对用户透明：用户接触软件后对界面上对应功效一目了然、不需要多少培训就能够方便使用本应用系统。 明确用户是全部处理关键，不应该有应用程序来决定处理过程，所以用户界面应该由用户来控制应用怎样工作、怎样响应，而不是由开发者按自己意愿把操作步骤强加给用户。界面设计必需经过最终确定才能完成。2.2.2 布局合理化标准应注意在一个窗口内部全部控件布局和信息组织艺术性，使得用户界面美观。在一个窗口中按tab键，移动聚焦次序不能杂乱无章，tab次序是先从上至下，再从左至右。一屏中首先应输入和关键信息控件在tab次序中应该靠前，位置也应放在窗口上较醒目标位置。布局努力争取简练、有序、易于操作。2.2.3 鼠标和键盘一致性标准尽可能遵照可不用鼠标标准：应用中功效只用键盘也应该能够完成，即设计应用中还应加入部分必需按钮和菜单项。不过，很多鼠标操作，如双击、拖动对象等，并不能简单地用键盘来模拟即可实现，这类操作可合适增加操作按钮。2.2.4 向导使用标准对于应用中一些部分处理步骤是固定，用户必需根据指定次序输入操作信息，为了使用户操作得到必需引用应该使用向导，使用户使用功效时比较轻松明了，不过向导必需用在固定处理步骤中，而且处理步骤应该不少于3个处理步骤。2.2.5 系统响应时间系统响应时间应该适中，响应时间过长，用户就会感到不安和沮丧，而响应时间过快也会影响到用户操作节奏，并可能造成错误。所以在系统响应时间上坚持以下标准：响应时间长度界面设计：0-5秒鼠标显示成为沙漏；5秒以上显示处理窗口，或显示进度条；一个长时间处理完成时应给完成警告信息。2.2.6 犯错信息和警告犯错信息和警告是指出现问题时系统给出坏消息，对于犯错信息和警告应该遵照以下标准：信息以用户能够了解术语描述；信息简明扼要，指出犯错原因并提供处理措施提醒。2.2.7 信息显示标准信息显示遵照以下标准：1）只显示和目前用户语境环境相关信息；2）不要用数据将用户包围，使用便于用户快速吸收信息方法表现信息；3）使用一致标识、标准缩写和颜色，显示信息含义应该很明确，用户无须再参考其它信息源；4）产生有意义犯错信息；5）使用缩进和文原来辅助了解；6）使用窗口分隔控件分隔不一样类型信息；7）高效地使用显示器显示空间，但要避免空间过于拥挤。2.2.8 数据输入标准数据输入遵照以下标准：1）尽可能降低用户输入动作数量；2）维护信息显示和数据输入一致性；3）交互应该时灵活，对键盘和鼠标输入灵活性提供支持；4）在目前动作语境中使不适宜命令不起作用；5）让用户控制交互流，用户能够跳过无须要动作、改变所需动作次序（假如许可话）和在不退出系统情况下从错误状态中恢复；6）为全部输入动作提供帮助；7）消除冗余输入。可能话提供默认值、绝不要让用户提供程序中能够自动获取或计算出来信息。3 界面实施细则 Detail3.1 概述界面设计中保持界面一致性。一致性既包含使用标准控件，也指使用相同信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。界面努力争取简练明了，确保系统功效设计合理和明确，布局明确、交互操作合理、协调统一。功效要表现清楚，分类清楚有条理，避免过多控件嵌套造成视觉混乱；单一功效操作目标明确，符合易用性标准，避免无须要信息显示而对用户造成视觉干扰；努力争取操作简单，简单功效一步完成，比较复杂功效三步之内，复杂功效操作使用操作向导来辅助用户完成。3.2 颜色搭配 Corlor3.3 字体 Font3.4 资源 Resources3.5 控件风格 Style3.5.1 窗体 Window3.5.2 菜单 Menu3.5.3 工具栏 ToolBar3.5.4 状态栏 StatusBar3.5.5 导航栏 OutlookBar3.5.6 数据窗口 DataWindow3.5.7 按钮 Button3.5.8 单选框 RadioButton3.5.9 静态文本 Statictext3.5.10 文本框 SingleLineEdit3.5.11 下拉选择框 DropDownList3.5.12 树形视图 TreeView3.5.13 图片PictureBox3.6 界面布局 Layout3.6.1 引言 Introduction3.6.2 间距 Distance3.6.3 对齐 Align3.6.4 分辨率3.6.5 主界面布局3.6.6 用户关键工作区布局3.6.6.1 衍生布局13.6.6.2 衍生布局23.6.6.3 衍生布局33.6.7 弹出式窗口布局3.6.7.1 业务模块弹出式窗口3.6.7.2 管理模块弹出式窗口3.6.7.3 弹出式窗口上数据窗口3.7 快捷键 ShortCuekey在菜单项中使用快捷键能够让使用键盘用户操作得愈加快部分，在Windows及其应用软件中快捷键使用大多是一致。应用快捷键在各个配置项上语义必需保持一致。 3.8 用户简单交互 Action3.8.1 消息框 MessageBox3.9 联机帮助 Help3.9.1 帮助 Help常见帮助有两种：集成和附加。集成帮助一开始就是设计在软件中，它和语境相关，用户能够直接选择和所要实施操作相关专题。经过集成帮助能够缩短用户取得帮助时间，增加界面友好性。附加帮助在系统建好以后再加进去。通常是一个查询能力比较弱联机帮助。提供这两种帮助，设计和实现时遵照以下标准：1）进行系统交互时，提供部分帮助功效，即：提供关键操作帮助；2）用户能够经过帮助菜单、F1键和帮助按钮（假如有话）访问帮助；3）表示帮助时依据需要提供三种方法选择：另一个窗体、微帮助和指出参考某个文档；4）用户怎样回到正常交互方法有两种选择：返回键和功效键。帮助信息结构：采取分层式帮助。3.9.2 微帮助 MicroHelp微帮助提供：由状态栏提供，或控件上提醒文本。微帮助要求：简明扼要说明问题，避免冗长繁复叙述。3.9.3 Tooltip3.9.4 帮助文件 CHM/HLP4 追加说明更改说明或更改本用户界面设计时应该取得全部开发者同意，全部开发者应该按更正后标准修改和设计用户界面。