用户界面设计

《用户界面设计》由会员分享，可在线阅读，更多相关《用户界面设计（11页珍藏版）》请在装配图网上搜索。

1、、用户界面的概念和定义用户界面：又称人机界面，实现用户与计算机之间得通信，以控制计算机或进行用户和 计算机之间得数据传送得系统部件。GUI：即图形用户界面(Graphical User Interface,GUI) 一种可视化得用户界面，它使用图形界面代替正文界面。是为应用程序提供一个图形化的界 面，程序通过GUI与用户交互，GUI能使一个应用程序具有与众不同的“外观”和“感觉”。 有了 GUI，用户就不必花很多时间去记忆各个键盘序列的功能，从而把更多的时间投入到有 效地使用应用程序本身上。 1由于传统观念的影响，用户界面设计一直不为重视，认为这纯粹是取悦用户的伎俩，没 有任何实用价值。只要一

2、个应用软件具有强大的功能，能顺利帮助用户完成任务就可以了。近年来，随着计算机硬件技术迅猛发展，生产成本大幅度下跌，用户在应用软件的可操 作性以及操作的舒适性等方面提出了更高的要求，期望应用软件能尽可能的为他们提供一个 轻松、愉快、感觉良好的操作环境。这表明，友好的人机界面设计已经成为应用软件开发的 一个重要组成部分。对于应用软件来说，一个基本现实就是：用户界面是面向用户的。用户需要的是开发者 开发的应用软件满足其需求，并且易于使用。太多的开发者自以为是艺术天才，他们不去尽 力遵循用户界面设计标准，或花精力使得产品好用；相反，他们错误地认为编写更灵巧的代 码或是使用一套确实有趣的颜色方案才是重要

3、的事。 2界面设计成为以用户为中心，实现软件的简单使用和愉悦使用，使软件能够被用户所 接受。因此，判定一个成功的交互系统的首要条件是看它能否满足用户的需要。这就要使应用 软件不仅能够识别各种用户群，而且还可辨别各个用户所掌握的技能、经验以及他们的偏好。任何计算机应用系统都是通过用户界面与用户交互的，用户界面已成为所有计算机系统 的有机组成部分，它决定了人类如何控制和操纵系统。一个好的用户界面应该为用户提供统一、规范的交互界面，从而提高用户工作效率，增强用户对系统的认可程度。因此可以说， 用户界面设计的优劣已经成为计算机应用系统成功与否的关键因素之一。那么什么是以用户为中心的设计？ 以用户为中心

4、的设计在国际上还没有定论，但是有人提出几种熟悉用户、他们的任务以 及需求的方法：1与用户交谈 2 到办公地点拜访用户 3 观察用户工作 4 将用户工作录像 5了解工作组织 6 自我尝试 7 使用户在工作时边想边说 8 让用户参与设计 9在设计小组中包括专家级用户 10 执行任务分析 11 利用调查和问卷 12 制定 可测试的目标因此根据这些方法，就需要有一定的规范。二、用户界面设计规范一般说来，公认的设计规范应该包括下面几个内容：1用户界面设计原则坚持图形用户界面（GUI）设计原则，界面直观、对用户透明：用户接触软件后对界面 上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。界面设

5、计员应该明白软件中用户是所有处理的核心，不应该有应用程序来决定处理过程，所 以用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操 作流程强加给用户。32 一致性原则 一致性原则指在术语、控件、字体、标签、颜色、图标、信息及信息表现方式等方面确 保一致。整个应用程序用统一的风格，从而达到良好的使用效果。3 合理性原则 程序应用中应该保持统一的风格和操作方式，符合用户的操作习惯，相关信息应集中在 一起，并突出主要信息。合理的布局是界面好坏的另一个重要标准。4快捷性原则 保持界面能很快对用户操作作出反应。特别对于有大量录入项的界面，能让用户不使用 鼠标即可完成快速数据录入

6、。在用户界面中加入一些功能，这些功能可以让熟练用户在不同 的区域快速的输入数据。这些功能包括重复功能、快捷键、带有有意义的图标的按钮等等， 所有这些可以使速度快的用户可以控制界面并加快数据的输入。5清晰性原则（1）设计的结果应从清晰易懂为首要原则。它的内容主要体现在： 拥有含义明确的标识符号。 尽量采用已有的协议。 减少消息模式的数目。（2）类的结构应当尽量简明，层次深度应适当（3）尽量使用简单的协议。（4）尽量使用简单的服务。三、用户界面的发展从早期的人去适应计算机到现在的计算机在不断的适应新时期的用户需求来看，用户界 面的发展不仅影响了最终用户的使用，影响了计算机的推广应用，甚至影响了人们

