用户界面设计的基本原则_第1页
用户界面设计的基本原则_第2页
用户界面设计的基本原则_第3页
用户界面设计的基本原则_第4页
用户界面设计的基本原则_第5页
已阅读5页,还剩8页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

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

2、认。7、8、螁在数据录入上允许取消大多数操作。9、10、蒂减少在动作间必须记忆的信息数量。11、12、蒈允许用户非恶意错误,系统应保护自己不受致命操作的破坏。13、14、薅按功能对动作分类,并按此排列屏幕布局,设计者应提高命令和动作组 膂织的内聚性。15、16、衿提供语境相关的帮助机制。2.52.6膇信息显示原则薅 AE 系统的应用软件信息显示遵循以下原则:1、2、薃只显示与当前用户语境环境有关的信息。3、4、蚁不要用数据将用户包围,使用便于用户迅速吸取信息的方式表现信息。5、6、羅使用一致的标记、标准缩写和可预测的颜色,显示信息的含义应该非常 蚅明确,用户不必再参考其它信息源。7、8、羃产生

3、有意义的出错信息。9、10、聿使用缩进和文本来辅助理解。11、12、羈使用窗口分隔 /控件分隔不同类型的信息。13、14、螅高效地使用显示器的显示空间。2.72.8肀数据输入原则螁 AE 系统的应用软件数据输入遵循以下原则:1、2、螇尽量减少用户输入动作的数量;3、4、袅维护信息显示和数据输入的一致性;5、6、蒁交互应该是灵活的,对键盘和鼠标输入的灵活性提供支持;7、8、艿在当前动作的语境中使用不合适的命令不起作用;9、10、薆让用户控制交互流,用户可以跳过不必要的动作、改变所需动作的顺序 羄(如果允许的话)以及在不退出系统的情况下从错误状态中恢复;11、12、袂为所有输入的动作提供帮助;13

4、、14、羁消除冗余输入。可能的话提供缺省值、绝不要让用户提供程序中可以自蕿动获取或计算出来的信息4肄用户界面设计规范4.14.2芃界面规范的总体规定葿本应用系统显示界面总体上分为三帧:菜单工具栏区域、审计资料树区域和应用软件工作区, 如下图 1-1。莈图 1-1AE 系统界面总体规划膄 AE 系统应用平台,提供上述界面框架,其基本参数如下:1、2、蚄顶层依次包含系统菜单栏、快捷按钮栏以及各应用所包含应用菜单栏,膁 总高度为 80。3、4、 肇下层中左帧为“审计资料树” ,可变化宽度,默认为 200。5、6、膄右帧为各应用或模块的“显示页” ,是用户应用的功能容纳区。7、8、 袁应用功能容纳区宽

5、度可变,默认为 600。应用窗体有水平及垂直滚动条。9、10、薈底部为状态条高度为 20,分为多栏,应用程序可通过接口填入内容。4.34.4袆界面一致性规范芄 AE 系统各软件在界面设计中应该保持界面的一致性。芁一致性既包括:使用标准的控件;使用相同的信息表现方法,如:在字体、标签风格、颜色、 术语、显示错误信息等方面确保一致。.2芀显示信息一致性规范 ?1、2、袈字体:系统缺省字体采用如下设置:(1)(2)莄 Font.Charset=GB2312_CHARSET,(3)(4)蚂 Font.Color=clWindowText ,(5)( 6)螈 Font.Size=9,(7

6、)(8)蚇 Font.Name=宋体 。3、4、蒄标签提示:底色透明、无边框、右对齐、带冒号、一般情况使用缺省字肃体;?5、6、蒀日期:采用长格式,一般情况使用缺省字体;7、8、蒆对齐方法:(1)(2)薄?左对齐:一般文字、单个数字、日期等。(3)(4)蒄?右对齐:数字、时间、日期加时间。9、10、羈窗体:分辨率默认为 800*600,增强色 16 色,对于 800*600 与 1024*76811、12、葿两种分辨率自适应为全屏幕填充模式。窗体的比例一般是4:3(宽:高)这是一般窗体(如:主窗体)或 16:9。一般同类或大小差不多的窗体要设置成同样的大小,输入框、按 钮等要出现在相同位置这样

7、才有整体感观。窗体类型要规范:该是对话框的就是对话框, 不能使可以改变大小的!(1)( 2)蚃 FormStyle:需要平台集成的窗体均为 fsMDIChild ,其余窗体为 fsNormal 或无限制 但打开时以模态显示( ShowModal)。(3)(4)薁 WindowState:需要平台集成的窗体为 wsMaximized ,其余窗体无限制。(5)(6)蚀其余属性使用默认值。(7)(8)芈色彩值参考:螃控件及界面颜色应该与平台效果图配色风格及色调统一或近似。平台效果图见下:羂上图中的排列显示风格供参考。在整体确定之后, AE 系统各软件必须遵从。莂如果这些信息的表现方式不一致,会使得用

