用户界面设计地基本原则.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其它
无。