第8章 用户界面设计

第8章用户界面设计8．1用户分类

用户界面又称为人机界面，是用于实现用户与计算机之间的通信，以实现人机之间交互以及数据传送的系统部件。（1）初级用户。（2）中级用户。（3）高级用户。8．2用户界面的设计目标界面友好；增加系统可用性。人机界面友好的界面应该具有以下特征：操作简单，容易学、容易掌握；界面美观大方，操作舒适；反应快速，响应合理；用语通俗易懂，语义一一致。8．3用户界面设计方法为适应不同程度的用户群体，一般把界面分为“高级功能”和“常用功能”来布置界面元素。（1）高级功能一般放在比较隐秘的位置。（2）常用功能一般放在很醒目的位置。1、界面的一致性2、菜单的一致性3、鼠标与键盘的对应原则

4、向导使用原则

5、系统响应时间

6、用户帮助设施

7、出错信息警告

8、输入界面设计

9、输出界面设计

10、基于Web界面设计

55用户界面设计--人机界面设计的一般问题界面设计主要包括三个方面设计软件构件间的接口设计模块和其他非人的信息生产者和消费者(例如，其他外部实体)的接口设计人(例如，用户)和计算机间的界面，即人机界面设计本节主要介绍人机界面设计55用户界面设计--人机界面设计的一般问题设计用户界面常遇到四个问题系统响应时间用户帮助设施出错信息处理命令交互系统响应时间指从用户完成某个控制动作(例如按回车键或点击鼠标)，到软件给出预期的响应(输出或做动作)之间的这段时间55用户界面设计--人机界面设计的一般问题用户帮助设施应考虑的问题(1)在用户与系统交互期间，是否在任何时间都能获得关于系统任何功能的帮助信息，有两种选择：提供部分功能的帮助信息和提供全部功能帮助信息。(2)用户怎样请求帮助，有三种选择：帮助菜单，特殊功能键和HELP命令。(3)怎样显示帮助信息，有三种选择：在独立的窗口中，指出参考某个文档(不理想)和在屏幕固定位置显示简短提示。(4)用户怎样返回到正常的交互方式，有两种选择：屏幕上的返回按钮和功能键。(5)怎样组织帮助信息，有三种选择：平面结构(所有信息都通过关键字访问)，信息的层次结构(用户可在该结构中查到更详细的信息)和超文本结构。55用户界面设计--人机界面设计的一般问题出错信息属性(1)信息应该以用户可以理解的术语描述问题。(2)信息应该提供有助于从错误中恢复的建设性意见。(3)信息应该指出错误可能导致哪些负面后果(例如，破坏数据文件)，以便用户检查是否出现了这些问题，并在确实出现问题时予以改正。(4)信息应该伴随着听觉上或视觉上的提示，也即在显示信息时应该同时发出警告声，或者用闪烁方式显示，或者用明显表示出错的颜色显示。(5)信息不能带有指责色彩，即不能指责用户。55用户界面设计--人机界面设计的一般问题命令交互应考虑的问题(1)是否每个菜单选项都有对应的命令。(2)采用何种命令形式，有三种选择：快捷键(例如，Ctrl+P)，功能键和键入命令。(3)学习和记忆命令的难度有多大，忘记了命令怎么办。(4)用户是否可以定制或缩写命令。在理想情况下，所有应用软件都有一致的命令使用方法。一般情况下，在常用的应用软件中采用了一致的快捷键来完成相同的功能，如用Ctrl+C表示复制，用Ctrl+V表示粘贴，Ctrl+S表示保存，

Ctrl+O表示打开。55用户界面设计--人机界面设计过程

人机界面设计是一个迭代的过程，先后涉及四个模型：设计者创建的设计模型、用户模型、终端用对系统的假想和系统实现后的系统映象。

完成界面设计设计者研究评估结果创建原型#n界面创建原型#1界面用户评估界面设计修改设计初步界面设计过程一、任务分析与创建设计模型55用户界面设计--人机界面设计过程界面设计首先要完成下列工作(1)确定任务的目标和含义(2)将每个目标/含义映射为一系列特定动作(3)说明这些动作将来在界面上执行的顺序。(4)指明各个系统状态，即上述各动作序列中每个动作在界面上执行时，界面呈现的形式。(5)定义控制机制，即便于用户修改系统状态的一些设置和操作。(6)说明控制机制怎样作用于系统状态。(7)指明用户应怎样根据界面上反映出的信息解释系统的状态。二、利用工具构造原型

