交互设计完整版课件全套PPT最全电子教案

1、产品交互设计Product Interaction Design1st 交互设计的缘起2nd 交互设计的设计本质3rd 交互设计中的系统观4th 交互设计的基本目标5th 交互设计的意义与流程产品交互设计 第1章 概述概述概述6th 交互形式：追求自然的交互7th 对交互设计有较大影响的学者什么是交互设计？什么是交互设计？维基百科:交互设计定义两个或多个互动的个体个体之间交流的内容和结构，使之相互配合，共同达成某种目的。交互设计 2产品交互设计 第1章 概述接受的服务人使用的产品以“在充满社会复杂性的物质世界中嵌入信息技术”为中心非电子类产品组织服务交互性不只是技术系统，还有产品交互设计 第1

2、章 概述1 1 交互设计的缘起交互设计的缘起交互设计起源于计算机的人机界面设计人机界面设计1666年技术人员将计算过程分解，穿孔纸带输入编码塞缪尔莫兰德（Samuel Morland）发明了可以计算加数及减数的一部机械计数机 INTEL推出8008微处理器1972年 1973年 1973年首台基于图形界面的电脑Xerox Alto推出 C语言开发完成 ARPAnet走向世界1975年 米兹（mits）公推出了世界上第一台个人计算机Altair-88001983年1981年 Xerox Alto商用版本star开发中，交互界面的设计问题受到重视 Bill Maggridge设计出第一台笔记本电脑

3、“Grid Compass” Apple的Lisa奠定了以窗口(Windows)、菜单(Menu)、图符(Icons)和指示装置(Pointing Devices)为基础的图形用户界面，也称WIMP界面的基本形态ARPA：美国高级研究计划署（阿帕，Advanced Research Project Agency）的简称1 1 交互设计的缘起交互设计的缘起1984年, Bill Maggridge在一次会议中提出交互设计的概念l 开始只是想着将软件与用户界面设计的结合，称为“soft face”（软面）l 1990年更名为“Interaction Design”(交互设计)。4计算机成为设计的对

4、象计算机成为设计的对象产品交互设计 第1章 概述吉利恩:如果让我用一句话来概括交互设计的话,我认为交互设计是通过数码产品改变着我们的工作,生活以及娱乐的一种有效手段。1 1 交互设计的缘起交互设计的缘起4计算机成为设计的对象计算机成为设计的对象产品交互设计 第1章 概述好的软件可靠程序不能有影响其功能的错误实用愉悦程序应该满足所期望的实用要求使用程序的体验应该是愉快的程序员及普通用户认识差异软件缺少人性化软件未经过设计计算机软硬件复杂性计算机组件二：控制（命令机制）组件三：用户概念模型51 1 交互设计的缘起交互设计的缘起计算机成为设计的对象计算机成为设计的对象产品交互设计 第1章 概述从用户

