交互设计1课件.ppt

1、交互设计交互设计Interaction Design 8 2 4 6 1 3 5 7概述以人为本的设计要求交互系统与设计目标用户行为与交互形式交互技术与应用交互设计方法交互设计过程原型构建与设计评估交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN目录CONTENTS交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.概述1.11.1交互设计的本质本质1.21.2交互设计的起源起源1.3交互设计的目标目标1.4交互设计的流程流程1.5交互设计的形式形式1.6对交互设计有较大影响的学者学者 什么是交互设计?交互设计交互

2、设计INTERACTION DESIGNINTERACTION DESIGN交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN 交互交互定义为两个或两个以上活动的参与者之间的信息交流。 交互设计交互设计定义两个两个或多个多个互动的个体个体之间交流的内容内容和结构结构，使之相互配合，共同达成某种目的。它以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互性不只是技术系统，不只是技术系统，还包括其他非电子类产品其他非电子类产品和服务。服务。服务人产品个体的内涵1.1交互设计的本质交互设计交互设计INTERACTION DESIGNINTERACTION

3、DESIGN1.1交互设计的本质交互设计设计理论HCI研究认知心理学可用性测试研究计算机技术传感技术人机界面技术 交互设计属于设计学发展中的一个分支，是多个学科的交叉。交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.1交互设计的本质传统设计传统设计交互设计交互设计产品作为一个对象对象看待产品看作一个事件事件静态静态造型和材料面向行为行为和过程过程，强调过程性过程性思考的能力效果图效果图作为设计表现手段设计表现手段流程图流程图、状态转换图状态转换图、故事板故事板等成为重要设计表现手段设计表现手段设计思维对比图交互设计交互设计INTERACTION DE

4、SIGNINTERACTION DESIGN1.1交互设计的本质交互设计与工业设计 随着产品信息化的发展，工业设计师已无法再设计出独立于软件使用体验的硬件产品，且对设计师技能的要求已超越了对外形的设计，而是能够对一些概念进行全新定义，包括定义新产品类型和预想人们如何使用它们。 交互的设计涉及很多建模过程，比如系统怎样正常工作、用户将如何接近其目标、如何配置界面等。设计师确保交互过程简单直接，使一切用户所期望的，通过清晰明确的方式尽快地传达给他/她。给人快乐快乐或者挑战挑战就是交互的目的目的。交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.1交互设计的

5、设计本质艺术与交互 新媒体艺术里的交互是最近20年来被人们激烈讨论的主题，而现在我们在艺术作品里看见的那些交互一直不断地在扩大艺术与交互的定义。区分交互艺术、工业设计、交互设计并没有很大的意义，但它们都拥有同一目标：为用户设计产品或者体验为用户设计产品或者体验，最重要的是他们拥有同样的工具以及工作流程同样的工具以及工作流程：成品展示草图 模型 交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.1交互设计的本质交互设计的常见话题02工作的效率04控制物理世界01非线性叙事03数据可视化0506人与人之间的交流创造体验交互设计交互设计INTERACTION

6、 DESIGNINTERACTION DESIGN数据的可视化 图形、图像使用户更好地理解数据，发现数据中蕴含的模式，从而增强用户综合处理和理解数据的能力。构思数据和与数据的交互时，必须考虑: 需要呈现的是什么数据 用户会如何诠释这些数据 用户会想对数据做什么 用户想如何与数据互动美国同性恋权益图1.1交互设计的本质交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN工作的效率 操作系统的桌面模拟允许使用者按照一种符合其自然认知能力和生活中熟悉的主题环境来开展工作。小屏幕或无屏幕的界面交互应用往往趋向于关注实用性和功能性，使用户能够更有效地完成任务、组织信息

7、和保存信息。 1.1交互设计的本质交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN创造体验 创造体验的价值是交互设计更普遍的目目标。标。通常使用新颖的方式连接听觉连接听觉和视觉刺视觉刺激激，来创造娱乐用户的场面或者带有娱乐性的交互。互动装置常常还会包含媒介间的转媒介间的转换换，现实物体变成虚拟物体，或者反过来虚拟变成现实。体感操控网球1.1交互设计的本质交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN人与人之间的交流 设计师不仅需要设计人与物之间的交互，也要学习设计人与人交流的新方式人与人交流的新方式。根据美国社会

