用户界面设计的基本原则.docx

《用户界面设计的基本原则.docx》由会员分享，可在线阅读，更多相关《用户界面设计的基本原则.docx（10页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、用户界面设计的基本原则 1 用户界面设计的基本原则 1.1 用户界面设计原则 基于本平台开发的应用软件应坚持图形用户界面（GUI）设计原则： 1、界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。 2、始终强调软件用户是所有处理的核心：用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。 1.2 一般交互原则 AE系统的应用软件的一般交互遵循以下原则： 1、一致性：菜单选择、数据显示以及其它功能都应使用一致的格式。 2、提供有意义的反馈。 3、执行有较大破坏性的动作前要求确认。 4、在数据录入上允

2、许取消大多数操作。 5、减少在动作间必须记忆的信息数量。 6、允许用户非恶意错误，系统应保护自己不受致命操作的破坏。 7、按功能对动作分类，并按此排列屏幕布局，设计者应提高命令和动作组织的内聚性。 8、提供语境相关的帮助机制。 1.3 信息显示原则 AE系统的应用软件信息显示遵循以下原则： 1、只显示与当前用户语境环境有关的信息。 2、不要用数据将用户包围，使用便于用户迅速吸取信息的方式表现信息。 3、使用一致的标记、标准缩写和可预测的颜色，显示信息的含义应该非常明确，用户不必再参考其它信息源。 4、产生有意义的出错信息。 5、使用缩进和文本来辅助理解。 6、使用窗口分隔/控件分隔不同类型的信

3、息。 7、高效地使用显示器的显示空间。 1.4 数据输入原则 AE系统的应用软件数据输入遵循以下原则： 1、尽量减少用户输入动作的数量； 2、维护信息显示和数据输入的一致性； 3、交互应该是灵活的，对键盘和鼠标输入的灵活性提供支持； 4、在当前动作的语境中使用不合适的命令不起作用； 5、让用户控制交互流，用户可以跳过不必要的动作、改变所需动作的顺序（如果允许的话）以及在不退出系统的情况下从错误状态中恢复； 6、为所有输入的动作提供帮助； 7、消除冗余输入。可能的话提供缺省值、绝不要让用户提供程序中可以自动获取或计算出来的信息。 2 用户界面设计规范 2.1 界面规范的总体规定 本应用系统显示界

4、面总体上分为三帧：菜单工具栏区域、审计资料树区域和应用软件工作区，如下图1-1。 图1-1 AE系统界面总体规划 AE系统应用平台，提供上述界面框架，其基本参数如下： 1、顶层依次包含系统菜单栏、快捷按钮栏以及各应用所包含应用菜单栏，总高度为80。 2、下层中左帧为“审计资料树”，可变化宽度，默认为200。 3、右帧为各应用或模块的“显示页”，是用户应用的功能容纳区。 4、应用功能容纳区宽度可变，默认为600。应用窗体有水平及垂直滚动条。 5、底部为状态条高度为20，分为多栏，应用程序可通过接口填入内容。2.2 界面一致性规范 AE系统各软件在界面设计中应该保持界面的一致性。 一致性既包括：使

5、用标准的控件；使用相同的信息表现方法，如：在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。 2.2.1 显示信息一致性规范 1、字体：系统缺省字体采用如下设置： （1）Font.Charset = GB2312_CHARSET， （2）Font.Color = clWindowText， （3）Font.Size = 9， （4） = 宋体。 2、标签提示：底色透明、无边框、右对齐、带冒号、一般情况使用缺省字体； 3、日期：采用长格式，一般情况使用缺省字体； 4、对齐方法： （1）左对齐：一般文字、单个数字、日期等。 （2）右对齐：数字、时间、日期加时间。 5、窗体：分辨率默认为80

6、0*600，增强色16色，对于800*600与1024*768 6、两种分辨率自适应为全屏幕填充模式。窗体的比例一般是4：3（宽：高） 这是一般窗体（如：主窗体）或16:9。一般同类或大小差不多的窗体要设置成同样的大小，输入框、按钮等要出现在相同位置这样才有整体感观。窗体类型要规范：该是对话框的就是对话框，不能使可以改变大小的！ （1）FormStyle：需要平台集成的窗体均为fsMDIChild，其余窗体为 fsNormal或无限制但打开时以模态显示（ShowModal）。 （2）WindowState：需要平台集成的窗体为wsMaximized，其余窗体无 限制。 （3）其余属性使用默认值

7、。 （4）色彩值参考： 控件及界面颜色应该与平台效果图配色风格及色调统一或近似。平台效果图见下： 上图中的排列显示风格供参考。在整体确定之后，AE系统各软件必须遵从。 如果这些信息的表现方式不一致，会使得用户分散注意力，影响这一软件的使用，因此开发者必须在同一软件中表现形式的一致性。 2.2.2 布局合理化要求 布局力求简洁、有序、易于操作。 在一个窗口，应注意内部所有控件的布局和信息组织的艺术性，使得用户界面美观。 在一个窗口中按Tab键，移动聚焦的顺序不能杂乱无章，Tab 的顺序是：先从上至下，再从左至右。一屏中首先应输入的和重要信息的控件在Tab顺序中应当靠前，位置也应放在窗口上较醒目的

