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

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

《用户界面设计的基本原则.docx》由会员分享，可在线阅读，更多相关《用户界面设计的基本原则.docx（10页珍藏版）》请在冰豆网上搜索。

用户界面设计的基本原则

用户界面设计的基本原则

1用户界面设计的基本原则

1.1用户界面设计原则

基于本平台开发的应用软件应坚持图形用户界面（GUI）设计原则：

1、界面直观、对用户透明：

用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。

2、始终强调软件用户是所有处理的核心：

用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。

1.2一般交互原则

AE系统的应用软件的一般交互遵循以下原则：

3、一致性：

菜单选择、数据显示以及其它功能都应使用一致的格式。

4、提供有意义的反馈。

5、执行有较大破坏性的动作前要求确认。

6、在数据录入上允许取消大多数操作。

7、减少在动作间必须记忆的信息数量。

8、允许用户非恶意错误，系统应保护自己不受致命操作的破坏。

9、按功能对动作分类，并按此排列屏幕布局，设计者应提高命令和动作组

织的内聚性。

10、提供语境相关的帮助机制。

1.3信息显示原则

AE系统的应用软件信息显示遵循以下原则：

11、只显示与当前用户语境环境有关的信息。

12、不要用数据将用户包围，使用便于用户迅速吸取信息的方式表现信息。

13、使用一致的标记、标准缩写和可预测的颜色，显示信息的含义应该非常

明确，用户不必再参考其它信息源。

14、产生有意义的出错信息。

15、使用缩进和文本来辅助理解。

16、使用窗口分隔/控件分隔不同类型的信息。

17、高效地使用显示器的显示空间。

1.4数据输入原则

AE系统的应用软件数据输入遵循以下原则：

18、尽量减少用户输入动作的数量；

19、维护信息显示和数据输入的一致性；

20、交互应该是灵活的，对键盘和鼠标输入的灵活性提供支持；

21、在当前动作的语境中使用不合适的命令不起作用；

22、让用户控制交互流，用户可以跳过不必要的动作、改变所需动作的顺序

（如果允许的话）以及在不退出系统的情况下从错误状态中恢复；

23、为所有输入的动作提供帮助；

24、消除冗余输入。

可能的话提供缺省值、绝不要让用户提供程序中可以自

动获取或计算出来的信息。

2用户界面设计规范

2.1界面规范的总体规定

本应用系统显示界面总体上分为三帧：

菜单工具栏区域、审计资料树区域和应用软件工作区，如下图1-1。

图1-1AE系统界面总体规划

AE系统应用平台，提供上述界面框架，其基本参数如下：

25、顶层依次包含系统菜单栏、快捷按钮栏以及各应用所包含应用菜单栏，

总高度为80。

26、下层中左帧为“审计资料树”，可变化宽度，默认为200。

27、右帧为各应用或模块的“显示页”，是用户应用的功能容纳区。

28、应用功能容纳区宽度可变，默认为600。

应用窗体有水平及垂直滚动条。

29、底部为状态条高度为20，分为多栏，应用程序可通过接口填入内容。

2.2界面一致性规范

AE系统各软件在界面设计中应该保持界面的一致性。

一致性既包括：

使用标准的控件；使用相同的信息表现方法，如：

在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。

2.2.1显示信息一致性规范 

30、字体：

系统缺省字体采用如下设置：

（1）Font.Charset=GB2312_CHARSET，

（2）Font.Color=clWindowText，

（3）Font.Size=9，

（4）Font.Name='宋体'。

31、标签提示：

底色透明、无边框、右对齐、带冒号、一般情况使用缺省字

体； 

32、日期：

采用长格式，一般情况使用缺省字体；

33、对齐方法：

（1） 左对齐：

一般文字、单个数字、日期等。

（2） 右对齐：

数字、时间、日期加时间。

34、窗体：

分辨率默认为800*600，增强色16色，对于800*600与1024*768

35、两种分辨率自适应为全屏幕填充模式。

窗体的比例一般是4：

3（宽：

高）——这是一般窗体（如：

主窗体）或16:

9。

一般同类或大小差不多的窗体要设置成同样的大小，输入框、按钮等要出现在相同位置——这样才有整体感观。

窗体类型要规范：

该是对话框的就是对话框，不能使可以改变大小的！

（1）FormStyle：

需要平台集成的窗体均为fsMDIChild，其余窗体为fsNormal或无限制但打开时以模态显示（ShowModal）。

（2）WindowState：

需要平台集成的窗体为wsMaximized，其余窗体无限制。

（3）其余属性使用默认值。

（4）色彩值参考：

控件及界面颜色应该与平台效果图配色风格及色调统一或近似。

平台效果图见下：

上图中的排列显示风格供参考。

在整体确定之后，AE系统各软件必须遵从。

如果这些信息的表现方式不一致，会使得用户分散注意力，影响这一软件的使用，因此开发者必须在同一软件中表现形式的一致性。

