第09章 人机界面设计

软件工程第9章人机界面设计1复旦大学计算机科学与工程系软件工程课程内容摘要人的因素人机界面风格人机界面分析与建模界面设计活动实现工具设计评估2复旦大学计算机科学与工程系软件工程课程内容摘要人的因素人机界面风格人机界面分析与建模界面设计活动实现工具设计评估3复旦大学计算机科学与工程系软件工程课程人的因素人的因素主要包括:人对感知过程的认识用户的技能和行为方式用户所要求完成的整个任务以及用户对人机界面部分的特殊要求4复旦大学计算机科学与工程系软件工程课程人对感知过程的认识人通过感觉器官认识客观世界，因此设计用户界面时要充分考虑人的视觉、触觉、听觉的作用。人机界面是在可视介质上实现的,如正文、图形、图表等。人们根据显示内容的体积、形状、颜色等种种表征来解释所获取的可视信息。因此，字体、大小、位置、颜色、形状等都会直接影响信息提取的难易程度。很好地表示可视信息是设计友好界面的关键。5复旦大学计算机科学与工程系软件工程课程用户从界面提取到的信息需要存入人的记忆中，供以后回忆和使用。在设计人机界面时不能要求用户记住复杂的操作顺序。大多数人遇到问题时不进行形式的演绎和归纳推理，而是使用一组启发式策略，这组策略是以往对类似问题的处理中逐渐获得的。因此，设计人机界面时应便于用户积累有关交互工作的经验，同时要注意启发式策略的一致性，不宜受特殊交互的影响。如，undo、exit等有统一的含义、位置和表示。6复旦大学计算机科学与工程系软件工程课程用户的技能和行为方式用户本身的技能、个性上的差异、行为方式的不同，都可能对人机界面造成影响。不同类型的人对同一界面的评价也不同。终端用户的技能直接影响他们从人机界面上获取信息的能力，影响交互过程中对系统作出反应的能力，以及使用启发式策略与系统和谐地交互的能力应根据用户的特点设计人机界面7复旦大学计算机科学与工程系软件工程课程用户分类：外行型：不熟悉计算机操作，对系统很少或毫无认识初学型：对计算机有一些经验，对新系统不熟悉，需要相当多的支持熟练型：对系统有丰富的使用经验，能熟练操作，但不了解系统的内部结构，不能纠正意外错误，不能扩充系统的能力专家型：了解系统内部的结构，有系统工作机制的专门知识，具有维护和修改系统的能力，希望为他们提供具备修改和扩充系统能力的复杂界面8复旦大学计算机科学与工程系软件工程课程例如：WinXp控制面板的向导功能适合不太熟练的用户9复旦大学计算机科学与工程系软件工程课程人体测量学对设计的影响人具有多样性，人机界面设计必须符合使用该系统的用户的特点。人的多样性包括：身体能力的多样性，工作环境的多样性，认知能力的多样性，个性的多样性和文化的多样性。