8、户分散注意力,影响这一软件的使用,因此开发者必须在同一软件中表现形式的一致性。.4肇布局合理化要求螃布局力求简洁、有序、易于操作。莃在一个窗口,应注意内部所有控件的布局和信息组织的艺术性,使得用户界面美观。袀在一个窗口中按 Tab 键,移动聚焦的顺序不能杂乱无章, Tab?的顺序是:先从上至下,再从左 至右。一屏中首先应输入的和重要信息的控件在 Tab 顺序中应当靠前, 位置也应放在窗口上较醒目 的位置。?.6螆鼠标与键盘对应要求袃应遵循的是可不用鼠标的原则:应用中的功能只用键盘也应当可以完成,即:设计的应用中还 应加入一些必要的按钮和菜单项。 ?4.4.74.

9、4.8螄按钮命名规范薁为了保持软件从风格到形式的上统一,需要对按钮的显示名称统一进行规范。衿如果没有特殊的要求, AE 系统要求各个应用使用 TBitBtn 作为统一的按钮控件,所有的按钮 显示名称均使用中文。图表必须统一。羃另外,按钮的显示名称尽量使用动词,常用的按钮名称如下:袀确定、删除、取消、退出、上一步、下一步、帮助、打印、新建、打开、保存、另存为、编 辑、添加、撤销、更新、应用、全选、拷贝、剪切、复制、插入、查找、替换、查询、选项、导入、 导出、汇总、分发、传输、发送。.10罿快捷键规范薇菜单项中的重要功能需要提供快捷键。快捷键的命名遵循 Windows 习惯。肃其中

10、:(一)(二)莁AE 系统软件特有功能采用 Alt+中文名称拼音首字母(三)(四)蚁面向事务的组合有莆 Ctrl-D 删除; Ctrl-F 寻找; CtrlH 替换; 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 窗

11、口; Alt H 帮助;羇。十二) 蚆 MSWindows 保留键蚁 Ctrl-Esc 任务列表; Ctrl-F4 关闭窗口;肁 Alt-F4 结束应用; Alt-Tab 下一应用; 蚆Enter缺省按钮/确认操作; Esc取消按钮/取消操作; 螆。等.12肂图标大小规范葿快捷按钮使用的图标尺寸为 32*32。蝿资料树上使用的资料类型图标尺寸为 16*164.4.13 4.4.14袆向导( WIZARD )使用规范蒃对于应用中某些固定处理流程,用户必须按照指定的顺序输入操作信息。为了使用户操作得到必要的指引,要求应用软件提供使用向导,对用户的使用进行指导。芀固定流程指相对稳定

12、的处理流程,并且处理流程至少不少于 3 个处理步骤。4.54.6蒈系统响应时间规范羆系统响应时间包括两个方面:时间长度和时间的易变性。袄系统响应时间应该适中,系统响应时间过长,用户就会感到不安和沮丧,而响应时间过短有时会造成用户加快操作节奏,从而导致错误蚈在系统响应时间上坚持如下原则:芆响应时间长度羆界面设计羀 0-10?秒 ?莀?鼠?标?显?示?成?为?沙?漏肅 10?到 18?秒 ?肆由微帮助( Hint )来显示处理进度莁 18?秒 ?以 ?上?袈显示处理窗口,或显示进度条 ?肈一个长时间的处理完成时膆应给予完成警告信息 ?螂响应时间的易变性薀界面设计袇用户感觉不到 ?芅 ?不考虑 ?膃

13、用户稍微感觉到肈由微帮助( Hint )提供易变性说明薆易变性大而且时间绝对差别大莅显示易变性提示4.74.8薄用户帮助设施规范螀常用的帮助设施有两种:集成的和附加的。虿集成的帮助设施一开始就是设计在软件中的,它与语境有关,用户可以直接选择与所要执行操作相关的主题。通过集成帮助设施可以缩短用户获得帮助的时间,增加界面的友好性。蒅附加的帮助设施是在系统建好以后再加进去的。通常是一种查询能力比较弱的联机帮助。螁要求 AE 系统的应用软件提供这两种帮助设施,设计和实现时遵循以下规范:1、2、蒂进行系统交互时,提供部分帮助功能,即:提供主要操作的帮助。3、4、蒈用户可以通过帮助菜单、 F1 键和帮助按钮(如果有的话)访问帮助。5、6、薅表示帮助时根据需要提供三种方式的选择:另一个窗体、微帮助和指出膂参考某个文档。7、8、衿用户如何回到正常交互方式有两种选择:返回键和功能键。9、10、膇帮助信息的构造:采用分层式帮助。11、微帮助提供:由状态栏提供,或控件上的提示文本。4.9出错信息和警告规范出错信息和警告是指出现问题时系统给出的提示消息。对于出错信息和警告, AE 系统的应用软件应该遵循以下规范:1、信息以用户可以理解的术语描述。2、信息应提供如何从错误中恢复的建设性意见。3、信息应指出错误可能导致哪些

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论