2.2.2布局合理化要求

布局力求简洁、有序、易于操作。

在一个窗口，应注意内部所有控件的布局和信息组织的艺术性，使得用户界面美观。

在一个窗口中按Tab键，移动聚焦的顺序不能杂乱无章，Tab 的顺序是：

先从上至下，再从左至右。

一屏中首先应输入的和重要信息的控件在Tab顺序中应当靠前，位置也应放在窗口上较醒目的位置。

2.2.3鼠标与键盘对应要求

应遵循的是可不用鼠标的原则：

应用中的功能只用键盘也应当可以完成，即：

设计的应用中还应加入一些必要的按钮和菜单项。

2.2.4按钮命名规范

为了保持软件从风格到形式的上统一，需要对按钮的显示名称统一进行规范。

如果没有特殊的要求，AE系统要求各个应用使用TBitBtn作为统一的按钮控件，所有的按钮显示名称均使用中文。

图表必须统一。

另外，按钮的显示名称尽量使用动词，常用的按钮名称如下：

确定、删除、取消、退出、上一步、下一步、帮助、打印、新建、打开、保存、另存为、编辑、添加、撤销、更新、应用、全选、拷贝、剪切、复制、插入、查找、替换、查询、选项、导入、导出、汇总、分发、传输、发送。

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文件；Alt-E编辑；Alt-T工具；Alt－W窗口；Alt－H帮助；

。

。

。

等

（七）MSWindows保留键

Ctrl-Esc任务列表；Ctrl-F4关闭窗口；

Alt-F4结束应用；Alt-Tab下一应用；

Enter缺省按钮/确认操作；Esc取消按钮/取消操作；

。

。

。

等

2.2.6图标大小规范

快捷按钮使用的图标尺寸为32*32。

资料树上使用的资料类型图标尺寸为16*16。

2.2.7向导（WIZARD）使用规范

对于应用中某些固定处理流程，用户必须按照指定的顺序输入操作信息。

为了使用户操作得到必要的指引，要求应用软件提供使用向导，对用户的使用进行指导。

固定流程指相对稳定的处理流程，并且处理流程至少不少于3个处理步骤。

2.3系统响应时间规范

系统响应时间包括两个方面：

时间长度和时间的易变性。

系统响应时间应该适中，系统响应时间过长，用户就会感到不安和沮丧，而响应时间过短有时会造成用户加快操作节奏，从而导致错误。

在系统响应时间上坚持如下原则：

响应时间长度

界面设计

0-10 秒                      

 鼠 标 显 示 成 为 沙 漏

10 到18 秒    

由微帮助（Hint）来显示处理进度

18 秒 以 上 

显示处理窗口，或显示进度条 

一个长时间的处理完成时

应给予完成警告信息 

响应时间的易变性

界面设计

用户感觉不到 

 不考虑 

用户稍微感觉到

由微帮助（Hint）提供易变性说明

易变性大而且时间绝对差别大

显示易变性提示

2.4用户帮助设施规范

常用的帮助设施有两种：

集成的和附加的。

集成的帮助设施一开始就是设计在软件中的，它与语境有关，用户可以直接选择与所要执行操作相关的主题。

通过集成帮助设施可以缩短用户获得帮助的时间，增加界面的友好性。

附加的帮助设施是在系统建好以后再加进去的。

通常是一种查询能力比较弱的联机帮助。

要求AE系统的应用软件提供这两种帮助设施，设计和实现时遵循以下规范：

1、进行系统交互时，提供部分帮助功能，即：

提供主要操作的帮助。

2、用户可以通过帮助菜单、F1键和帮助按钮（如果有的话）访问帮助。

3、表示帮助时根据需要提供三种方式的选择：

另一个窗体、微帮助和指出

参考某个文档。

4、用户如何回到正常交互方式有两种选择：

返回键和功能键。

5、帮助信息的构造：

采用分层式帮助。

6、微帮助提供：

由状态栏提供，或控件上的提示文本。

2.5出错信息和警告规范

出错信息和警告是指出现问题时系统给出的提示消息。

对于出错信息和警告，AE系统的应用软件应该遵循以下规范：

7、信息以用户可以理解的术语描述。

8、信息应提供如何从错误中恢复的建设性意见。

9、信息应指出错误可能导致哪些不良后果，以便用户检查是否出现了这些

情况或帮助用户进行改正。

10、信息应伴随着视觉上的提示，如特殊的图像、颜色或信息闪烁。

11、信息不能带有批判色彩，即任何情况下不能指责用户。

3用户界面设计更改和追加说明

3.1更改说明

更改本用户界面设计规范时应该征得其他开发者的同意，所有开发者应该按更正后的原则修改和设计用户界面。

3.2追加说明

追加本用户界面设计时应该发布给所有开发者，所有开发者应该按追加后的原则修改和设计用户界面。

4其它

无。