交互设计1课件

交互设计InteractionDesign交互设计InteractionDesign8

2

46

1

3

5

7概述以人为本的设计要求交互系统与设计目标用户行为与交互形式交互技术与应用交互设计方法交互设计过程原型构建与设计评估交互设计INTERACTIONDESIGN目录CONTENTS82461357概述交互设计INTERACTIONDESIGN1.概述1.1交互设计的本质1.2交互设计的起源1.3交互设计的目标1.4交互设计的流程1.5交互设计的形式1.6对交互设计有较大影响的学者

交互设计1.概述1.1交互设计的本质1.6对交互设计有较大影什么是交互设计?交互设计INTERACTIONDESIGN什么是交互设计?交互设计交互设计INTERACTIONDESIGN

交互定义为两个或两个以上活动的参与者之间的信息交流。

交互设计定义两个或多个互动的个体之间交流的内容和结构，使之相互配合，共同达成某种目的。它以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互性不只是技术系统，还包括其他非电子类产品和服务。服务人产品个体的内涵1.1交互设计的本质交互设计交互定义为两个或两个以上活动的参与者之间的信交互设计INTERACTIONDESIGN1.1交互设计的本质交互设计设计理论HCI研究认知心理学可用性测试研究计算机技术传感技术人机界面技术交互设计属于设计学发展中的一个分支，是多个学科的交叉。交互设计1.1交互设计的本质交互设计设计理论HCI研究认知心交互设计INTERACTIONDESIGN1.1交互设计的本质传统设计交互设计产品作为一个对象看待产品看作一个事件静态造型和材料面向行为和过程，强调过程性思考的能力效果图作为设计表现手段流程图、状态转换图、故事板等成为重要设计表现手段设计思维对比图交互设计1.1交互设计的本质传统设计交互设计产品作为一个对象交互设计INTERACTIONDESIGN1.1交互设计的本质交互设计与工业设计随着产品信息化的发展，工业设计师已无法再设计出独立于软件使用体验的硬件产品，且对设计师技能的要求已超越了对外形的设计，而是能够对一些概念进行全新定义，包括定义新产品类型和预想人们如何使用它们。交互的设计涉及很多建模过程，比如系统怎样正常工作、用户将如何接近其目标、如何配置界面等。设计师确保交互过程简单直接，使一切用户所期望的，通过清晰明确的方式尽快地传达给他/她。给人快乐或者挑战就是交互的目的。交互设计1.1交互设计的本质交互设计与工业设计随着产交互设计INTERACTIONDESIGN1.1交互设计的设计本质艺术与交互新媒体艺术里的交互是最近20年来被人们激烈讨论的主题，而现在我们在艺术作品里看见的那些交互一直不断地在扩大艺术与交互的定义。区分交互艺术、工业设计、交互设计并没有很大的意义，但它们都拥有同一目标：为用户设计产品或者体验，最重要的是他们拥有同样的工具以及工作流程：成品展示草图模型交互设计1.1交互设计的设计本质艺术与交互新媒体艺术交互设计INTERACTIONDESIGN1.1交互设计的本质交互设计的常见话题02工作的效率04控制物理世界01非线性叙事03数据可视化0506人与人之间的交流创造体验交互设计1.1交互设计的本质交互设计的常见话题02工作的效率交互设计INTERACTIONDESIGN数据的可视化图形、图像使用户更好地理解数据，发现数据中蕴含的模式，从而增强用户综合处理和理解数据的能力。构思数据和与数据的交互时，必须考虑:需要呈现的是什么数据用户会如何诠释这些数据用户会想对数据做什么用户想如何与数据互动美国同性恋权益图1.1交互设计的本质交互设计数据的可视化图形、图像使用户更好地理解数据，交互设计INTERACTIONDESIGN工作的效率操作系统的桌面模拟允许使用者按照一种符合其自然认知能力和生活中熟悉的主题环境来开展工作。小屏幕或无屏幕的界面交互应用往往趋向于关注实用性和功能性，使用户能够更有效地完成任务、组织信息和保存信息。