7、的工作和 生活。我们这里只就计算机输出信息的形式而言来简单介绍一下用户界面的反展和趋势。 1命令语言形式。从有人机交互以来，用户与计算机之间就借助一种双方都能理解的语言进行交互式 对话。根据语言的特点可分为：a. 形式语言。b. 自然语言。c. 类自然语言。42 图形用户界面。即就是我们前面所提到的 GUI 界面，一种可视化得用户界面，它使用图形界面代替正 文界面。图形用户界面和人机交互过程极大地依赖视觉和手动控制的参与，因此具有强 烈的直接操作特点。3直接操纵用户界面。直接操纵界面强调不是去用单纯的文字或数字的表示，而要更多的借助其他的表示形式，比如物理、空间或形象的表示。4多媒体用户界面。

8、在多媒体用户界面出现之前，用户界面中只有两种媒体：文本和图形，都是静态的 媒体。多媒体技术引入了动画、音频、视频等动态媒体，特别是引入了音频媒体，从而 大大丰富了计算机表现信息的形式。5多通道用户界面。虽然多媒体大大丰富了计算机的表现形式，但它仍然是使用常规的简单的输入设备， 如常用的鼠标，键盘等，只能单通道输入，呈现出输入输出不平衡的形式。那么不同于传统 的输入方式就是多通道用户界面了。综合采用视线、语音、手势等新的交互通道、设备 和交互技术，使用户利用多个通道以自然、并行、协作的方式进行人机对话，通过整合 来自多个通道的精确的和不精确的输入来捕捉用户的交互意图，提高人机交互的自然性 和高效

9、性。6虚拟现实技术。作为一种新型人机交互形式，虚拟现实技术比以前任何人机交互形式都有希望彻底 实现和谐的、“以人为中心”的人机界面。多通道和多媒体技术的许多应用成果可直接被 应用于虚拟现实技术，而虚拟现实技术正是一种以集成为主的技术，其人机界面可以分 解为多媒体多通道界面。7理想的人机交互方式。人机交互技术几十年来经历了几个不同的主要发展阶段和典型风格。那么到底什么 是理想的人机交互方式呢？我个人认为，所谓理想的交互应该追求自然和和谐，使得用 户和计算机能够简单自然的进行交流。用户界面工作流程。用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。结构设计 St rue ture

10、Design结构设计也成概念设计(Conceptual Design)，是界面设计的骨架。通过对用户研究和任务分析，制定出产品的整体架构。基于纸质的的低保真原型(Paper Pro tot ype)可提供用户测试并进行完善。在结构设计中，目录体系的 逻辑分类和语词定义是用户易于理解和操作的重要前提。 交互设计 Interactive Design交互设计的目的是使产品让用户能简单使用。 任何产品功能的实现都是通 过人和机器的交互来完成的。因此，人的因素应作为设计的核心被体现出来。交 互设计的原则如下：1) 有清楚的错误提示。误操作后，系统提供有针对性的提示。2) 让用户控制界面。“下一步”、“

11、完成”，面对不同层次提供多种选择， 给不同层次的用户提供多种可能性。3) 允许兼用鼠标和键盘。同一种功能，同时可以用鼠标和键盘。提供多种 可能性。4) 允许工作中断。例如用手机写新短信的时候，收到短信或电话，完成后 回来仍能够找到刚才正写的新短信。5) 使用用户的语言，而非技术的语言。6) 提供快速反馈。给用户心理上的暗示，避免用户焦急。7）方便退出。如手机的退出，是按一个键完全退出，还是一层一层的退出。 提供两种可能性。8）导航功能。随时转移功能，很容易从一个功能跳到另外一个功能。9）让用户知道自己当前的位置，使其做出下一步行动的决定。视觉设计 Visual Design在结构设计的基础上，

12、参照目标群体的心理模型和任务达成进行视觉设计。 包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原 则如下：1）界面清晰明了。允许用户定制界面。2） 减少短期记忆的负担。让计算机帮助记忆，例：User Name,、Password、IE 进入界面地址可以让机器记住。3）依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择4） 提供视觉线索。图形符号的视觉的刺激；GUI （图形界面设计）：Where,What, Next Step5） 提供默认（default）、撤销（undo）、恢复（redo）的功能6）提供界面的快捷方式7）尽量使用真实世界的比喻。如：电话、打印机的图

13、标设计，尊重用户以 往的使用经验。8）完善视觉的清晰度。条理清晰；图片、文字的布局和隐喻不要让用户去 猜。9）界面的协调一致。如手机界面按钮排放，左键肯定；右键否定；或按内 容摆放。10）同样功能用同样的图形。11）色彩与内容。整体软件不超过 5 个色系，尽量少用红色、绿色。近似的 颜色表示近似的意思。 5四、窗口界面信息输入窗口界面也是人机交互的重要界面，所以在设计某个系统的输入界面时，一 般应注意如下几方面的问题。1 可靠性高，容错性好1）为可能的参数设置初始值2) 设置各种效验，随时检查和提示用户系统的工作状态与错误信息3) 设置容错、纠错功能，允许用户出错。2操作简单，易学易用。1)