10复旦大学计算机科学与工程系软件工程课程人体测量学对设计的影响不同的用户在使用软件系统时所处的环境也不同，而工作环境对于用户的使用也有很大的影响。不适合的环境会增加系统的出错概率，降低用户的工作效率。不同用户的认知能力差异很大。对人机界面设计者来说，对用户的认知能力的理解非常重要。设计人机界面必须考虑到不同用户的认知能力，控制系统的复杂度和学习开销。11复旦大学计算机科学与工程系软件工程课程人体测量学对设计的影响个性差异体现在很多方面。例如男性和女性个性差异就是一种基本的个性差异。在开发游戏软件方面，需要考虑到用户的个性特点。这方面并没有统一的标准和测量方法，但越来越多的实践表明，对于不同个性的用户调查其使用习惯进行设计是必要的。文化差异体现在民族、语言等用户文化背景的差异，不同地区的设计者对于其他地区的文化缺少了解。为了解决文化差异，需要将软件系统国际化和本地化，人机界面也必须支持国际化和本地化设计。12复旦大学计算机科学与工程系软件工程课程主要的可测的人性因素1. 用户时间：在系统面向的使用者集合中，选择一些具有代表性的典型用户，统计其使用系统完成一系列特定任务所需要使用的时间。2. 基准时间：统计系统正确完成基准任务需要的时间。3. 基准出错率：在系统面向的使用者集合中，选择一些具有代表性的典型用户，统计其在完成基准任务时所犯的错误情况。4. 任务出错率：在系统面向的使用者集合中，选择一些具有代表性的典型用户，统计其使用系统完成一系列特定任务时所犯的错误情况。13复旦大学计算机科学与工程系软件工程课程主要的可测的人性因素（续）5. 学习能力：在系统面向的使用者集合中，选择一些具有代表性的典型用户，统计其学习使用系统的时间。6. 记忆能力：在系统面向的使用者集合中，选择一些具有代表性的典型用户，统计其在使用系统后的记忆保持时间。7. 主观看法：在系统面向的使用者集合中，选择一些具有代表性的典型用户，统计其使用系统后的主观满意情况。14复旦大学计算机科学与工程系软件工程课程主要的可测的人性因素以上几种可测量的人性因素并不是每种都能在设计中保持在最佳状态，在设计时，必须根据实际情况进行取舍。如果要维持比较低的出错率，那么系统的效率可能就要变差；如果要保证系统的效率，那么用户的学习时间就要增加，记忆时间也会减少。在进行人机界面设计时，就要针对系统的用户集合和任务集合对设计目标进行论证或折衷。15复旦大学计算机科学与工程系软件工程课程内容摘要人的因素人机界面风格人机界面分析与建模界面设计活动实现工具设计评估16复旦大学计算机科学与工程系软件工程课程人机界面风格第一代：命令和询问方式的界面正文形式的通信，通过用户命令和用户对系统询问的响应来完成。由于使用正文通信，因此用户容易出错，界面不友善，难以学习。第二代：简单的菜单式界面 与第一代界面相比不易出错，但使用起来乏味，逐层进行不能一步到位。17复旦大学计算机科学与工程系软件工程课程第三代：窗口、图标、菜单、指示器四位一体的界面能同时显示不同种类的信息，可在多个工作环境（窗口）中切换，窗口使用户能自如地执行许多通信型和认知型任务通过下拉式菜单可方便地执行控制型和对话型任务引入图标、下拉式菜单、按钮和滚动杆技术，可大大减少键盘输入，提高交互效率第四代：第三界面与超文本、多任务概念相结合的界面，用户可同时执行多个任务。18复旦大学计算机科学与工程系软件工程课程语言界面根据语言的特点命令语言界面可分为：形式语言。这是一种人工语言，特点是简洁、严密、高效，不仅是操纵计算机的语言，而且是处理语言的语言；自然语言。特点是具有多义性、微妙、丰富；类自然语言。这是计算机语言的一种特例。命令语言要求惊人的记忆和大量的训练，并且容易出错，使入门者望而生畏，但比较灵活和高效，适合于专业人员使用。19复旦大学计算机科学与工程系软件工程课程图形用户界面图形用户界面(GUI-GraphicsUserInterface)是当前用户界面的主流，广泛应用于各档台式微机和图形工作站当前各类图形用户界面的共同特点是以窗口管理系统为核心，使用键盘和鼠标器作为输入设备。窗口管理系统除基于可重叠多窗口管理技术外，广泛采用的另一核心技术是事件驱动(Event-Driven)技术。图形用户界面和人机交互过程极大地依赖视觉和手动控制的参与，因此具有强烈的直接操作特点。20复旦大学计算机科学与工程系软件工程课程图形用户界面图形用户界面中菜单的表现形式比字符用户界面更为丰富，在菜单项中可以显示不同的字体、图标甚至产生三维效果。菜单界面与命令语言界面相比，用户只需确认而不需回忆系统命令，从而大大降低记忆负荷。但菜单的缺点是灵活性和效率较差，可能不十分适合于专家用户。基于图形用户界面的优点是具有一定的文化和语言独立性，并可提高视觉目标搜索的效率。图形用户界面的主要缺点是需要占用较多的屏幕空间，并且难以表达和支持非空间性的抽象信息的交互。21复旦大学计算机科学与工程系软件工程课程直接操纵用户界面直接操纵(Directmanipulation)用户界面是Shneiderman首先提出的概念，直接操纵用户界面更多地借助物理的、空间的或形象的表示，而不是单纯的文字或数字的表示。22复旦大学计算机科学与工程系软件工程课程从用户界面设计者角度看：设计图形比较因难，需大量的测试和实验；复杂语义、抽象语义表示比较困难；不容易使用户界面与应用程序分开独立设计。总之，直接操纵用户界面不具备命令语言界面的某些优点。23复旦大学计算机科学与工程系软件工程课程多媒体用户界面多媒体用户界面被认为是在智能用户界面和自然交互技术取得突破之前的一种过渡技术。多媒体技术引入了动画、音频、视频等动态媒体，特别是引入了音频媒体，从而大大丰富了计算机表现信息的形式，拓宽了计算机输出的带宽，提高了用户接受信息的效率。24复旦大学计算机科学与工程系软件工程课程多媒体用户界面多媒体用户界面丰富了信息的表现形式，但基本上限于信息的存储和传输方面，并没有理解媒体信息的含义，这是其不足之处，从而也限制了它的应用场合。25复旦大学计算机科学与工程系软件工程课程多通道用户界面80年代后期以来，多通道用户界面(MultimodalUserInterface)成为人机交互技术研究的崭新领域，在国际上受到高度重视。多通道用户界面综合采用视线、语音、手势等新的交互通道、设备和交互技术，使用户利用多个通道以自然、并行、协作的方式进行人机对话，通过整合来自多个通道的精确的和不精确的输入来捕捉用户的交互意图，提高人机交互的自然性和高效性。26复旦大学计算机科学与工程系软件工程课程内容摘要人的因素人机界面风格人机界面分析与建模界面设计活动实现工具设计评估27复旦大学计算机科学与工程系软件工程课程人机界面设计过程人机界面的设计过程是迭代的，包括四个不同的框架活动用户、任务和环境分析及建模界面设计界面构造界面确认用户、任务和环境分析界面设计实现界面确认28复旦大学计算机科学与工程系软件工程课程设计人员首先分析将与系统交互的用户的特点。记录下技能级别、业务理解以及对新系统的一般感悟，并定义不同的用户类别。对每一个用户类别，进行需求诱导。软件工程师试图去理解每类用户的系统感觉。一旦定义好一般需求，将进行更详细的任务分析。标识、描述和精化那些用户为了达到系统目标而执行的任务。29复旦大学计算机科学与工程系软件工程课程人机界面设计过程用户环境分析关注系统物理工作环境。通常问这样一些问题：界面将物理地位于何处？用户是否坐着、站着或完成其他和该界面无关的任务？界面硬件是否适应空间、光线或噪音的约束？是否需要考虑特殊的由环境因素驱动的人的因素？30复旦大学计算机科学与工程系软件工程课程人机界面设计过程界面设计的目标是定义一组界面对象和动作（以及它们的屏幕表示）。设计完成后，软件工程师根据设计方案，使用实现工具完成界面的构造。界面确认关注：界面正确地实现每个用户任务的程度、适应所有任务变更的能力以及达到所有一般用户需求的能力；界面容易使用和学习的程度；用户接受界面作为它们工作中有用工具的程度。31复旦大学计算机科学与工程系软件工程课程例子：注射器剂量输入界面32复旦大学计算机科学与工程系软件工程课程人机界面设计中涉及的模型软件工程师创建的设计模型（designmodel）：整个系统设计模型包括对软件的数据结构、体系结构、界面和过程的表示。界面设计往往是设计模型的附带结果。人机工程师创建的用户模型（usermodel）：用户模型描述系统终端用户的特点。设计前，应对用户分类，了解用户的特点，包括年龄、性别、实际能力（physicalabilities）、教育、文化和种族背景、动机、目的以及个性。33复旦大学计算机科学与工程系软件工程课程终端用户在脑海里对界面产生的映象，称为用户的模型（user´smodel）或系统感觉（systemperception）：系统感觉是终端用户主观想象的系统映象，它描述了期望的系统能提供的操作，其描述的精确程度依赖于终端用户对软件的熟悉程度。系统实现者创建的系统映象（systemimage）：系统映象包括基于计算机的系统的外在表示（界面的观感）和用来描述系统语法和语义的支撑信息（书、手册、录像带、帮助文件）。如果系统映象和系统感觉是一致的，用户就会对软件感到很舒服，使用起来就很有效。34复旦大学计算机科学与工程系软件工程课程任务分析的途径与方法进行任务分析有两种途径 （1）剖析原有应用系统（可能是手工的或是半手工方式）的工作步骤，将其映射到人机界面上执行的一组任务； （2）通过对系统需求规格说明的分析，导出与设计模型、用户模型和系统感觉相协调的一组任务。35复旦大学计算机科学与工程系软件工程课程无论通过什么渠道进行任务分析，软件工程师必须首先定义任务并对任务分类，进行任务分析可以采用逐步精化的方法和面向对象的方法。例如：一个小软件公司想要为室内设计人员建立一个计算机辅助设计系统，采用逐步精化的方法，通过设计人员观察，了解到室内设计主要包括以下活动：家具布置、材料选择、墙和窗的涂料选择、对用户的展示、商定价格和购买。可以将每项任务细分成子任务36复旦大学计算机科学与工程系软件工程课程家具布局可分为：（1）基于房间格局画出楼层平面图；（2）将门窗放在适当位置；（3）用家具模板在平面图上画出家具轮廓；（4）将家具轮廓放到最合适的位置；（5）标记出所有家具轮廓；（6）画出尺寸以确定位置；（7）画出客户的视图。对于其他的每个主要任务也可以进行类似的划分37复旦大学计算机科学与工程系软件工程课程任务分析的途径与方法另一种任务分析方法采用了面向对象的观点。软件工程师观察室内设计人员使用的物理对象以及施加在每个对象上的动作例如，家具模板应是这种任务分析方法中的一个对象，室内设计人员可以“选择”适当的家具模板，将其“移动”到合适的位置，“画出”家具模板的轮廓等等。38复旦大学计算机科学与工程系软件工程课程内容摘要人的因素人机界面风格人机界面分析与建模界面设计活动实现工具设计评估39复旦大学计算机科学与工程系软件工程课程定义界面对象和动作界面设计过程可以按照以下方式进行1．建立任务的目标和意图。2．将每个目标或意图映射为一系列特定的动作。3．按在界面上执行的方式说明这些动作的顺序。4．指明系统状态，即执行动作时的界面表现。5．定义控制机制，即用户可用的改变系统状态的设备和动作。6．指明控制机制如何影响系统状态。7．指明用户如何通过界面上的信息解释系统状态。40复旦大学计算机科学与工程系软件工程课程定义界面对象和动作分析用户场景，也就是，写下一个用户场景的描述，将名词（对象）和动词（动作）分离出来，形成对象和动作的列表。屏幕布局，进行图符的图形设计和放置、屏幕文字的定义、窗口的规约和命名以及各种菜单项的定义。制订一份指导工作的文档通常是设计的关键。在设计的初期就应该不断完善这份文档。指导文档必须是动态的41复旦大学计算机科学与工程系软件工程课程指导文档文字和图标术语、缩略语和大写字符集，字体，字体大小和样式图标、图形和线的粗细度色彩、背景、突出显示和闪烁的使用屏幕布局问题菜单选择、表格填充和对话框格式提示用语、反馈和出错消息对齐方式、空白区和边缘空白数据项的输入显示方式，表格的输入显示方式页眉和页脚的使用和内容输入输出设备键盘、显示器、鼠标和其他指点设备声音探测、声音反馈、触摸式输入和其他特殊设备各种人物的响应时间行为顺序图形界面的点击、拖动等输入行为命令的语法、语义、优先级程序功能键错误处理和恢复培训在线帮助培训和参考资料42复旦大学计算机科学与工程系软件工程课程设计问题系统响应时间用户求助设施（userhelpfacilities）错误信息