1.1交互设计的本质交互设计工作的效率操作系统的桌面模拟允许使用者按照一交互设计INTERACTIONDESIGN创造体验创造体验的价值是交互设计更普遍的目标。通常使用新颖的方式连接听觉和视觉刺激，来创造娱乐用户的场面或者带有娱乐性的交互。互动装置常常还会包含媒介间的转换，现实物体变成虚拟物体，或者反过来虚拟变成现实。体感操控网球1.1交互设计的本质交互设计创造体验创造体验的价值是交互设计更普遍的目标交互设计INTERACTIONDESIGN人与人之间的交流设计师不仅需要设计人与物之间的交互，也要学习设计人与人交流的新方式。根据美国社会心理学家StanleyMilgram提出的六度分割理论，利用网络低廉快速的平台，倡导网络实名制，将现实生活中的人脉关系建立在网络平台之上，使得人与人之间的交流沟通更加便利。基于用户位置信息的互动是一种用户之间合作的互动应用程序，这类系统中相互作用趋于方便沟通，并确保从一个用户发出的信息能被另一位用户接受。1.1交互设计的本质交互设计人与人之间的交流设计师不仅需要设计人与物之间交互设计INTERACTIONDESIGN控制物理世界通过各种传感器、制动器，设计师可以把物理世界中所有的东西植入计算机，使之有感知和有反馈。HomeAutomation在一个房间里安装各种复杂的传感器和系统，在一个空间内跟踪记录各种变化，还可以使用这些数据来更全面地控制这个环境，使之更加舒适，使环境配置正确。感应性建筑（reactivearchitecture）通过建筑方面的实践与计算机技术的结合来达到房屋和环境能够对用户、环境因素和外部命令做出反应,也称智能房间或自能建筑。1.1交互设计的本质交互设计控制物理世界通过各种传感器、制动器，设计师可交互设计INTERACTIONDESIGN1.1交互设计的本质非线性叙事用交互的方式来播放电影、讲述一个故事或者一段历史的概念。用户可以通过从数据可视化或游戏中学来的方法控制叙事的流程和方向。数字化敦煌交互设计1.1交互设计的本质非线性叙事用交互的方式来交互设计INTERACTIONDESIGN1.2交互设计的起源1666年技术人员将计算过程分解，穿孔纸带输入编码塞缪尔·莫兰德（SamuelMorland）发明了可以计算加数及减数的一部机械计数机INTEL推出8008微处理器1972年1973年1973年首台基于图形界面的电脑XeroxAlto推出C语言开发完成ARPAnet走向世界1975年米兹（mits）公推出了世界上第一台个人计算机Altair-88001983年1981年XeroxAlto商用版本star开发中，交互界面的设计问题受到重视BillMaggridge设计出第一台笔记本电脑“GridCompass”Apple的Lisa奠定了以窗口(Windows)、菜单(Menu)、图符(Icons)和指示装置(PointingDevices)为基础的图形用户界面，也称WIMP界面的基本形态交互设计起源于计算机的人机界面设计。交互设计1.2交互设计的起源1666年技术人员将计算过程分解交互设计INTERACTIONDESIGN1.2交互设计的起源BillMaggridge1981年设计出第一台笔记本电脑“GridCompass”1984年他在一次会议中提出交互设计的概念一开始只是想着将软件与用户界面设计的结合，称为“softface”（软面）1990年更名为“InteractionDesign”(交互设计)。交互设计1.2交互设计的起源BillMaggridge19交互设计INTERACTIONDESIGN1.2交互设计的起源GridCompass第一台笔记本电脑交互设计1.2交互设计的起源GridCompass第一台交互设计INTERACTIONDESIGN1.1交互设计的起源--计算机成为设计的对象从使用者认知的角度改善易用性的一个成功尝试是STAR系统，DavidE.Liddle首先在软件设计中使用图像比拟。最重要的组件是用户概念模型，其他所有一切都要服从于使这种概念模型整体、清晰、明确和充实的目标。图形用户界面用户概念模型控制机制信息的显示处理要在屏幕上显示的内容用户想要的内容及用户会如何响应用来调用命令的机制组件交互设计1.1交互设计的起源--计算机成为设计的对象交互设计INTERACTIONDESIGN1.2交互设计的起源产品模型

产品模型实现模型表现模型概念模型