5、认知角度改善易用性的早期成功尝试Star系统(首次在界面设计中使用图形比拟）组件一：信息的显示图形用户界面处理要在屏幕上显示的内容用来调用命令的机制用户想要的内容及用户会如何响应窗口边框和按钮外观、字体等61 1 交互设计的缘起交互设计的缘起计算机成为设计的对象产品交互设计 第1章 概述从使用者认知的角度改善易用性的早期成功尝试Star系统(首次在界面设计中使用图形比拟）图形用户界面其他所有一切都要服从于使这种概念模型整体、清晰、明确和充实的目标。组件二：控制（命令机制）组件三：用户概念模型组件一：信息的显示71 1 交互设计的缘起交互设计的缘起计算机成为设计的对象计算机成为设计的对象产品交互

6、设计 第1章 概述从使用者认知的角度改善易用性的早期成功尝试Star系统(首次在界面设计中使用图形比拟）使用户能够把这种抽象的东西与自己的工作关联起来Important设计一致的命令调用（针对跨不同语言的程序）Important图形用户界面组件二：控制（命令机制）组件三：用户概念模型组件一：信息的显示81 1 交互设计的缘起交互设计的缘起计算机成为设计的对象计算机成为设计的对象产品交互设计 第1章 概述表现模型系统表示模型用户心智模型系统实现模型产品模型即实现模型，是机器和程序实际如何工作的原理和细节，描述了程序和机器中功能实现、实际的工作机制。设计师最重要的工作是:为系统建立一个面向用户的表

7、现模型，将系统的功能通过形式语言诚实地展现给用户。产品系统在用户心目中的运作机制，通常是用户对系统的一种简化的、类比的理解和想象应尽可能容易理解和记忆91 1 交互设计的缘起交互设计的缘起计算机成为设计的对象计算机成为设计的对象产品交互设计 第1章 概述交互的语汇使用双方能理解的语汇系统：程序员普通用户二进制机器语言汇编语言指令集合C语言可视化、图形化编程面向机器（系统模型）的语言程序的结构越来越面向人的思维和现实世界问题用户明白自己能执行什么动作，且系统能够以同样的方式明白并按照其所期待的来执行这些动作。Important101 1 交互设计的缘起交互设计的缘起计算机成为设计的对象计算机成为

8、设计的对象产品交互设计 第1章 概述交互的语汇采用二进制数值的直接输入和输出的世界首台计算机Altair-8800。拥有位图显示器、Windows、鼠标的Xerox Alto计算机，首次使用了窗口设计被认为是操作系统GUI界面发展史上的里程碑。交互设计所追求的是易用性，以及技术上的可能性、合理性。交互设计的策略之一当用户与系统交互时，把他们试图做什么与他们更熟悉的其他东西关联起来。111 1 交互设计的缘起交互设计的缘起计算机成为一种媒介材料计算机成为一种媒介材料产品交互设计 第1章 概述无处不在的交互微控制器数字逻辑触发器智能手机ARM芯片MP3播放器游戏设备汽车导航系统物联网冰箱塑造日常消

9、费电子产品的形状和使用方式交互设计是信息时代的工业设计。在普适计算和物联理论的基础上，交互已经变得无处不在。121 1 交互设计的缘起交互设计的缘起计算机成为一种媒介材料计算机成为一种媒介材料产品交互设计 第1章 概述设计体验交互设计逐渐发展成为一种理念，那就是将信息和通讯技术看成一种新的艺术媒介。从人的需求出发，分析发掘潜在的用户需求和技术的成熟性、经济性之间的最佳匹配点。为开发指明方向，基于技术的潜能，设想和实验新的生活样式，提供更好的用户体验。好的交互设计131 1 交互设计的缘起交互设计的缘起计算机成为一种媒介材料计算机成为一种媒介材料产品交互设计 第1章 概述交互设计的常见话题数据的

10、可视化u 图形、图像使用户更好地理解数据。u 构思数据和与数据的交互时，必须考虑: 需要呈现的是什么数据 用户会如何诠释这些数据 用户会想对数据做什么 用户想如何与数据互动工作的效率u 操作系统的桌面模拟允许使用者按照一种符合其自然认知能力和生活中熟悉的主题环境来开展工作。u 小屏幕或无屏幕的界面交互应用往往趋向于关注实用性和功能性，使用户能够更有效率地完成任务、组织信息和保存信息。141 1 交互设计的缘起交互设计的缘起计算机成为一种媒介材料计算机成为一种媒介材料产品交互设计 第1章 概述交互设计的常见话题创造体验u 创造体验的价值是交互设计更普遍的目标u 通常使用新颖的方式连接听觉和视觉刺

11、激，来创造娱乐用户的场面或者带有娱乐性的交互u互动装置常常还会包含媒介间的转换，现实物体变成虚拟物体，或者反过来虚拟变成现实人与人之间的交流设计师不仅需要设计人与物之间的交互，也要学习设计人与人交流的新方式。 基于用户位置信息的互动是一种用户之间合作的互动应用程序，这类系统中相互作用趋于方便沟通，并确保从一个用户发出的信息能被另一位用户接受。 根据美国社会心理学家Stanley Milgram提出的六度分割理论，利用网络低廉快速的平台，倡导网络实名制，将现实生活中的人脉关系建立在网络平台之上，使得人与人之间的交流沟通更加便利。151 1 交互设计的缘起交互设计的缘起计算机成为一种媒介材料计算机

12、成为一种媒介材料产品交互设计 第1章 概述交互设计的常见话题控制物理世界通过各种传感器、制动器，设计师可以把物理世界中所有的东西植入计算机，使之有感知和有反馈。Home Automation 在一个房间里安装各种复杂的传感器和系统，在一个空间内跟踪记录各种变化，还可以使用这些数据来更全面地控制这个环境，使之更加舒适，使环境配置正确。感应性建筑（reactive architecture）通过建筑方面的实践与计算机技术的结合来达到房屋和环境能够对用户、环境因素和外部命令做出反应。非线性叙事用交互的方式来播放电影、讲述一个故事或者一段历史的概念。用户可以通过从数据可视化或游戏中学来的方法控制叙事的

13、流程和方向。162 2 交互设计的设计本质交互设计的设计本质产品交互设计 第1章 概述交互设计设计理论HCI研究认知心理学可用性测试研究计算机技术传感技术人机界面技术交互设计属于设计学发展中的一个分支，是多个学科的交叉。设计的思维设计的思维传统设计交互设计产品作为一个object看待产品看作一个事件event静态造型和材料面向行为和过程，强调过程性思考的能力效果图作为设计表现手段流程图、状态转换图、故事板等成为重要设计表现手段172 2 交互设计的设计本质交互设计的设计本质交互设计与工业设计交互设计与工业设计产品交互设计 第1章 概述产品信息化工业设计师还能设计独立于软件使用体验的硬件产品？!

14、设计师技能：一些概念进行全新定义外形的设计新产品类型预想人们如何使用交互的设计涉及很多建模过程系统怎样正常工作用户将如何接近其目标如何配置界面设计师确保交互过程简单直接，使一切用户所期望的，通过清晰明确的方式尽快地传达给他/她。给人快乐或者挑战就是交互的目的交互设计与工业设计182 2 交互设计的设计本质交互设计的设计本质艺术与交互艺术与交互产品交互设计 第1章 概述艺术与交互交互艺术、工业设计、交互设计l 拥有同一目标：为用户设计产品或者体验l 拥有同样的工具以及工作流程：草图 模型 最终成品的展示193 3 交互设计中的系统观交互设计中的系统观产品交互设计 第1章 概述交互：两个或两个以上

15、活动的参与者之间的信息交流。有感知和反馈的物体系统与系统发生交互的人信息交流交互设计的目的设计某种让人能够以有意义的方式与之互动的系统反馈循环：系统自我反馈自我调节反应式交互研究用户会对系统做什么和系统会作出什么反应。更复杂的交互模式系统不停地执行任务，同时用户输入命令调整任务。 难点用户需要每时每刻都了解系统如何运作，了解如何对系统做出修改，并明白对某个部分的修改可能影响到系统的另一个部分。最复杂的交互模式完美的交谈4 4 交互设计的基本目标交互设计的基本目标产品交互设计 第1章 概述创建交互应用最困难的任务之一是去理解系统怎样看待来自用户的信息以及用户怎样看待系统提供的信息。 交互信息越丰

16、富，越容易报错避免误解产生为了更好的体验避免交互过程中的误解，重点在于产品界面和文档的易学习性、易用性、满意度等方面。帕特里克乔丹(Patrick Jordan) 形容从功能性到愉悦的进步与马斯洛（Maslow）的人类需求层次相类似，在低层需求满足以后人们就去追求更高层次的需求。205 5 交互设计的意义与流程交互设计的意义与流程产品交互设计 第1章 概述交互交互设计的描述交互设计的描述最初源于Bill Morridge对产品使用行为，任务流程图和信息结构的设计，实现技术的可用，易于理解以及令人们使用的更加愉悦。交互设计先驱之一McAra-McWilliam(皇家艺术学院, 麦卡拉 麦克威廉姆

17、)“交互设计师需要理解人们，理解他们如何体验事物，如何无师自通，如何学习。”交互设计的起步是由于信息产业的发展、计算机的个人化和普遍化所引发的一系列与“设计”有关的问题。沿用传统工业设计以用户/人为中心的设计理念和方法，发展出一系列交互设计所特有的思维模式和工作方法。215 5 交互设计的意义与流程交互设计的意义与流程产品交互设计 第1章 概述交互工作的创作流程交互工作的创作流程交互工作的创作流程用户研究和设计调研发现问题用户研究和设计调研发现问题用户调研、人种志手段(介入观察、非介入观察, 采访等)交互设计师调查了解用户及其相关使用的场景对用户的使用时心理模式和行为模式等产生深刻认识225

18、5 交互设计的意义与流程交互设计的意义与流程产品交互设计 第1章 概述交互工作的创作流程交互工作的创作流程交互工作的创作流程用户研究和设计调研发现问题用户研究和设计调研发现问题考虑用户调研的结果、技术可行性、以及商业机会为设计的目标创建概念（目标可能是新的软件、产品、服务或者系统） 头脑风暴 交谈（无保留的交谈） 细化概念模型等设计师必须详细地描绘出心目中产品怎么做，这个交互带给用户的感觉以及产品的最终功能。235 5 交互设计的意义与流程交互设计的意义与流程产品交互设计 第1章 概述交互工作的创作流程交互工作的创作流程交互工作的创作流程用户研究和设计调研发现问题用户研究和设计调研发现问题Wi

19、reframe描述设计对象的功能和行为分页或者分屏的方式（夹带相关部分的注解）描述系统的细节界面流程图描述系统的操作流程245 5 交互设计的意义与流程交互设计的意义与流程产品交互设计 第1章 概述交互工作的创作流程交互工作的创作流程交互工作的创作流程用户研究和设计调研发现问题用户研究和设计调研发现问题 通过设计原型来测试设计方案。 通过做实验得出需要什么部件以及哪些现有的函数库或代码可以帮助完成原型。功能测试的原型感官测试原型实现测试原型测试用户和设计系统交互的质量255 5 交互设计的意义与流程交互设计的意义与流程产品交互设计 第1章 概述交互工作的创作流程交互工作的创作流程交互工作的创作

20、流程用户研究和设计调研发现问题测试是创造一个情景让用户使用产品并观察它们的使用情况，通过用户测试发现设计的缺陷。266 6 交互形式：追求自然的交互交互形式：追求自然的交互产品交互设计 第1章 概述交互形式 文本命令行提示符界面键盘Ivan Sutherland（伊凡苏泽兰）画板276 6 交互形式：追求自然的交互交互形式：追求自然的交互产品交互设计 第1章 概述交互形式 电容式触摸屏Doug Englebar鼠标1968道格恩格尔巴特发明的世界上第一个鼠标台式机图形用户界面第一个电脑人性化设计:苹果Mac电脑27Video1.2_Mouse.mp4Video1.3_诺基亚S60用户体验.mp

21、46 6 交互形式：追求自然的交互交互形式：追求自然的交互产品交互设计 第1章 概述交互形式 Doug Englebar鼠标1968道格恩格尔巴特发明的世界上第一个鼠标276 6 交互形式：追求自然的交互交互形式：追求自然的交互产品交互设计 第1章 概述交互形式 电容式触摸屏276 6 交互形式：追求自然的交互交互形式：追求自然的交互产品交互设计 第1章 概述交互形式 电容式触摸屏文本命令行提示符界面键盘Doug Englebar鼠标Ivan Sutherland画板台式机图形用户界面鼠标操作-图形界面和指点设备 最常见的与计算机互动方法。用户拖放、双击和click-and-hold这些动作在

22、不同的应用程序，背后的意义并非完全标准，也不是完全是固定的。实体界面MIT Media Lab的H. Lshii等人对早期可抓握用户界面(graspable user interface)理论进行了重要发展，于1997年提出有形用户界面的思想。 存在&机器感知参与者的在与不在是一个十分具有直觉性的交互活动，可由重量、活动、光、热或者声音而感知。27声光互动滑滑梯基于多点触摸的“星空琴韵”虚拟乐器改变了传统的橱窗展示方式6 6 交互形式：追求自然的交互交互形式：追求自然的交互产品交互设计 第1章 概述声音和语音识别声音识别：通过识别某些声波的特征去执行一些指令或某些任务的计算机程序。语音

23、识别：计算机通过声音来辨认词组或指令，最终确定具体的指令是什么。声音本身可用来提供输入、体积、音调和持续时间等信息。触摸界面与多点输入用手指来放大或缩小，转动旋转既自然，又很有效率。苹果iPhone，Microsoft Surface（微软开发的第一款平板电脑）等许多运用多点输入的新产品已被推广。手势手势通常是通过触屏界面、摄像头或笔来实现的，使用手势操作来建立交互的基本原则一般不会改变。 要点是哪些手势是人所熟悉的，习惯性的。自然手势控制屏幕内虚拟电子书287 7 对交互设计有较大影响的学者对交互设计有较大影响的学者产品交互设计 第1章 概述Bill Moggridge美国IDEO公司主要创

24、立者之一1982年设计出第一台笔记本电脑-Grid Compass提倡在产品开发过程之中运用一种“以用户为中心”的设计过程1984年首次提出“交互设计”的概念2009年在美国白宫举办的国家设计大奖授予了其终身成就奖在皇家艺术学院和伦敦商学院以及斯坦福大学任教，同时是哥本哈根交互设计学院的董事会成员2006年出版Designing Interactions一书，被美国的商业周刊杂志评为当年十大最佳创新设计书籍之一。297 7 对交互设计有较大影响的学者对交互设计有较大影响的学者产品交互设计 第1章 概述Bill Verplank（比尔 韦普朗克）Bill Verplank是一位关注人与计算机互动

25、的设计师和研究员。目前是斯坦福大学的访问学者，同时也参与斯坦福大学的设计学院工作。同Bill Moggridge一起创造了“交互设计”这个词语。1978-1986年期间在施乐公司工作，对用户界面原始图形和鼠标进行了重新设计。1986-1992期间在IDEO公司工作，为产品设计的领域引进了用户图形界面设计的思想。307 7 对交互设计有较大影响的学者对交互设计有较大影响的学者产品交互设计 第1章 概述Gillian Crampton Smith （吉利恩克兰姆顿史密斯）1983年她在英国圣马丁学院开设了图形设计与计算机的研究生课程。1989年在RCA(皇家艺术学院，Royal College o

26、f Art)建立了交互设计系前身“与计算机有关的设计系”。令RCA成为世界上第一个设立培养设计师学习创造交互产品与系统专业课程的院校。2001年，在意大利创建了艾弗莉娅交互设计学院，(Interaction Design Institute Ivrea),。现在这个学院和著名的意大利多姆斯设计学院(Domus Academy)联合开展交互设计研究生课程，并成为目前世界上为数不多的几个交互设计教学研究中心之一。307 7 对交互设计有较大影响的学者对交互设计有较大影响的学者产品交互设计 第1章 概述Terry Winograd(特里温诺格拉德)斯坦福大学计算机科学系的教授，同时担任人机交互小组的

27、主任，D-school的教授。1991年，成立了“关于人、计算机和设计的项目”，为了提高软件设计的研究。在软件设计的艺术中描述了一些研究成果，认为软件设计与编程完全不同，它应该结合软件编程和设计的特性。1995年，他指导了博士生-拉里佩奇，并于1998年，佩奇创建了谷歌公司。1997年发表的论文From Computing Machinery to Interaction Design影响了很多人，317 7 对交互设计有较大影响的学者对交互设计有较大影响的学者产品交互设计 第1章 概述Donald Arthur Norman(唐纳德A诺曼)诺曼是美国西北大学的计算机和心理学教授，是Niels

28、en Norman Group咨询公司的创办人之一，曾经担任苹果电脑公司先进技术部副总裁。倡导以用户为中心的设计。其著作设计心理学中，诺曼使用了“用户为中心的设计”词语，去描述基于用户需求的设计。以用户为中心的设计包括简化任务结构，事物可视化，正确的映射关系，七个阶段的行为等。他的目标是帮助企业制造出不仅满足人们的理性需求，而且同时满足他们的情感需求的产品。其他的著作包括Things That Make Us Smart,The Invisible Computer,Emotional Design。317 7 对交互设计有较大影响的学者对交互设计有较大影响的学者产品交互设计 第1章 概述Bi

29、ll Buxton(比尔克巴克斯顿)Buxton重点探讨人机交互以及科技的人性因素。相继在SGI公司和AliasWavefront公司担任首席科学家。目前，Bill Buxton在微软任职，成为研究的中坚力量。很多如多点触摸这样重要的想法，都来自于他的早期的研究。比尔盖茨说过，Buxton的主要工作有两方面：一是研究，二是致力将设计融入公司文化核心。他的著作sketching user experiences已有中文出版。John Meada(约翰梅达)约翰梅达是一位数字媒体界的艺术家与设计师，现任罗德岛设计学院的校长。他擅长将电脑程序的尖端的计算性与艺术的优雅表现作完美的结合，著作Meada

30、media广为流传。于1996年开始任教于麻省理工的美学与计算小组(Aesthetics & Computation Group)。他所主导的“简易(Simplicity)计划”是一项实验性的研究项目，意在开发新的设计技术，用于制造简明易用并能给人带来享受的产品。328 8 思考题思考题思考题：1.为什么说交互设计起源于计算机的人机界面设计？2.如何理解“交互设计师需要理解人们，理解他们如何体验事物，如何无师自通，如何学习。”？3.为什么说工业设计的核心原理和交互设计是重合的？产品交互设计 第1章 概述33目录2.1 关于交互系统第2章 交互系统与设计目标2.3 交互系统设计的和谐关系

31、2.4 交互系统设计的目标2.2 交互系统设计的基本构架产品交互设计研究Product Interaction Design2.1.1 不同视角下的系统不同视角下的系统概念概念 系统：系统：是由若干有关联个体构成的，并具有一定功能的集合。自然系自然系统统 人工系统人工系统 生态系统生命系统天体系统物质结构系统交通系统、通信系统能源系统、医疗系统消防系统、网络系统、智能系统、各类产品系统（按自然法则形成的系统）（按人工设定的规则或规划形成的系统）关注点：工程师 关注系统本身，考虑的要素包括技术、材料、制造、组装和维护，功能的实现方法与途径以及系统的效能等。 设计师 关注如何使系统更能满足用户的需

32、求，这种系统的概念已不局限于技术系统本身，还包括“人”、“环境”和“用户行为”等诸多方面。 从具体的、局部的和技术层面上考虑 从偏重于交流、空间和整体等宏观方面的考虑2.1.1 不同视角下的系统不同视角下的系统概念概念 人工系统人工系统 系统系统: : 实质是一个有机（事物的各部分如生物体一样互相关联协调而不可分）整体。 2.1.1 不同视角下的系统不同视角下的系统概念概念 目的性（有一定的整体功能）整体性（系统所具备的功能是所有组成要素共同作用的结果）稳定性（在一定条件下结构不变，构成稳定的关系）适应性（结构和功能受环境变化的影响而发生变化，如生物系统的进化等）。系统系统: : 实质是一个有

33、机（事物的各部分如生物体一样互相关联协调而不可分）整体。 2.1.1 不同视角下的系统不同视角下的系统概念概念 系统的构成要素:个体、产品、部件或零件或具有一定子功能的子系统例如：一个由信息、通讯、传感、控制以及计算机等技术构成的智能交通系统可分为交通信息采集、信息处理、信息发布等子系统。由多个子系统构成的智能交通系统交通信息采集子系统交通信息采集子系统 人工输入 GPS车载导航仪器 GPS导航手机 车辆通行电子信息卡 车载摄像机 红外雷达检测器 信息分析处理子系统信息分析处理子系统 信息服务器 专家系统 GIS应用系统 人工决策 信息发布子系统信息发布子系统 互联网 手机 车载终端 电话服务

34、台2.1.1 不同视角下的系统概不同视角下的系统概念念 交通信息采集子系统交通信息采集子系统 人工输入 GPS车载导航仪GPS导航手机 车辆通行电子信息卡 车载摄像机 红外雷达检测器 信息分析处理子系统信息分析处理子系统 信息服务器 专家系统 GIS应用系统 人工决策 信息发布子系统信息发布子系统 互联网 手机 车载终端 电话服务台2.1.1 不同视角下的系统概不同视角下的系统概念念 5.6寸车载后视镜GPS导航仪 (JM-G5601)索尼车载GPS导航仪 http:/ 2.1.2 交互系统的基本交互系统的基本意义意义 英国龙比亚大学英国龙比亚大学（Napier university）从事人机

35、系统研究的David Benyon（戴维贝尼昂）教授在Designing Interactive Systems一书中，将由人（People）、人的行为（Activity）、产品使用时的场景（Context）和支持行为的技术（Technology）四个要素（简称PACT）构成的系统称为交互系统（Interactive Systems）交互系统中人、行为、技术和场景的关系（图片引自：David Benyon, Phil Turner and Susan Turner. Designing Interactive Systems. Pearson Education Limited, 2005）2

36、.1.2 交互系统的基本意交互系统的基本意义义 David BenyonDavid Benyon认为，“人们总是在一定的场景中使用技术来采取行动”。系统允许这样的行为是由于“技术”提供了“机遇”行为受限于技术行为或行动受技术的制约与影响技术的变化会导致行为的改变2.1.2 交互系统的基本意交互系统的基本意义义 从键盘输入、手写输入到语音输入技术的变化，导致了行为的改变。技术的变化导致发短信行为的改变谷歌眼镜 （Google Glass）导致交互行为转变售价US$1500成本US$802.2.1 设计交互系统与交互系设计交互系统与交互系统设计统设计设计交互系统设计交互系统（Designing I

37、nteractive Designing Interactive SystemsSystems）/ /交互系统设计交互系统设计 交互系统是具有信息双向交流功能的系统之总称，是交互设计的最终表现形式交互系统交互系统设计能够满足用户需求的交互系统，我们将这种系统设计称为设计交互系统无论称为“设计交互系统”或“交互系统设计”，均是在设计语境下对交互设计的一种更深入和准确的理解与应用，相当于要求设计团队树立一种整体思维方式整体思维方式，即认为交互系统是由各个局部按照一定的秩序有机组成的，要求以整体和全局的视角把握设计对象。整体思维的三原则整体思维的三原则1 连续性原连续性原则则2 立体性原立体性原则则

38、3 系统性原则系统性原则思维主体纵向纵向把整个客观整体视为一个有机延续而不间断的发展过程。 思维主体横向横向从客观事物自身包含的各种属性整体地考察它、反映它，使整体性事物内在诸因素之间的错综复杂关系的潜网清晰地展示出来。思维主体纵横两向纵横两向对客观事物进行分析和综合，并按客观事物本身所固有的层次和结构，组成认识之网，逻辑再现客观事物的全貌。知识链接知识链接交互系统设计必须处理好交互系统四个组成要素PACT之间的协调关系。交互系统中使用的技术和支持的交互行为总是用一定的载体来体现，将 这种载体称为“交互式产品交互式产品” 。图2-5 交互系统设计与交互系统关系图 2.2.2交互系统设计的组成交

39、互系统设计的组成 交互系统设计的基本框架用户（用户（UserUser） 交互行为交互行为（ActivityActivity）产品（产品（ProductProduct） 场景（场景（ContextContext） “以提高人类生活质量和美化人们生活方式为定位的工业设计，尤其注重产品与人的关系之间的和谐” (张乃仁主编.设计辞典)交互设计中的和谐理念聚焦的是以人为主体的交互系统之和谐，包括儒家的和谐和谐美学思想追求的是“中和之美”道家的和谐和谐社会思想强调是“无为而治”这些和谐关系涉及到人、产品、自然环境和社会环境等诸多方面，可以从物质、行为和精神三个主要维度上进行分析。用户行为与产品支持的行为之

40、间关系的协调行为与场景之间关系的融洽产品采用的技术之是否适应用户系统内外整体协调的权衡和优化2.3.1 物质维度的和谐物质维度的和谐产品是交互系统和谐的物质基础所谓产品是有别于自然造物的一类人工造物之总称，“从石器开始，人类就一直不断地在造物，为生命的生存为生活而制造一切的工具和物品”( (李砚祖.产品设计艺术) ) 在交互设计中的产品一般指与用户之间存在高度交互关系的“用户驱动型产品”，而不是“技术驱动型产品”，这种所谓的“用户驱动型产品”就是交互式产品。知识链接知识链接技术驱动型产品与用户驱动型产品技术驱动型产品技术驱动型产品的核心利益建立在其技术或其实现特定技术任务的能力上，消费者购买产

41、品最有可能的原因是其技术性能。用户驱动型产品用户驱动型产品的核心利益来自其界面的功能性和（或）其美学吸引力，通常这类产品具有很高的与用户的交互作用。技术驱动型与用户驱动型产品技术驱动型与用户驱动型产品产品物质要素对和谐关系的影响2.3.1物质维度的和谐物质维度的和谐最基本的物质要素：功能功能性能性能外观外观材质材质技术技术这些要素的配置将对交互系统的和谐关系和谐关系产生影响。物质要素功能冗余导致的不和谐。例如，家用DVD配置了众多的输入/输出接口(图左)功能冗余、功能缺失都给用户带来了困扰功能缺失导致的不和谐。例如，不少人都配有手机和小灵通(图右)。也许我们已习惯随身携带这两般“武器”，而未想

42、过这两者是否能合二为一呢？产品功产品功能能产品性能表示了实现产品功能的和谐程度，体现在可靠性、可操作性、易用性以及安全性等方面产品性能体现产品性能产品性能产品的外观包含了形态、体量、色彩、质感和触感等诸方面，是和谐的形式美表现，其和谐性以是否满足人们的审美要求为标准。 产品外观产品外观产品技术产品技术 技术的和谐性技术的和谐性是指产品所使用技术的是否恰当 一是技术与人的和谐关系二是技术与生态环境的和谐关系产品材质产品材质 选择绿色材料或可再生材料也是交互设计在物质维度上和谐的一个重要方面。物质维度的和谐是一个整体的和谐。而不仅仅是追求单项要素的和谐。物质维度的和谐是一个整体的和谐。而不仅仅是追

43、求单项要素的和谐。 2.3.2 行为维度的和谐行为维度的和谐 Cooper揭示了交互设计的实质，即行为的规划和行为的实现设计。行为实现则与设计师对交互方式的设计和交互技术的选择密切相关。 行为规划说明了交互系统为了满足用户目标应采取的行为、方式及其关于这些行为的描述Cooper认为“交互设计首先旨在规划和描述事物的行为方式，然后描述这种行为的最有效形式” 1.行为维度的和谐与行为规划相关行为的本意是指受思想支配而表现出来的外表活动 ，交互系统中的行为也是系统各要素之间活动的一种表现形式，是为了一定目的一系列活动之总和 行为规划确定了交互系统本身应具有的交互行为，其和谐关系的主要方面是：系统提供

44、的交互方式是否满足人的需求，以满足不同用户群体的需要；交互行为的类型划分是否合适，包括主要行为和次要行为的定位等。对主要行为应以易用为目标，次要行为则以易学为目的人使用任何产品均是一个连续的动态过程，视觉、思维、动作和情绪相互配合形成了很复杂的有机整体，设计必须符合这种行为过程2.行为维度的和谐受不同场景的影响 系统行为规划时设定的行为方式并不能说明实际交互的和谐，如移动电话提供的语音输入并不能保证在喧哗的环境顺利完成任务，其信息提示在室外强光下将无法看清。 受场景影响的行为实例分析行为维度的和谐时要充分考虑不同场景对交互行为的影响，关注人与行为、行为与产品以及行为与场景的协调。可从交互系统具

45、备的行为规划和行为实现两个层面上展开分析，如行为规划与用户需求；交互行为与用户群；交互行为与场景；交互方式与技术发展；交互行为的便捷性、反馈性、预知性以及防错性等。 3.行为维度的和谐的具体表现 交互行为主要表现:交互的流畅性操作的简捷性信息反馈的快速和准确性后续行为的预知性操作的防错性 后续行为的后续行为的预知性预知性是指在交互过程中，用户能事先知晓下一步的动作，以避免出现交互的失误 在ATM机上取款后，如果系统能及时告之下一步的取卡操作，就不会出现人走卡留的现象。 为了防止错误操作带来危害Norman在设计心理学书中提出了物理结构上的限制、语意上的限物理结构上的限制、语意上的限制、文化限制

46、和逻辑限制制、文化限制和逻辑限制解决方案。物理结构限制：通过物理上的一定结构将可能的操作方法限定在一定范围内。语意限制：利用某种情况的含义来限定操作方法。文化限制：用人们所按受的文化惯例来限定操作方法。逻辑限制：利用空间或功能上的逻辑关系限定操作方法。知识链接知识链接2.3.3 精神维度的和谐精神维度的和谐 张道一先生认为 “人为了自身的生存和生活的美好，通过智慧和造物，在文明的进程中向前迈进”物质维度“实用之理”行为维度“交互之顺”精神维度“体验之感”设计是造物的一个首要过程，交互设计的意义已超越了满足生存的实用范畴，提倡的是为“生活美好”的用户体验。 精神维度的和谐反映精神维度的和谐反映交

47、互系统给人们带来的成就感、自豪感、幸福感和时尚感等。 是人通过一定的付出而取得成功的一种心理感受，如产品提供的DIY功能带来的体验。 成就感成就感是品牌价值的情感体现，反应了用户对产品的独有情钟、拥有的骄傲和表现的欲望等。自豪感自豪感 幸福感幸福感 是个人的愿望（如功能适用、得心应手、快乐有趣和物有所值等）得到满足的主观感受，是一种认知层面上的感受 时尚感时尚感 是指拥有产品具有的风格和交互的方式与流行趋势相一致而带来的感受 精神维度上的和谐性评价主要围绕用户体验展开，关注 “用户与系统交互时的感觉如何” 精神维度上的评价是多元的，产品类型不同，评价因素各异。例如:u 益智类的产品更多关注的是

48、“支持创造力”、“有益”和“激励”等u 休闲类产品则更关注“引人入胜”、“有益”和“有趣”等。LEGO 扫描器(益智类的产品)3D立体视觉游戏(休闲类产品)http:/ 可用性（Usability）在ISO9241/11中的定义是：产品在特定使用环境下为特定用户用于特定用途时所达到的有效性（effectiveness）、效率（efficiency)和满意度（satisfaction）。u 按照ISO9241定义，可用性主要由“有效性”、“效率”和“满意度”三个要素确定。 u 虽然可用性的提出主要源于对计算机软件类产品的测试，强调“以人为本”或“机器适应人”而不是“人适应机器”的设计理念，但其原

49、则同样适用于各类“用户驱动型”产品。1.什么是“可用性” ？满意是一种心理状态，对产品来说，反映的是用户需求被满足后的愉悦感受状态的量化。可用性三个要素的具体意义如下：产品的功能是否有用，用户在特定环境下使用该产品能否完成预定的任务。指单位时间完成的工作量，事倍功半就是效率高的形象说法。有效性有效性效率效率满意度满意度如，一台冷暖空调能否夏天制冷，冬天供热？能否在极端温度环境下具有这样的功能？这就是有效性问题。仍以空调为例，能否快速制冷或供热？是省电还是耗电？这就是效率的问题。u针对人机界面的可用性结构框架 李乐山教授提出了一种多级可用性结构框架，认为可用性应符合（四个一级因素）：用户行动特征

50、用户认知特征用户学习特征减少用户出错其中一级因素还可以分解为二级、三级因素2.有关学者提出的可用性目标可理解性可理解性是指用户易于理解界面所表达的功能。可学习性可学习性是指在理解的基础上易于学会使用。有效性（有用性）有效性（有用性），可细分为效用、安全性、灵活性和稳定性。效率（可用性）效率（可用性）分为简洁性、可记忆性、可预见性和可见性等方面。Steven Heim提出的可用性目标构成针对界面设计的可用性 Steven Heim在和谐界面交互设计基础书中提出，在界面设计中主要的可用性目标是可理解性、可学习性、有效性和效率，其框架结构如图2-11所示。 针对交互式产品的可用性 Preece认为，

51、可用性要保证交互式产品易学、使用有效果、能给人们带来愉快的体验，可细分六方面。 Preece提出的可用性目标构成Jakob Nielsen提出的可用性五个属性 针对人机交互的可用性 Jakob Nielsen提出可用性具有多种属性，包括可学习性、使用效率、可记忆性、低出错率、主观满意度（Jakob Nielsen著.刘正捷等译.可用性工程）Jakob Nielsen(杰尼尔森)博士在国际可用性工程领域享有盛誉，被称为可用性之王，被The New York Times尊称为“the guru of Web page usability”。他还创立了“简化可用性工程( Discount Usabi

52、lity Engineering)”，用于快速低廉地改进用户界面。他还发明了包括“经验性评估”在内的几个可用性方法，他拥有73项美国专利，这些专利主要是关于使互联网更易于使用的方法。 在可用性层面上，其交互系统设计的目标可以从物质和行为两个维度上进行分析，将可用性要素中“有效性”和“效率”具体化、层次化。交互系统设计的可用性目标框架3. 交互系统设计的可用性目标框架两个维度的可两个维度的可用性要素之意义用性要素之意义如图如图选择性选择性 效率性效率性指示性指示性 学习性学习性 适应性适应性 安全性安全性 经济性经济性 防错性防错性 操作性操作性 功能性功能性功能性1交互系统所提供的功能满足用户

53、的使用需求，功能的冗余和缺失表明系统功能性的不足，合理的功能配置才能使系统具有良好的功能性。效率性2衡量交互系统完成特定目标的运行效率高低。适应性3表示交互系统对不同使用情景的自适应用能力，如手机或数码相机LCD显示屏亮度可根据环境光线强弱进行调整，说明系统对使用环境具有良好的适应性。自适应用能力需要采用环境感知技术，要求交互系统是具有一定“智慧”的“聪明”系统。安全性4交互系统必须安全可靠,保证在误操作情况下系统不出现异常。 经济性5操作性6包括好用和易用方面的内容，并可以根据不同用户的喜好对常用功能进行设置，如“一键操作”、自定义“快捷键”等。性价比指标。 图2-15 操作提示的主要反馈形

54、式学习性7选择性8防错性9指示性10可理解为对不太常用的操作容易学会操作，或交互系统可根据用户的使用习惯和某功能的使用频度自动调整功能选择排序，以提高操作效率。体现在两个方面：体现在两个方面：一是用户根据习惯自主选择；二是系统根据用户的操作特征自动选择系统应具有主动防止错误操作功能，一般可用 Norman提出的物理结构上的限制、语意上的限制、文化限制或逻辑限制等措施。(如汉字的全拚、简拚、笔画和五笔等).2交互系统设计的交互系统设计的“用户体验用户体验”目标目标 体验体验（experience）三层基本含义：体验可定义为：“人们在特定的时间、地点和环境条件下的一种情绪或者情感上

55、的感受”。一般说来，体验可理解为一种过程或行为，这种行为与时间和空间相关，并在人们心理上产生某种反映或称感受。现场考察通过实践所获得的知识、经验或技能亲身经历，从实践中认识事物1. 体验与用户体验情绪和情感情绪和情感情绪是人对事物的态度中产生的体验。与“情感”一词常通用，但有区别。情绪与人的自然性需要相联系，具有情景性、暂时性和明显的外部表现；情感与人的社会性需要相联系，具有稳定性、持久性，不一定有明显的外部表现。情感的产生伴随着情绪反应，而情绪的变化也受情感的控制。引自在线新华字典（http:/ ExperienceUser Experience，简称，简称UEUE或或UXUX）专指与产品相

56、关的体验，可以简单地理解为用户使用产品过程中，或使用后在情绪或情感上的感受，具有很强的主观性，但也受客观条件的影响。 用户设计“用户体验”目标是用户精神上的需求营销不同视角功夫英雄用户体验中心http:/ “舞台”（企业服务）、“道具”（产品）和“布景”（环境），使消费者（可能的用户）在特定时间和场合中感受到体验使用产品的美好过程，从而激发购买欲望。例如，通过提供制茶场景，让消费者体验制茶过程，使其愿意为自己的劳动成果买单。营销不同视角体验制茶过程企业通过产品和服务给消费者带来的一系列感受，这些感受会在消费者头脑当中激发思考并可能引起购买行动，消费者不仅得到了真实的效用，也享受了消费过程的乐趣

57、。体验营销体验营销 体验制茶过程不同视角设计用户体验就是用户体验设计，即通过以满足人的物质和精神需求为目标的一种设计 三星展示了可弯折的柔性AMOLED屏幕技术上的新进展，最新的这款屏幕厚度仅0.3mm，可以弯折而不影响使用效果，4.5寸的面积分辨率达到800*480像素，显示效果很棒。AMOLED（Active Matrix/Organic Light Emitting Diode）是有源矩阵有机发光二极体面板。相比传统的液晶面板，AMOLED具有反应速度较快、对比度更高、视角较广等特点2.有关用户体验的学说约瑟夫派恩提出的四种体验类型用户体验源于美国经济学家约瑟夫派恩(B. Joseph

58、Pine)和詹姆斯吉尔摩(James H. Gilmore）在体验经济一书中提出的概念，派恩将用户体验按横向分成四类：娱乐体验(amusement)教育体验(education)遁世体验(escape) 审美体验(estheticism)派恩提出四种体验类型 体验营销中将体验分成以下层次： 营销专家贝恩特.施密特（ Bernt.H.Schmitt）提出的五种体验层次感官体验(sense) 情感体验(feel)思考体验(think) 行为体验(ACT)关联体验(relate) 从营销的角度，关联体验让个人和一个较广泛的社会系统，如亚文化、群体等产生关联，从而建立个人对某种品牌的偏好，同时让使用该

59、品牌的人们形成一个群体。 亚文化（subculture)是整体文化的一个分支，是由各种社会和自然因素造成的各地区、各群体文化特殊性的方面。如因阶级、阶层、民族、宗教、职业差别以及居住环境的不同，都可以在统一的民族文化之下，形成具有自身特征的群体或地区文化。知识链接知识链接亚文化（地区文化）亚文化（地区文化）基于Norman提出的情感化设计三个水平的用户体验直觉体验（体验作为一种下意识）：（本能层）用户接受信息的一种本能感受 过程体验（体验作为一种过程）：（行为层）体验的完成带来的令人满意之处 经历体验（体验作为一种经历）：（反思层）过程结束后，体验的记忆将恒久存在。3.用户体验目标 提出用户体

60、验目标的目的是为了在评价交互系统是否在用户体验层面上满足用户需求时的具有可参照之标准，Preece提出了以下10个方面 令人满意（satisfying）令人愉悦（enjoyable）有趣（fun）引人入胜（entertaining）有益（helpful）激励（motivating）富有美感（aesthetically pleasing）支持创造力（supportive of creativity）有价值（rewarding）情感上满足（emotionally fulfilling）智能手机的用户体验目标架构针对智能手机的用户体验目标体系的架构，其中的具体目标指标还需要进一步说明，或建立一级指标，使交互系统的可