《交互设计界面设计》课件ppt 01 绪论

交互（界面）设计 第一章 绪论 交互设计背景与课程解析 绪论 l什么是交互设计 l交互设计解决的问题 l交互设计的发展状况 l如何理解交互设计 l设置交互（界面）设计课程的目的 1.什么是交互设计(Interaction Design)？ l从一个交互实例谈起 打开钱包，从卡夹层里拿出那张有着金黄葵花的银行卡， 又到了发工资的时候，还约好了明天和朋友一起逛街，不 知道今天到帐了没有！ 什么是交互 您好，欢迎使用招商银行电话银行系统，1，普通话服务，2，英语服务；” “1个人银行服务，2公司银行服务，3银证通功能，4个人外汇买卖服务，5基 金服务，0退出；” “1存折户，2一卡通户，3个人信用卡户，4新旧卡号查询 0 退出；” “请输入一卡通卡号，以#号结束；” “请输入查询密码，以#号结束；” “1帐务查询，2转账，3修改密码，4电话挂失，5通讯业务，6自助贷款，7自助 缴费及一卡通上网，8神州行充值服务，9凭证式国债，0退出” ：“1活期，2 整存整取，3零存整取，4整存零取，5存本取息，6定活两便，7 大额定期，8通知存款，9教育储蓄，0退出。” “1余额，2当天交易，3历史交易，0退出” 您的余额是 交互，在这里指的是作为服务使用者的用户和作为服务提供者的电话银行系统 之间的互动通信并交换信息的过程，有请求，有应答，需要双方参与。 交互无处不在 交互设计(Interaction Design) l交互设计是一门交叉学科，涉及（认 知)心理学、多媒体技术、人机工程学、 工业设计、用户界面设计、虚拟现实、用 户体验设计等多个领域。 l交互设计（Interaction Design）作 为一门关注交互体验的新学科在二十世纪 八十年代产生了，它由IDEO的一位创始 人比尔莫格里奇（Moggridge Bill）在 1984年一次设计会议上提出，他一开始 给它命名为“软面（Soft Face）”，由于 这个名字容易让人想起和当时流行的玩具 “椰菜娃娃（Cabbage Patch doll）”， 他后来把它更名为“Interaction Design”交互设计。 交互设计(Interaction Design) l在1989年，伦敦的皇家艺术学院创 建了交互设计的硕士学位教育（初始 名为“计算机相关的设计”，后改名为 “交互设计”）。2001年，创建了交互 设计研究所，专门从事交互设计的研 究和教育。目前，全球众多的教育机 构已经开展交互设计的教育。 交互设计(Interaction Design) l交互设计，又称互动设计，(英文Interaction Design),是定义、设计人造系统的行为的设计领域。人造 物，即人工制成物品，例如，软件、移动设备、人造环境 、服务、可佩带装置以及系统的组织结构。交互设计的研 究领域在于定义人造物的行为方式相关的界面。 l交互设计师首先进行用户研究相关领域，以及潜在用户 ，设计人造物的行为，并从有用性，可用性和情感因素（ usefulness, usability and emotional）等方面来评估设计 质量。 2.交互设计解决的问题 l交互设计是设计人和物的对话,而交互设计研究和实践 的本质可能是隐藏于这个对话中的。交互设计的目的包括 对有用性，易用性和吸引性的设计和改善，使人们获得更 好的用户体验。 3.交互设计发展状况 l美国的麻省理工学院(M IT) 、卡耐基-梅隆大学(CMU) 、加拿大的西蒙菲莎大学( SFU ) 和瑞典于默奥大学 (UMEA UNIVERSITY)等高校都在开展交互式产品设计方 面的相关研究,有的还设有交互设计方面的专业或研究方向 。 l国内外交互设计正在由计算机科学领域向有形的实体产 品设计与开发领域渗透。 3.交互设计发展状况 l交互设计师通常需要参与到团队中不同的活动中，比如 图形设计、程序设计、用户心理、用户测试，产品设计等 等。因此，交互设计师需要对上述领域有相当理解，以便 于和不同领域专家开展合作。 4.如何理解交互设计 l人与产品的交互，是否能顺利进行取决于产品设计是否 完全满足使用要求。是否喜欢进行这种交互，取决于更高 层次的体验要求。前者可在工业设计范畴内解决，后者却 涉及更多的交叉学科，包括交互设计。 l可以从以下一些方面来理解交互设计： 交互设计不等于人机交互 交互设计与界面设计的关系 交互设计对产品设计的超越 4.1交互设计不等于人机交互 l狭义的讲，人机交互技术主要是研究人与计算机之间的 信息交换，它主要包括人到计算机和计算机到人的信息交 换两部分。 l对于前者，人们可以借助键盘、鼠标、操纵杆、数据服 装、眼动跟踪器、位置跟踪器、数据手套、压力笔等设备 ，用手、脚、声音、姿势或身体的动作、眼睛甚至脑电波 等向计算机传递信息；对于后者，计算机通过打印机、绘 图仪、显示器、头盔式显示器（HMD）、音箱等输出或显 示设备给人提供信息。 4.1交互设计不等于人机交互 从人机交互的层面来看，侧重于人与计算机的 交互方式如何用软硬件技术来实现。而从人机 交互设计的层面看，侧重于人与计算机交互方 式的设计过程与方法。 交互设计涉及的交互对象可以有更广泛的范畴 ，可以是无形的游戏和软件产品，也可以是有 形的家用电器、消费电子和交通工具等各类实 体产品，还可以是空间、互联网甚至是服务等 。 交互设计不只是人机交互，关注的是人与产品 乃至环境之间的交互。 用户产品交互 任务分解输入 输出处理功能 4.2交互设计与界面设计的关系 界面是一个静态的词，当进行界面设计的时候 ，我们关心的是界面本身，布局，风格，看它 们是否能支撑有效的交互。 4.2交互设计与界面设计的关系 用户界面是交互设计的结果的自然体现，但是 不能说交互设计就是用户界面设计。从这个角 度看来，交互设计是设计方法，而界面设计是 交互设计的自然结果。同时，界面设计不一定 由显意识交互设计驱动，然而界面设计必然自 然包含交互设计（人和物是如何进行交流的） 。 多数情况下，界面设计主要指人和机器的交互 层面设计，如应用程序界面、网页界面、媒体 操作界面。交互设计更加注重产品和使用者行 为上的交互和交换的过程，在深度和广度上超 越了界面设计，强调的是设计理念和方法。 4.3交互设计对产品设计的超越 在没有提出交互设计和体验设计以前，产品设 计总是将交互设计以某种方式交给相关人员去 实施。从这个意义上而言，产品的设计从来就 包含交互设计来满足人们的使用需求；然而， 当人们意识到简单的界面规划不能满足人的使 用需求的时候，交互设计开始作为一个独立的 设计阶段出现。 并且,有研究者和实践者提出，交互设计需要在 制定初步产品的策略之后技术设计以前实施， 这样可以避免低效的交互给产品的开发和发布 造成过多的损失。 4.3交互设计对产品设计的超越 交互设计强调的是用户与产品设计系统的交互 行为，支持行为的功能和技术及交互双方的信 息表达方式和情感等，是对直接影响产品最终 用户的因素的设计。 比尔莫格里奇认为，交互设计关注的不仅是实 体产品，也重视服务。从宏观上来说，交互设 计涵盖了物质的设计和非物质的设计两方面， 也就是硬件与软件及其服务。 5.设置交互（界面）设计课程的目的 交互设计的内容十分广泛，比尔莫格里奇将交 互设计对象分为以下六种类型：游戏、软件、 产品、空间、因特网和服务。从不同的角度研 究交互设计，其侧重点不同。如人与游戏的交 互强调更多的趣味性、参与性和娱乐性；人与 软件系统的交互更注重软件的功能、页面的布 局、操作的简易性和可靠性。 5.设置交互（界面）设计课程的目的 交互设计作为一门新兴学科，涉及众多学科领 域知识，难以短时间内系统地进行学习和全面 地掌握，但是，作为一个设计师有必要了解其 中精髓，掌握产品交互设计的基本原则和方法 ，并将其应用于产品设计实践 。 应该注重从工业设计的角度来学习交互设计， 用产品交互设计的思想、原则和方法设计与体 验经济时代相适应的交互式产品。 5.设置交互（界面）设计课程的目的 iPod的成功之处在哪？ 比尔莫格里奇说：很多人认为 iPod的成功之处在于其时尚的 工业造型设计，但真正起到主 要作用的是成功的交互设计及 提供完整体验的系统方法。 参考书目 Designing Interactions，比尔.莫