8、心理学家Stanley Milgram提出的六度分割理论，利用网络低廉快速的平台，倡导网络实名制，将现实生活中的人脉关系建立在网络平台之上人脉关系建立在网络平台之上，使得人与人之间的交流沟通更加便利。 基于用户位置信息基于用户位置信息的互动互动是一种用户之间合作的互动应用程序，这类系统中相互作用趋于方便沟通，并确保从一个用户发出的信息能被另一位用户接受。1.1交互设计的本质交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN控制物理世界 通过各种传感器、制动器，设计师可以把物理世界中所有的东西植入计算机，使之有感知和有反馈。Home Automation 在

9、一个房间里安装各种复杂的传感器和系统，在一个空间内跟踪记录各种变化，还可以使用这些数据来更全面地控制这个环境，使之更加舒适，使环境配置正确。感应性建筑（reactive architecture） 通过建筑方面的实践与计算机技术的结合来达到房屋和环境能够对用户、环境因素和外部命令做出反应,也称智能房间或自能建筑。1.1交互设计的本质交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.1交互设计的本质非线性叙事 用交互的方式交互的方式来播放电影播放电影、讲讲述述一个故事故事或者一段历史历史的概念。用户可以通过从数据可视化或游戏中学来的方法控制叙事的流程和方

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

11、ridge设计出第一台笔记本电脑“Grid Compass” Apple的Lisa奠定了以窗口(Windows)、菜单(Menu)、图符(Icons)和指示装置(Pointing Devices)为基础的图形用户界面，也称WIMP界面的基本形态交互设计起源于计算机的人机界面设计。人机界面设计。交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.2交互设计的起源Bill Maggridge1981年设计出第一台笔记本电脑“Grid Compass”1984年他在一次会议中提出交互设计的概念一开始只是想着将软件与用户界面设计的结合，称为“soft face”

12、（软面）1990年更名为“Interaction Design”(交互设计)。交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.2交互设计的起源Grid Compass第一台笔记本电脑第一台笔记本电脑交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.1交互设计的起源-计算机成为设计的对象 从使用者认知的角度改善易用性的一个成功尝试是STAR系统，David E. Liddle首先在软件设计中使用图像比拟。最重要的组件是用户概念模型，其他所有一切都要服从于使这种概念模型整体、清晰、明确和充实的目标。图形用户界面用

13、户概念模型控制机制信息的显示处理要在屏幕上显示的内容用户想要的内容及用户会如何响应用来调用命令的机制组件交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.2交互设计的起源产品模型 产品模型产品模型实现模型表现模型概念模型 实现模型实现模型是机器和程序实际如何工作的原理和细节，描述了程序和机器中功能实现、实际的工作机制。设计师最重要最重要的工作是:为系统建立建立一个面向用户的表现模型表现模型，将系统的功能通过形式语言诚实地展现给用户。概念模型通过形式语言诚实地展现给用户。概念模型是产品系统在用户心目中用户心目中的运作机制运作机制，通常是用户对系统的一种简

14、化的、类比的理解和想象。-计算机成为设计的对象交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.1交互设计的起源-计算机成为设计的对象交互的语汇程序员程序员二进制机器语言二进制机器语言汇编语言指令集合汇编语言指令集合C C语言语言可视化、图形化编程用户明白自己能执行什么动作，且系统能够以同样的方式明白并按照其所期待的来执行这些动作。普通用户普通用户 建立一个有意义的、有效率的交互系统，要求当事人双方同意在某一动作中的符号和要求的意义。交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.2交互设计的起源交互的语汇采

15、用二进制数值的直接输入和输出的世界首台计算机Altair-8800拥有位图显示器、Windows、鼠标并首次使用了窗口设计的Xerox Alto计算机-计算机成为设计的对象交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.2交互设计的起源微控制器数字逻辑触发器智能手机ARM芯片MP3播放器游戏设备汽车导航系统物联网冰箱塑造日常消费电子产品的形状形状和使用方式使用方式交互设计是信息时代的工业设计。在普适计算和物联理论的基础上，交互已经变得无处不在。无处不在的交互-计算机成为一种媒介材料交互设计交互设计INTERACTION DESIGNINTERACTI

