人机交互基础教程第5章ppt课件.ppt

《人机交互基础教程第5章ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、人机交互基础教程第5章界面设计重点大学计算机专业系列教材界面设计原则理解用户设计流程任务分析以用户为中心的界面设计内容摘要命令行界面可以看作是第一代人机界面，其中人被看成操作员，机器只做出被动的反应，人用手操作键盘，输入数据和命令信息，通过视觉通道获取信息，界面输出只能为静态的文本字符。图形界面可看作是第二代人机界面，是基于图形方式的人机界面。由于引入了图标、按钮和滚动条技术，大大减少了键盘输入，提高了交互效率。多通道用户界面则进一步综合采用视觉、语音、手势等新的交互通道、设备和交互技术，使用户利用多个通道以自然、并行、协作的方式进行人机对话，通过整合来自多个

2、通道的、精确的或不精确的输入来捕捉用户的交互意图，提高人机交互的自然性和高效性。5.1界面设计原则桌面隐喻桌面隐喻是指在用户界面中用人们熟悉的桌面上的图例清楚地表示计算机可以处理的能力。所见即所得在WYSIWYG交互界面中，其所显示的用户交互行为与应用程序最终产生的结果是一致的。直接操纵直接操纵是指可以把操作的对象、属性、关系显式地表示出来，用光笔、鼠标、触摸屏或数据手套等指点设备直接从屏幕上获取形象化命令与数据的过程。图形用户界面的主要思想界面要具有一致性常用操作要有快捷方式提供必要的错误处理功能提供信息反馈允许操作可逆设计良好的联机帮助合理划分并高效地使用

3、显示屏幕图形用户界面设计的一般原则用户的含义简单的说，用户是使用某种产品的人，其包含两层含义：1）用户是人类的一部分；2）用户是产品的使用者。产品的设计只有以用户为中心，才能得到更多用户的青睐。衡量一个以用户为中心的设计的好坏，关键点是强调产品的最终使用者与产品之间的交互质量，它包括三方面特性：产品在特定使用环境下为特定用户用于特定用途时所具有的有效性（Effectiveness）、效率（Efficiency）和用户主观满意度（Satisfaction）。延伸开来，还包括对特定用户而言，产品的易学程度、对用户的吸引程度、用户在体验产品前后时的整体心理感受等。5

4、.2理解用户用户体验（UserExperience，UX）通常是指用户在使用产品或系统时的全面体验和满意度。用户体验主要有下列四个元素组成：品牌（Branding）使用性（Usability）功能性（Functionality）内容（Content）用户体验偶然型用户：既没有计算机应用领域的专业知识，也缺少计算机系统基本知识的用户。生疏型用户：他们更常使用计算机系统，因而对计算机的性能及操作使用，已经有一定程度的理解和经验。但他们往往对新使用的计算机系统缺乏了解，不太熟悉，因此对新系统而言，他们仍旧是生疏用户。熟练型用户：这类用户一般是专业技术人员，他们对需要

5、计算机完成的工作任务有清楚地了解，对计算机系统也有相当多的知识和经验，并且能熟练地操作、使用。专家型用户：对需要计算机完成的工作任务和计算机系统都很精通的，通常是计算机专业用户，称为专家型用户。用户分类计算机和领域经验对易于学习和易于使用的影响用户的观察和分析情境访谈（ContextualInterviews）走进用户的现实环境，尽量了解你的用户的工作方式、生活环境等情况。焦点小组（FocusGroups）组织一组用户进行讨论，让你更了解用户的理解、想法、态度和需求。单独访谈（IndividualInterviews）一对一的用户讨论，让你了解某个用户是如何工

6、作，使你知道用户的感受、想要什么及其经历等。5.3设计流程设计常用的素材分析方法是对象模型化，即将用户分析的结果按照讨论的对象进行分类整理，并且以各种图示的方法描述其属性、行为和关系。对象抽象模型可以逐步转化为不同具体程度的用户视图。比较抽象的视图有利于进行逻辑分析，称为低真视图（Low-fidelityPrototype）；比较具体的视图更接近于人机界面的最终表达，称为高真视图（High-fidelityPrototype）。实施随着产品进入实施阶段，设计师对高真设计原型进行最后的调整，并且撰写产品的设计风格标准（StyleGuide），产品各个部分风格的一

7、致性由该标准保证。产品实施或投入市场后，面向用户的设计并没有结束，而是要进一步的搜集用户的评价和建议，以利于下一代产品的开发和研制。任务分析是交互设计至关重要的环节，在以用户为中心的设计中，关心的是如何从用户那里理解和获取用户的思维模式，进行充分、直观的表达，并用于交互设计。描述用户行为的工具有很多，目前经常提到的是通用标识语言UML（UnifiedMarkupLanguage）。5.4任务分析UML2.0共有10种图示，分别为组合结构图、用例图、类图、序列图、对象图、协作图、状态图、活动图、组件图和部署图，它们分别用以表现不同的视图。在任务分析中使用UML工

8、具，可以清晰地表达一个交互任务诸多方面