确定了界面设计模型，就可利用原型开发工具创建原型。这些工具被称为用户界面工具箱或用户界面开发系统(UIDS)，它们为简化窗口、菜单、设备交互、出错信息、命令及交互环境的许多其他元素的创建，提供了各种例程或对象。这些工具所提供的功能既可以用基于语言的方式(如面向对象的语言VB)也可以用基于图形的方式来实现。55用户界面设计--人机界面设计过程55用户界面设计--人机界面设计过程三、用户试用与评估评估正式非正式例如，由用户即兴发表一些反馈意见非正式评估

由全体终端用户填写调查表，然后进行统计分析是十分正式的评估

早期复审评估标准系统及其界面的规格说明的长度和复杂程度，预示用户学习使用该系统所需要的工作量

命令或动作的数量、命令的平均参数个数或动作中单个操作的个数，预示系统的交互时间和总体效率

设计模型中给出的动作、命令和系统状态的数量，预示用户学习使用系统时需记忆内容的多少

界面风格、帮助设施和出错处理协议，预示界面的复杂程度和用户接受该界面的程度

55用户界面设计--人机界面设计过程四、完成界面设计

完成初步设计后就创建第一级原型；用户试用并评估该原型，直接向设计者提出对界面的评价；设计者根据用户意见修改设计并实现下一级原型。上述评估过程不断进行下去，直到用户感到满意，完成界面设计

55用户界面设计--人机界面设计实现原则及典型案例描述人机界面的三个方面一般交互信息显示数据输入

一般交互涉及信息显示、数据输入和整体系统控制，忽略它将承担较大风险

如果人机界面显示的信息是不完整的、含糊的或者难以理解，用户会感到迷惑、不满意用户的大部分时间用在选择命令、输入数据和向系统提供所需其他信息55用户界面设计--人机界面设计实现原则及典型案例提高交互性的措施

保持一致性。对人机界面的菜单选择、命令输入、数据显示和众多其他功能，使用一致的格式

提供有意义的反馈信息。在执行较大破坏动作之前要求用户确认。允许撤消绝大多数操作。尽量减少用户两次操作间的记忆量提高对话、移动和思考的效率宽容用户所犯错误按功能对动作分类，并依此设计屏幕布局提供对工作内容的敏感帮助设施用简单的动词和动词短语为命令名55用户界面设计--人机界面设计实现原则及典型案例案例1

文档分栏界面特点：页面布局非常一致，视觉清晰，看起来令人愉快，阅读信息所需的时间减少，任务的性能强，满意度高

案例255用户界面设计--人机界面设计实现原则及典型案例删除界面特点：在功能上添加额外的保护层以避免用户犯错误。要求用户确定要选择的意图。这种解决方案增加了安全性，减少了错误，并提高了满意度。然而，它要求额外的用户操作，导致执行效率较低

案例355用户界面设计--人机界面设计实现原则及典型案例Word字体对话框特点：Word中的字体对话框，用户可以用一堆复选框来选择字体效果，这没什么问题。但是其中有4对选项是互斥的：删除线、双删除线，下划线、双下划线，阴文、阳文，小型大写字母、全部大写字母。这些控件看上去是复选框但实际上却是单选框。显然，使用单选框将影响控件群的整体美感但确失去了可交互性。

55用户界面设计--人机界面设计实现原则及典型案例信息显示的设计原则

只显示与当前工作内容有关的信息

避免用数据困惑用户，应用便于用户迅速获取信息的方式表示数据

使用统一的标记、标准的缩写和预知的颜色允许用户维护可视化语境。例如放大缩小图像只显示有意义的出错信息使用大小写、缩进和文本分组以帮助理解使用窗口分隔不同类型的信息用“类比”手法，生动形象地表示信息合理、高效地使用显示屏55用户界面设计--人机界面设计实现原则及典型案例案例4特点：显示了两栏工具栏及一栏主菜单。命令区域清晰可见却并不占据过多的屏幕空间

案例555用户界面设计--人机界面设计实现原则及典型案例特点：是个反面示例，几乎所有的工具栏都激活了。屏幕高度混乱，用户不得要领

问题案例55用户界面设计--人机界面设计实现原则及典型案例案例6Winrar诊断对话框特点：对话框上的三个按钮分别是“关闭”、“中断操作”、“复制到剪贴板”，前两个按钮的提示意义含糊，用户容易引起误解：中断或关闭的是本对话框还是压缩操作？而且在操作“中断操作”的按钮时系统似乎并没有效果

问题案例55用户界面设计--人机界面设计实现原则及典型案例数据输入设计原则

尽量减少用户的输入动作

保持信息显示方式和数据输入方式的一致性

允许用户自定义输入格式灵活多样的交互方式，允许用户自选输入方式使在当前动作语境中不适用的命令失效允