实现模型是机器和程序实际如何工作的原理和细节，描述了程序和机器中功能实现、实际的工作机制。设计师最重要的工作是:为系统建立一个面向用户的表现模型，将系统的功能通过形式语言诚实地展现给用户。概念模型是产品系统在用户心目中的运作机制，通常是用户对系统的一种简化的、类比的理解和想象。--计算机成为设计的对象交互设计1.2交互设计的起源产品模型产品模型实现模型表现模交互设计INTERACTIONDESIGN1.1交互设计的起源--计算机成为设计的对象交互的语汇程序员二进制机器语言汇编语言指令集合C语言可视化、图形化编程用户明白自己能执行什么动作，且系统能够以同样的方式明白并按照其所期待的来执行这些动作。普通用户建立一个有意义的、有效率的交互系统，要求当事人双方同意在某一动作中的符号和要求的意义。交互设计1.1交互设计的起源--计算机成为设计的对象交互的语交互设计INTERACTIONDESIGN1.2交互设计的起源交互的语汇采用二进制数值的直接输入和输出的世界首台计算机Altair-8800拥有位图显示器、Windows、鼠标并首次使用了窗口设计的XeroxAlto计算机--计算机成为设计的对象交互设计1.2交互设计的起源交互的语汇采用二进制数值的直接输交互设计INTERACTIONDESIGN1.2交互设计的起源微控制器数字逻辑触发器智能手机ARM芯片MP3播放器游戏设备汽车导航系统物联网冰箱……塑造日常消费电子产品的形状和使用方式交互设计是信息时代的工业设计。在普适计算和物联理论的基础上，交互已经变得无处不在。无处不在的交互--计算机成为一种媒介材料交互设计1.2交互设计的起源微控制器数字逻辑触发器塑造日常消交互设计INTERACTIONDESIGN1.2交互设计的起源--计算机成为一种媒介材料理解人类的行为和需求了解环境、活动、人们的注意力及目标适应使用环境、个人特征、生活规律尝试超越现有需求，满足潜在需要好的交互设计：交互设计1.2交互设计的起源--计算机成为一种媒介材料理解人交互设计INTERACTIONDESIGN1.3交互设计的基本目标避免误解的产生创建交互应用最困难的任务之一是去理解系统怎样看待来自用户的信息以及用户怎样看待系统提供的信息。

交互信息越丰富，越容易报错。交互设计其重点在于产品界面和文档的易学习性、易用性、满意度等方面。最新的一些情感化设计、愉悦性设计和趣味学等方面的和文章都表明了这一趋势。为了更好的体验有用（功能性）易用（应用性）想用（愉悦和情感的满足）愉悦性设计交互设计1.3交互设计的基本目标避免误解的产生创建交交互设计INTERACTIONDESIGN设计体验镜子设计簸箕设计1.3交互设计的基本目标交互设计设计体验镜子设计簸箕设计1.3交互设计的基本目标交互设计INTERACTIONDESIGN1.4交互设计的流程交互设计的描述交互设计先驱之一McAra-McWilliam这样描述交互设计，“交互设计师需要理解人们，理解他们如何体验事物，如何无师自通，如何学习。”交互设计的起步是由于信息产业的发展、计算机的个人化和普遍化所引发的一系列与“设计”有关的问题。沿用传统工业设计以用户/人为中心的设计理念和方法，发展出一系列交互设计所特有的思维模式和工作方法。交互设计1.4交互设计的流程交互设计的描述交互设计先交互设计INTERACTIONDESIGN1.4交互设计的流程交互设计的创作流程用户研究设计调研概念设计设计实验和原型测试交互设计1.4交互设计的流程交互设计的创作流程用户研究概念设交互设计INTERACTIONDESIGN鼠标操作—图形界面和指点设备最常见的与计算机互动方法1.5交互设计的形式交互设计鼠标操作—图形界面和指点设备最常见的与计算机互动方法交互设计INTERACTIONDESIGN实体界面受计算机和穿戴式计算机和虚拟现实发展的发展，MITMediaLab的H.Lshii等人对早期可抓握用户界面(graspableuserinterface)理论进行了重要发展，于1997年提出有形用户界面的思想。传统的图形用户界面实际上成为隔离物质世界与信息世界之间的屏障，有形用户界面希望在用户、比特和原子之间建立一个无缝交互界面。1.5交互设计的形式交互设计实体界面受计算机和穿戴式计算机和虚拟现实发展交互设计INTERACTIONDESIGN存在和机器感知参与者的在与不在是一个十分具有直觉性的交互活动，可由重量、活动、光、热或者声音而感知。自动感应水龙头1.5交互设计的形式交互设计存在和机器感知参与者的在与不在是一个十分具有交互设计INTERACTIONDESIGN触摸界面与多点输入用手指来放大或缩小，转动两个手指来转动旋转，既自然，又很有效率。多点触摸桌面多点触摸桌面1.5交互设计的形式交互设计触摸界面与多点输入用手指来放大或缩小，转动两交互设计INTERACTIONDESIGN1.5交互设计的形式手势手势通常是通过触屏界面、摄像头或笔来实现的，使用手势操作来建立交互的基本原则一般不会改变。其要点是哪些手势是人所熟悉的，习惯性的。谷歌汽车设计交互设计1.5交互设计的形式手势手势通常是通过触屏界交互设计INTERACTIONDESIGN1.5交互设计的形式声音和语音识别