16、ON DESIGN1.2交互设计的起源-计算机成为一种媒介材料理解人类的行为和需求了解环境、活动、人们的注意力及目标适应使用环境、个人特征、生活规律尝试超越现有需求，满足潜在需要好的交互设计：交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.3交互设计的基本目标避免误解的产生 创建交互应用最困难的任务之一最困难的任务之一是去理解系统怎样看待来自用户的信息系统怎样看待来自用户的信息以及用户怎用户怎样看待系统提供的信息。样看待系统提供的信息。 交互信息越丰富，越容易报错。交互信息越丰富，越容易报错。 交互设计其重点重点在于产品界面和文档的易学习性、易用性、

17、满意度易学习性、易用性、满意度等方面。最新的一些情感化设计、愉悦性设计和趣味学等方面的和文章都表明了这一趋势。为了更好的体验 有用（功能性） 易用（应用性） 想用（愉悦和情感的满足）愉悦性设计交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN设计体验镜子设计簸箕设计1.3交互设计的基本目标交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.4交互设计的流程交互设计的描述 交互设计先驱之一McAra-McWilliam这样描述交互设计，“交互设计师需要理解人交互设计师需要理解人们，理解他们如何体验事物，如何无师自通，如

18、何学习。们，理解他们如何体验事物，如何无师自通，如何学习。” 交互设计的起步是由于信息产业的发展、计算机的个人化和普遍化所引发的一系列与“设计”有关的问题。沿用传统工业设计以用户/人为中心的设计理念和方法，发展出一系列交互设计所特有的思维模式和工作方法。交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.4交互设计的流程交互设计的创作流程用户研究设计调研概念设计设计实验和原型测试交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN鼠标操作图形界面和指点设备最常见最常见的与计算机互动方法1.5交互设计的形式交互设计交互设

19、计INTERACTION DESIGNINTERACTION DESIGN实体界面 受计算机和穿戴式计算机和虚拟现实发展的发展，MIT Media Lab的H. Lshii等人对早期可抓握用户界面(graspable user interface)理论进行了重要发展，于1997年提出有形用户界面的思想。 传统的图形用户界面实际上成为隔离物质世界与信息世界之间的屏障屏障，有形用户界面希望在用户、比特和原子之间建立一个无缝交互界面无缝交互界面。 1.5交互设计的形式交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN存在和机器感知 参与者参与者的在与不在在与不在

20、是一个十分具有直觉性直觉性的交互活动交互活动，可由重量、活动、由重量、活动、光、热光、热或者声音声音而感知感知。自动感应水龙头1.5交互设计的形式交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN触摸界面与多点输入 用手指来放大或缩小，转动两个手指来转动旋转，既自然，又很有效率。多点触摸桌面多点触摸桌面1.5交互设计的形式交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.5交互设计的形式手势 手势通常是通过触屏界面、摄像通过触屏界面、摄像头或笔头或笔来实现的，使用手势操作来建立交互的基本原则一般不会改变。其要点要点

21、是哪些手势是人所熟悉的，习惯性的。谷歌汽车设计交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.5交互设计的形式声音和语音识别 声音识别声音识别是通过识别某些声波的特征去执行一些指令或某些任务的计算机程序。语音识别语音识别是计算机通过声音来辨认词组或指令，最终确定具体的指令是什么。声音本身可用来提供输入、体积、音调和持续时间等信息。声控电视交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.6对交互设计有较大影响的学者Bill Maggridge美国IDEOIDEO公司公司主要创立者之一创立者之一1982年设计出

22、第一台笔记本电脑第一台笔记本电脑-Grid Compass-Grid Compass提倡在产品开发过程之中运用一种“以用户为中心以用户为中心”的设计的设计过程过程1984年首次提出首次提出“交互设计交互设计”的概念2009年在美国白宫举办的国家设计大奖授予了其终身成就奖在皇家艺术学院和伦敦商学院以及斯坦福大学任教，同时是哥本哈根交互设计学院的董事会成员2006年出版Designing InteractionsDesigning Interactions一书，被美国的商业周刊杂志评为当年十大最佳创新设计书籍之一。交互设计交互设计INTERACTION DESIGNINTERACTION DESI