14、尽可能减少录入量，特别时汉字的录入，对固定信息用菜单当时录入。2) 操作符简单、明确，容易记忆。3) 适当增加帮助功能，使用户可以边用边学。4) 输入界面的色彩不可过于单调，也不可过于浓重。5) 信息反馈时间不能过长(vlOS) ,f否则应当增加提示信息。3 风格一致，布局合理l ) 应当使系统中所有的输入界面具有统一的风格。2) 同一系统各输入界面具有基本统一的操作方式。3) 布局上要把相关信息集中在一起，突出主要信息。4) 输入的顺序符合自上而下、自左而右的习惯。5) 输入信息过多时可以分屏显示，不要使界面过于拥挤。 6五、面向对象设计的内容。1. 系统设计 系统层次结构设计。 .系统数据

15、存储设计。 .系统资源访问设计。 .并发性设计。 .交互行为方式设计。2. 对象/类的设计。 .对象静态结构设计。 .对象动态行为模型设计。六、面向对象设计的一般原则。1. 界面形式应力求简单、友好。2. 界面系统应提供一定的容错或纠错机制。3. 符合用户的实际需求和使用习惯。设计一个人机交互界面时，应分析不同类别用户的实际需求，以及充分考虑用户的知识、技能水平，确定用户满意的，并乐于接受的界面形式和结构。人机交互界面是给用户使用的，为设计好人机交互部分，设计者必须认真研究使用 它的用户，要设身处地的为用户着想。通常应该从这几个方面考虑：1按技能层次分类： 可分为初学者、初级、中级、高级。2

16、按职务分类：可分为总经理、经理、管理人员、办事人员。3按不同的成员分类：可分为职员、顾客。应该仔细了解每类用户情况，把信息记录下来，供设计时参考。1 用户类型。2 使用系统要达到的目的。3 特征（年龄、性别、受教育程度和限制因素等）。4 成功的关键因素（需求、爱好和习惯等）。5 技能水平。6 完成本职工作的脚本。7七、下面以业务查询订单为例介绍具体操作方法： 在设计订单界面以前，应该先确定订单查询业务的处理流程。在画流程图时应该遵循以 下原则：1 满足业务处理需要2尽量减少数据的冗余3方便修改、添加和删除4提高查询效率流程图：这是一个简单的查询界面，简单明了，只有几个按钮就能清清楚楚的表达出要

17、进行的动作行为。标识明确，简明易懂，但不足的是没有提供一定的容错和纠错功能。这个是一个比较好的定单表，界面以渚黄色为主，以灰色为辅，给人以稳重舒适的感觉。在结构上，总体来说符合界面设计的一般原则，也提供了多种不同方式的选择，整体风格一致，美观，大方，易学。产品情况详细，服务周到。符合了用户和顾客的实际要求，满足了不同消费群体的需求。三I 搜索 I矽 辱0个已拦截I警拼写检查叵 选项卫卫定单查询表地址（为http:/www. cntags. n et/order-made-order. htm8參 |定单查询表转到123456首页|产品介绍|网上定购|汇款方式丨邮寄贋用丨内容模板丨诚征分销商|常

18、见间题丨联系我们屈上定购壇写定购单 下载定峋表格定购涼程彩买流程付款流程汇款方式网上支付平台_ 银行汇款帐于定单查询点击输入定单号填写定购表定购数量:| “不愣钢一魅”（89彫2片/I套）jJ垫圈颜色：|军用黒色二详情见：涓音垫圈例图邮寄方式：|普通平邮包裹一大陆7元二J查询邮寄的資费标准计算总价I冗）可以使坤以下宇符=英文：ABCDEFGHIJKLMN 0D 0 R 0 T U M W H * 数字：0123456789符号：J/ & 第一行：I无I第二行：L第三行：i第四行：i第五行：i文宇对齐方式：左边对齐”说明：“1套”的识别牌j 2片上面制作的内容和材料要求都是一样的，否则按照2个单

19、片计算价格BTM申 Internet尤其是在售后服务方面此界面更是能考虑到客户的技能层次和限制因素等，在最后的设计中添加了修改功能。在不是很清晰的地方都提供了信息提示。简单易学。如图所示：示参考文献：1.Java 程序设计教程与实例 许文宪 董子建 主编北京大学出版社 2005 ISBN. 7-301-09598-82 . http:/dev-3 . htt p：/s rti cle 13489.h tml4 . . prd show.php?id=1145&pid=l6. 数据库应用程序设计基础教程 周山芙 黄京莲 编著清华大学出版社 2004.9 ISBN. 7-302-09052-17.软件工程基础教程 刘文 朱飞雪 主编北京大学出版社 2005 ISBN. 7-301-09691-78.