8、位置。 2.2.3 鼠标与键盘对应要求 应遵循的是可不用鼠标的原则：应用中的功能只用键盘也应当可以完成，即： 设计的应用中还应加入一些必要的按钮和菜单项。 2.2.4 按钮命名规范 为了保持软件从风格到形式的上统一，需要对按钮的显示名称统一进行规范。 如果没有特殊的要求，AE系统要求各个应用使用TBitBtn作为统一的按钮控件，所有的按钮显示名称均使用中文。图表必须统一。 另外，按钮的显示名称尽量使用动词，常用的按钮名称如下： 确定、删除、取消、退出、上一步、下一步、帮助、打印、新建、打开、保存、另存为、编辑、添加、撤销、更新、应用、全选、拷贝、剪切、复制、插入、查找、替换、查询、选项、导入、

9、导出、汇总、分发、传输、发送。 2.2.5 快捷键规范 菜单项中的重要功能需要提供快捷键。快捷键的命名遵循Windows习惯。其中： （一）AE系统软件特有功能采用Alt+中文名称拼音首字母 （二）面向事务的组合有 Ctrl-D 删除；Ctrl-F 寻找；Ctrl H替换；Ctrl-I 插入； Ctrl-N 新记录；Ctrl-S 保存Ctrl-O 打开； 。等 （三）编辑 Ctrl-A全选；Ctrl-C 拷贝；Ctrl-V 粘贴； Ctrl-X 剪切；Ctrl-Z撤消操作；Ctrl-Y恢复操作； 。等 （四）文件操作 Ctrl-P 打印；Ctrl-W 关闭； 。等 （五）系统菜单 Alt-F文

10、件；Alt-E编辑；Alt-T工具；AltW窗口；AltH帮助； 。等 （六）MS Windows保留键 Ctrl-Esc 任务列表；Ctrl-F4 关闭窗口； Alt-F4 结束应用；Alt-Tab 下一应用； Enter 缺省按钮/确认操作；Esc 取消按钮/取消操作； 。等 2.2.6 图标大小规范 快捷按钮使用的图标尺寸为32*32。 资料树上使用的资料类型图标尺寸为16*16。 2.2.7 向导（WIZARD）使用规范 对于应用中某些固定处理流程，用户必须按照指定的顺序输入操作信息。为了使用户操作得到必要的指引，要求应用软件提供使用向导，对用户的使用进行指导。 固定流程指相对稳定的处

11、理流程，并且处理流程至少不少于3个处理步骤。 2.3 系统响应时间规范 系统响应时间包括两个方面：时间长度和时间的易变性。 系统响应时间应该适中，系统响应时间过长，用户就会感到不安和沮丧，而响应时间过短有时会造成用户加快操作节奏，从而导致错误。 在系统响应时间上坚持如下原则： 2.4 用户帮助设施规范 常用的帮助设施有两种：集成的和附加的。 集成的帮助设施一开始就是设计在软件中的，它与语境有关，用户可以直接选择与所要执行操作相关的主题。通过集成帮助设施可以缩短用户获得帮助的时间，增加界面的友好性。 附加的帮助设施是在系统建好以后再加进去的。通常是一种查询能力比较弱的联机帮助。 要求AE系统的应

12、用软件提供这两种帮助设施，设计和实现时遵循以下规范： 1、进行系统交互时，提供部分帮助功能，即：提供主要操作的帮助。 2、用户可以通过帮助菜单、F1键和帮助按钮（如果有的话）访问帮助。 3、表示帮助时根据需要提供三种方式的选择：另一个窗体、微帮助和指出参考某个文档。 4、用户如何回到正常交互方式有两种选择：返回键和功能键。 5、帮助信息的构造：采用分层式帮助。 6、微帮助提供：由状态栏提供，或控件上的提示文本。 2.5 出错信息和警告规范 出错信息和警告是指出现问题时系统给出的提示消息。对于出错信息和警告，AE系统的应用软件应该遵循以下规范： 1、信息以用户可以理解的术语描述。 2、信息应提供如何从错误中恢复的建设性意见。 3、信息应指出错误可能导致哪些不良后果，以便用户检查是否出现了这些情况或帮助用户进行改正。 4、信息应伴随着视觉上的提示，如特殊的图像、颜色或信息闪烁。 5、信息不能带有批判色彩，即任何情况下不能指责用户。 3 用户界面设计更改和追加说明 3.1 更改说明 更改本用户界面设计规范时应该征得其他开发者的同意，所有开发者应该按更正后的原则修改和设计用户界面。 3.2 追加说明 追加本用户界面设计时应该发布给所有开发者，所有开发者应该按追加后的原则修改和设计用户界面。 4 其它 无。