声音识别是通过识别某些声波的特征去执行一些指令或某些任务的计算机程序。语音识别是计算机通过声音来辨认词组或指令，最终确定具体的指令是什么。声音本身可用来提供输入、体积、音调和持续时间等信息。声控电视交互设计1.5交互设计的形式声音和语音识别声音识别交互设计INTERACTIONDESIGN1.6对交互设计有较大影响的学者BillMaggridge美国IDEO公司主要创立者之一1982年设计出第一台笔记本电脑-GridCompass提倡在产品开发过程之中运用一种“以用户为中心”的设计过程1984年首次提出“交互设计”的概念2009年在美国白宫举办的国家设计大奖授予了其终身成就奖在皇家艺术学院和伦敦商学院以及斯坦福大学任教，同时是哥本哈根交互设计学院的董事会成员2006年出版《DesigningInteractions》一书，被美国的商业周刊杂志评为当年十大最佳创新设计书籍之一。交互设计1.6对交互设计有较大影响的学者BillMaggr交互设计INTERACTIONDESIGN1.6对交互设计有较大影响的学者BillVerplank斯坦福大学的访问学者，同时也参与斯坦福大学的设计学院工作。同BillMoggridge一起创造了“交互设计”这个词语。1978-1986年期间在施乐公司工作，对用户界面原始图形和鼠标进行了重新设计。1986-1992期间在IDEO公司工作，为产品设计的领域引进了用户图形界面设计的思想。交互设计1.6对交互设计有较大影响的学者BillVerpl交互设计INTERACTIONDESIGN1.6对交互设计有较大影响的学者GillianCramptonSmith1983年在英国圣马丁学院开设了图形设计与计算机的研究生课程。1989年在皇家艺术学院（RCA)建立了交互设计系前身“与计算机有关的设计系”。令RCA成为世界上第一个设立培养设计师学习创造交互产品与系统专业课程的院校。2001年，在意大利创建了艾弗莉娅交互设计学院。现在这个学院和著名的意大利多姆斯设计学院(DomusAcademy)联合开展交互设计研究生课程，并成为目前世界上为数不多的几个交互设计教学研究中心之一。交互设计1.6对交互设计有较大影响的学者GillianC交互设计INTERACTIONDESIGN1.6对交互设计有较大影响的学者TerryWinograd斯坦福大学计算机科学系的教授，同时担任人机交互小组的主任，D-school的教授。1991年成立了“关于人、计算机和设计的项目”，为了提高软件设计的研究。在《软件设计的艺术》中描述了一些研究成果，认为软件设计与编程完全不同，它应该结合软件编程和设计的特性。1995年，他指导了博士生-拉里佩奇，并于1998年，佩奇创建了谷歌公司。1997年发表的论文《FromComputingMachinerytoInteractionDesign》影响了很多人。交互设计1.6对交互设计有较大影响的学者TerryWin交互设计INTERACTIONDESIGN1.6对交互设计有较大影响的学者DonaldArthurNorman诺曼是美国西北大学的计算机和心理学教授，是NielsenNormanGroup咨询公司的创办人之一，曾经