23、GN1.6对交互设计有较大影响的学者Bill Verplank斯坦福大学的访问学者，同时也参与斯坦福大学的设计学院工作。同Bill Moggridge一起创造了创造了“交互设计交互设计”这个词语这个词语。1978-1986年期间在施乐公司施乐公司工作，对用户界面原始图用户界面原始图形形和鼠标鼠标进行了重新设计重新设计。1986-1992期间在IDEOIDEO公司公司工作，为产品设计的领域引产品设计的领域引进了用户图形界面设计的思想进了用户图形界面设计的思想。交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.6对交互设计有较大影响的学者Gillian C

24、rampton Smith 1983年在英国圣马丁学院开设了图形设计与计算机英国圣马丁学院开设了图形设计与计算机的研研究生课程究生课程。1989年在皇家艺术学院（RCA)建立建立了交互设计系前身“与计算机有关的设计系与计算机有关的设计系”。令RCA成为世界上第一个设立培养设计师学习创造交互产品与系统专业课程的院校。2001年，在意大利创建了艾弗莉娅交互设计学院。现在这个学院和著名的意大利多姆斯设计学院(Domus Academy)联合开展交互设计研究生课程，并成为目前世界上为数不多的几个交互设计教学研究中心之一。交互设计交互设计INTERACTION DESIGNINTERACTION DES

25、IGN1.6对交互设计有较大影响的学者Terry Winograd斯坦福大学计算机科学系的教授，同时担任人机交互小组的主任，D-school的教授。1991年成立了“关于人、计算机和设计的项目关于人、计算机和设计的项目”，为了提高软件设计的研究。在软件设计的艺术软件设计的艺术中描述了一些研究成果，认为软件设计软件设计与编程完全不同，它应该结合软件编程和设计的特性应该结合软件编程和设计的特性。1995年，他指导了博士生-拉里佩奇，并于1998年，佩奇创建创建了谷歌公司谷歌公司。1997年发表的论文From Computing Machinery to From Computing Machine

26、ry to Interaction DesignInteraction Design影响了很多人。交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.6对交互设计有较大影响的学者Donald Arthur Norman诺曼是美国西北大学的计算机和心理学教授，是Nielsen Norman GroupNielsen Norman Group咨询公司的创办人之一咨询公司的创办人之一，曾经担任苹果电脑公司先进技术部副总裁。倡导以用户为中心的设计。其著作设计心理学中，诺曼使用了“用户为中心的设计用户为中心的设计”词语，描述基于用户需求的设计。以用户为中心的设计包

27、括简化任务结构，以用户为中心的设计包括简化任务结构，事物可视化事物可视化，正确的映射关系正确的映射关系，七个阶段的行为七个阶段的行为等。他的目标是帮助企业制造出不仅满足人们的理性需求，而且同时满足他们的情感需求的产品。其他的著作包括Things That Make Us Smart,The Invisible Computer,Emotional Design。交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.6对交互设计有较大影响的学者Bill BuxtonBuxton重点探讨人机交互人机交互以及科技的人性因素科技的人性因素。相继在SGI公司和Ali

28、asWavefront公司担任首席科学家。目前，Bill Buxton在微软任职，成为研究的中坚力量。很多如多点触摸这样重要的想法，都来自于他的早期的研究。比尔盖茨说过，BuxtonBuxton的主要工作有两方面：一是研究，的主要工作有两方面：一是研究，二是致力将设计融入公司文化核心。二是致力将设计融入公司文化核心。其著作sketching user experiences已有中文出版。交互设计交互设计INTERACTION DESIGNINTERACTION DESIGN1.6对交互设计有较大影响的学者John Meada约翰梅达是一位数字媒体界的艺术家与设计师，现任罗德岛设计学院的校长。他擅长将电脑程序的尖端的计算性与艺术的优雅表现作完美的结合，著作MeadamediaMeadamedia广为流传。于1996年开始任教于麻省理工的美学与计算小组美学与计算小组(Aesthetics & Computation Group)(Aesthetics & Computation Group)。他所主导的“简易简易(Simplicity)(Simplicity)计划计划”是一项实验性的研究项目，意在开发新的设计技术，用于制造简明易用并能给人带来享受的产品。Thanks!