华北水利大交互设计课件01概述

交互设计InteractionDesign江南大学设计学院

交互设计工作室

IxD

Studio

in

School

of

Design1st

交互设计的起源2nd交互设计的设计本质3rd交互设计中的系统观4th交互设计的基本目标5th交互设计的意义与流程概述6th交互形式——追求自然的交互7th对交互设计有较大影响的学者1/441CHAPTERONE概述维基百科:交互设计定义两个或多个互动的个体之间交流的内容和结构，使之相互配合，共同达成某种目的。交互设计接受的服务人使用的产品以“在充满社会复杂性的物质世界中嵌入信息技术”为中心非电子类产品组织服务交互性不只是技术系统，还有2/44概述1什么是交互设计？塞缪尔·莫兰德（SamuelMorland）发明了可以计算加数及减数的一部机械计数机INTEL推出8008微处理器米兹（mits）公推出了世界上第一台个人计算机Altair-8800XeroxAlto商用版本star开发中，交互界面的设计问题受到重视BillMaggridge设计出第一台笔记本电脑“GridCompass”Apple的Lisa奠定了以窗口(Windows)、菜单(Menu)、图符(Icons)和指示装置(PointingDevices)为基础的图形用户界面，也称WIMP界面的基本形态概述11交互设计的起源交互设计起源于计算机的人机界面设计1666年技术人员将计算过程分解，穿孔纸带输入编码1972年上个世纪70年代1973年1973年首台基于图形界面的电脑XeroxAlto推出C语言开发完成ARPAnet走向世界1975年1983年1981年ARPA：美国高级研究计划署（阿帕，AdvancedResearchProjectAgency）的简称3/441984年,BillMaggridge在一次会议中提出交互设计的概念开始只是想着将软件与用户界面设计的结合，称为“softface”（软面）1990年更名为“InteractionDesign”(交互设计)。吉利恩:如果让我用一句话来概括交互设计的话,我认为交互设计是通过数码产品改变着我们的工作,生活以及娱乐的一种有效手段。4/44概述11交互设计的起源/计算机成为设计的对象1交互设计的缘起计算机成为设计的对象好的软件可靠程序不能有影响其功能的错误实用愉悦程序应该满足所期望的实用要求使用程序的体验应该是愉快的程序员及普通用户认识差异软件缺少人性化软件未经过设计计算机软硬件复杂性计算机5/44概述11交互设计的起源/计算机成为设计的对象组件二：控制（命令机制）组件三：用户概念模型1交互设计的缘起从使用者认知角度改善易用性的早期成功尝试——Star系统(首次在界面设计中使用图形比拟）组件一：信息的显示图形用户界面处理要在屏幕上显示的内容用来调用命令的机制用户想要的内容及用户会如何响应窗口边框和按钮外观、字体等6/44概述11交互设计的起源/计算机成为设计的对象1交互设计的缘起计算机成为设计的对象从使用者认知的角度改善易用性的早期成功尝试——Star系统(首次在界面设计中使用图形比拟）图形用户界面其他所有一切都要服从于使这种概念模型整体、清晰、明确和充实的目标。组件二：控制（命令机制）组件三：用户概念模型组件一：信息的显示7/44概述11交互设计的起源/计算机成为设计的对象1交互设计的缘起从使用者认知的角度改善易用性的早期成功尝试——Star系统(首次在界面设计中使用图形比拟）使用户能够把这种抽象的东西与自己的工作关联起来Important设计一致的命令调用（针对跨不同语言的程序）Important图形用户界面组件二：控制（命令机制）组件三：用户概念模型组件一：信息的显示8/44概述11交互设计的起源/计算机成为设计的对象1交互设计的缘起计算机成为设计的对象表现模型系统表现模型用户心智模型系统实现模型产品模型即实现模型，是机器和程序实际如何工作的原理和细节，描述了程序和机器中功能实现、实际的工作机制。设计师最重要的工作是:为系统建立一个面向用户的表现模型，将系统的功能通过形式语言诚实地展现给用户。产品系统在用户心目中的运作机制，通常是用户对系统的一种简化的、类比的理解和想象应尽可能容易理解和记忆9/44概述11交互设计的起源/计算机成为设计的对象1交互设计的缘起计算机成为设计的对象交互的语汇使用双方能理解的语汇系统：程序员普通用户二进制机器语言汇编语言指令集合C语言可视化、图形化编程面向机器（系统模型）的语言程序的结构越来越面向人的思维和现实世界问题用户明白自己能执行什么动作，且系统能够以同样的方式明白并按照其所期待的来执行这些动作。Important10/44概述11交互设计的起源/计算机成为设计的对象1交互设计的缘起计算机成为设计的对象交互的语汇采用二进制数值的直接输入和输出的世界首台计算机Altair-8800。拥有位图显示器、Windows、鼠标的XeroxAlto计算机，首次使用了窗口设计被认为是操作系统GUI界面发展史上的里程碑。交互设计所追求的是易用性，以及技术上的可能性、合理性。交互设计的策略之一当用户与系统交互时，把他们试图做什么与他们更熟悉的其他东西关联起来。11/44概述11交互设计的起源/计算机成为设计的对象1交互设计的缘起无处不在的交互微控制器数字逻辑触发器智能手机ARM芯片MP3播放器游戏设备汽车导航系统物联网冰箱……塑造日常消费电子产品的形状和使用方式交互设计是信息时代的工业设计。在普适计算和物联理论的基础上，交互已经变得无处不在。12/44概述11交互设计的起源/计算机成为一种媒介材料1交互设计的缘起计算机成为一种媒介材料设计体验交互设计逐渐发展成为一种理念，那就是将信息和通讯技术看成一种新的艺术媒介。从人的需求出发，分析发掘潜在的用户需求和技术的成熟性、经济性之间的最佳匹配点。为开发指明方向，基于技术的潜能，设想和实验新的生活样式，提供更好的用户体验。理解人类的行为和需求了解环境、活动、人们的注意力及目标适应使用环境、个人特征、生活规律尝试超越现有需求，满足潜在需要好的交互设计13/44概述11交互设计的起源/计算机成为一种媒介材料1交互设计的缘起计算机成为一种媒介材料交互设计的常见话题数据的可视化图形、图像使用户更好地理解数据。构思数据和与数据的交互时，必须考虑:需要呈现的是什么数据

用户会如何诠释这些数据

用户会想对数据做什么

用户想如何与数据互动工作的效率操作系统的桌面模拟允许使用者按照一种符合其自然认知能力和生活中熟悉的主题环境来开展工作。

小屏幕或无屏幕的界面交互应用往往趋向于关注实用性和功能性，使用户能够更有效率地完成任务、组织信息和保存信息。14/44概述11交互设计的起源/计算机成为一种媒介材料1交互设计的缘起计算机成为一种媒介材料交互设计的常见话题创造体验创造体验的价值是交互设计更普遍的目标通常使用新颖的方式连接听觉和视觉刺激，来创造娱乐用户的场面或者带有娱乐性的交互互动装置常常还会包含媒介间的转换，现实物体变成虚拟物体，或者反过来虚拟变成现实人与人之间的交流设计师不仅需要设计人与物之间的交互，也要学习设计人与人交流的新方式。

基于用户位置信息的互动是一种用户之间合作的互动应用程序，这类系统中相互作用趋于方便沟通，并确保从一个用户发出的信息能被另一位用户接受。根据美国社会心理学家StanleyMilgram（斯坦利

米格）提出的六度分割理论，利用网络低廉快速的平台，倡导网络实名制，将现实生活中的人脉关系建立在网络平台之上，使得人与人之间的交流沟通更加便利。15/44概述11交互设计的起源/计算机成为一种媒介材料1交互设计的缘起计算机成为一种媒介材料交互设计的常见话题控制物理世界通过各种传感器、制动器，设计师可以把物理世界中所有的东西植入计算机，使之有感知和有反馈。HomeAutomation在一个房间里安装各种复杂的传感器和系统，在一个空间内跟踪记录各种变化，还可以使用这些数据来更全面地控制这个环境，使之更加舒适，使环境配置正确。16/44概述11交互设计的起源/计算机成为一种媒介材料1交互设计的缘起计算机成为一种媒介材料交互设计的常见话题控制物理世界通过各种传感器、制动器，设计师可以把物理世界中所有的东西植入计算机，使之有感知和有反馈。HomeAutomation在一个房间里安装各种复杂的传感器和系统，在一个空间内跟踪记录各种变化，还可以使用这些数据来更全面地控制这个环境，使之更加舒适，使环境配置正确。感应性建筑（reactivearchitecture）通过建筑方面的实践与计算机技术的结合来达到房屋和环境能够对用户、环境因素和外部命令做出反应。非线性叙事用交互的方式来播放电影、讲述一个故事或者一段历史的概念。用户可以通过从数据可视化或游戏中学来的方法控制叙事的流程和方向。17/44微交互微交互由触感发器、规则、反馈、循环与模式组成。将复杂的产品设计简化为由多个微交互组成、或者将复杂功能的产品分解为专注于一件事的“最小化的可行产品。”概述11交互设计的起源/计算机成为一种媒介材料交互设计设计理论HCI研究认知心理学可用性测试研究计算机技术传感技术人机界面技术交互设计属于设计学发展中的一个分支，是多个学科的交叉。设计的思维设计的思维传统设计交互设计产品作为一个object看待产品看作一个事件event静态造型和材料面向行为和过程，强调过程性思考的能力效果图作为设计表现手段流程图、状态转换图、故事板等成为重要设计表现手段18/44概述12交互设计的设计本质2交互设计的设计本质产品信息化工业设计师还能设计独立于软件使用体验的硬件产品？!设计师技能：一些概念进行全新定义外形的设计新产品类型预想人们如何使用交互的设计涉及很多建模过程系统怎样正常工作用户将如何接近其目标如何配置界面……设计师确保交互过程简单直接，使一切用户所期望的，通过清晰明确的方式尽快地传达给他/她。给人快乐或者挑战就是交互的目的交互设计与工业设计19/44概述12交互设计的设计本质/交互设计与工业设计2交互设计的设计本质艺术与交互交互艺术、工业设计、交互设计拥有同一目标：为用户设计产品或者体验拥有同样的工具以及工作流程：草图模型最终成品的展示20/44概述12交互设计的设计本质/艺术与交互交互：两个或两个以上活动的参与者之间的信息交流。交互设计对象用户有感知和反馈的物体系统与系统发生交互的人信息交流交互设计的目的设计某种让人能够以有意义的方式与之互动的系统反馈循环：系统自我反馈自我调节反应式交互研究用户会对系统做什么和系统会作出什么反应。更复杂的交互模式系统不停地执行任务，同时用户输入命令调整任务。难点用户需要每时每刻都了解系统如何运作，了解如何对系统做出修改，并明白对某个部分的修改可能影响到系统的另一个部分。最复杂的交互模式——完美的交谈21/44概述13交互设计中的系统观创建交互应用最困难的任务之一是去理解系统怎样看待来自用户的信息以及用户怎样看待系统提供的信息。交互信息越丰富，越容易报错避免误解产生为了更好的体验避免交互过程中的误解，重点在于产品界面和文档的易学习性、易用性、满意度等方面。完整的用户体验帕特里克·乔丹(PatrickJordan)形容从功能性到愉悦的进步与马斯洛（Maslow）的人类需求层次相类似，在低层需求满足以后人们就去追求更高层次的需求。22/44概述14交互设计的基本目标交互最初源于BillMorridge对产品使用行为，任务流程图和信息结构的设计，实现技术的可用，易于理解以及令人们使用的更加愉悦。交互设计先驱之一McAra-McWilliam(皇家艺术学院,麦卡拉麦克威廉姆)“交互设计师需要理解人们，理解他们如何体验事物，如何无师自通，如何学习。”交互设计的起步是由于信息产业的发展、计算机的个人化和普遍化所引发的一系列与“设计”有关的问题。沿用传统工业设计以用户/人为中心的设计理念和方法，发展出一系列交互设计所特有的思维模式和工作方法。23/44概述15交互设计的意义与流程/交互设计的描述5交互设计的意义与流程交互工作的创作流程用户研究和设计调研—发现问题创意提案和概念设计设计实验和原型测试用户调研、人种志手段(介入观察、非介入观察,采访等)交互设计师调查了解用户及其相关使用的场景对用户的使用时心理模式和行为模式等产生深刻认识24/44概述15交互设计的意义与流程/交互工作的创作流程5交互设计的意义与流程交互工作的创作流程交互工作的创作流程用户研究和设计调研—发现问题创意提案和概念设计设计实验和原型测试考虑用户调研的结果、技术可行性、以及商业机会为设计的目标创建概念（目标可能是新的软件、产品、服务或者系统）头脑风暴交谈（无保留的交谈）细化概念模型等设计师必须详细地描绘出心目中产品怎么做，这个交互带给用户的感觉以及产品的最终功能。25/44概述15交互设计的意义与流程/交互工作的创作流程5交互设计的意义与流程交互工作的创作流程交互工作的创作流程用户研究和设计调研—发现问题创意提案和概念设计设计实验和原型测试Wireframe描述设计对象的功能和行为分页或者分屏的方式（夹带相关部分的注解）描述系统的细节界面流程图描述系统的操作流程26/44概述15交互设计的意义与流程/交互工作的创作流程5交互设计的意义与流程交互工作的创作流程交互工作的创作流程用户研究和设计调研—发现问题创意提案和概念设计设计实验和原型测试通过设计原型来测试设计方案。通过做实验得出需要什么部件以及哪些现有的函数库或代码可以帮助完成原型。功能测试的原型感官测试原型实现测试原型测试用户和设计系统交互的质量27/44概述15交互设计的意义与流程/交互工作的创作流程5交互设计的意义与流程交互工作的创作流程交互工作的创作流程用户研究和设计调研—发现问题创意提案和概念设计设计实验和原型测试测试是创造一个情景让用户使用产品并观察它们的使用情况，通过用户测试发现设计的缺陷。28/44概述15交互设计的意义与流程/交互工作的创作流程交互形式文本命令行提示符界面键盘IvanSutherland（伊凡·苏泽兰）画板29/44概述16交互形式：追求自然的交互6交互形式：追求自然的交互交互形式电容式触摸屏DougEnglebar鼠标1968道格·恩格尔巴特发明的世界上第一个鼠标台式机图形用户界面第一个电脑人性化设计:苹果Mac电脑30/44概述16交互形式：追求自然的交互6交互形式：追求自然的交互交互形式电容式触摸屏31/44概述16交互形式：追求自然的交互6交互形式：追求自然的交互交互形式电容式触摸屏文本命令行提示符界面键盘DougEnglebar鼠标IvanSutherland画板台式机图形用户界面鼠标操作-图形界面和指点设备

最常见的与计算机互动方法。用户拖放、双击和click-and-hold这些动作在不同的应用程序，背后的意义并非完全标准，也不是完全是固定的。实体界面MITMediaLab的H.Lshii等人对早期可抓握用户界面(graspableuserinterface)理论进行了重要发展，于1997年提出有形用户界面的思想。存在&机器感知参与者的在与不在是一个十分具有直觉性的交互活动，可由重量、活动、光、热或者声音而感知。声光互动滑滑梯32/44概述16交互形式：追求自然的交互基于多点触摸的“星空琴韵”虚拟乐器改变了传统的橱窗展示方式声音和语音识别声音识别：通过识别某些声波的特征去执行一些指令或某些任务的计算机程序。语音识别：计算机通过声音来辨认词组或指令，最终确定具体的指令是什么。声音本身可用来提供输入、体积、音调和持续时间等信息。触摸界面与多点输入用手指来放大或缩小，转动旋转……既自然，又很有效率。苹果iPhone，MicrosoftSurface（微软开发的第一款平板电脑）等许多运用多点输入的新产品已被推广。33/44手势手势通常是通过触屏界面、摄像头或笔来实现的，使用手势操作来建立交互的基本原则一般不会改变。

要点是哪些手势是人所熟悉的，习惯性的。自然手势控制屏幕内虚拟电子书概述16交互形式：追求自然的交互BillMoggridge美国IDEO公司主要创立者之一1982年设计出第一台笔记本电脑-GridCompass提倡在产品开发过程之中运用一种“以用户为中心”的设计过程1984年首次提出“交互设计”的概念2009年在美国白宫举办的国家设计大奖授予了其终身成就奖在皇家艺术学院和伦敦商学院以及斯坦福大学任教，同时是哥本哈根交互设计学院的董事会成员2006年出版《DesigningInteractions》一书，被美国的商业周刊杂志评为当年十大最佳创新设计书籍之一。34/44概述17对交互设计有较大影响的学者7对交互设计有较大影响的学者BillVerplank（比尔●韦普朗克）BillVerplank是一位关注人与计算机互动的设计师和研究员。目前是斯坦福大学的访问学者，同时也参与斯坦福大学的设计学院工作。同BillMoggridge一起创造了“交互设计”这个词语。1978-1986年期间在施乐公司工作，对用户界面原始图形和鼠标进行了重新设计。1986-1992期间在IDEO公司工作，为产品设计的领域引进了用户图形界面设计的思想。35/44概述17对交互设计有较大影响的学者7对交互设计有较大影响的学者GillianCramptonSmith（吉利恩●克兰姆顿●史密斯）1983年她在英国圣马丁学院开设了图形设计与计算机的研究生课程。1989年在RCA(皇家艺术学院，RoyalCollegeofArt)建立了交互设计系前身“与计算机有关的设计系”。令RCA成为世界上第一个设立培养设计师学习创造交互产品与系统专业课程的院校。2001年，在意大利创建了艾弗莉娅交互设计学院，(InteractionDesignInstituteIvrea),。现在这个学院和著名的意大利多姆斯设计学院(DomusAcademy)联合开展交互设计研究生课程，并成为目前世界上为数不多的几个交互设计教学研究中心之一。36/44概述17对交互设计有较大影响的学者7对交互设计有较大影响的学者TerryWinograd(特里●温诺格拉德)斯坦福大学计算机科学系的教授，同时担任人机交互小组的主任，D-school的教授。1991年，成立了“关于人、计算机和设计的项目”，为了提高软件设计的研究。在《软件设计的艺术》中描述了一些研究成果，认为软件设计与编程完全不同，它应该结合软件编程和设计的特性。1995年，他指导了博士生-拉里佩奇，并于1998年，佩奇创建了谷歌公司。1997年发表的论文《FromComputingMachinerytoInteractionDesign》影响了很多人，37/44概述17对交