产品交互设计.ppt

1、产品交互设计 Product Interaction Design,产品交互设计 Product Interaction Design,1.交互设计背景 2.交互设计原理与方法 3.交互设计优秀作品,Product Interaction Design Nicole work Nov.2011,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,一、交互设计的学科特点 相关学科 信息构架 工业设计 传达或图形设计 用户体验设计 用户界面工程 人机交互 可用性工程 人因工程,产品交互设计原理与方法,Product Interac

2、tion Design Nicole work Nov.2011,一、交互设计的学科特点 相关学科 从工业设计的角度: 设计高质量和较高审美的合格产品 关注产品的用途、外观、易维护性、低成本、传达,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,一、交互设计的学科特点 相关学科 从人机交互的角度: 关注易用性、可靠性、安全性、灵活性和有效性 不再满足指令式、菜单式、图形式、转向多通道、多媒体、智能化、自然化,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.201

3、1,一、交互设计的学科特点 相关学科 从用户体验的角度: 考虑使用产品时带来的感官冲击，即全部体验的印象和感觉 关注产品的功能、效率、易用性、舒适性、安全性、愉悦性,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,一、产品交互设计系统的组成 系统基本框架 人（People） 人的行为（Activity） 产品使用场景（Context） 产品中融合的技术（Technology） 最终完成的的产品(Product) 简称PACT-P,产品交互设计原理与方法,Product Interaction Design Nicole w

4、ork Nov.2011,一、产品交互设计系统的组成 系统组成元素分析 人用户,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,一、产品交互设计系统的组成 系统组成元素分析 行为动作行为、反馈行为,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,一、产品交互设计系统的组成 系统组成元素分析 产品使用场景物质景、非物质景 物质景-物质环境:交流空间、照明条件、其他相关设施 非物质景-组织场景和社会场景,产品交互设计原理与方法,Product Intera

5、ction Design Nicole work Nov.2011,一、产品交互设计系统的组成 系统组成元素分析 产品使用场景物质景、非物质景 物质景-物质环境:交流空间、照明条件、其他相关设施 非物质景-组织场景和社会场景,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,一、产品交互设计系统的组成 系统组成元素分析 产品使用场景物质景、非物质景 物质景-物质环境:交流空间、照明条件、其他相关设施 非物质景-组织场景和社会场景,产品交互设计原理与方法,Product Interaction Design Nicole wo

6、rk Nov.2011,一、产品交互设计系统的组成 系统组成元素分析 技术-硬件和软件技术：语音识别、图像和文字识别、多媒体、 信息可视化、虚拟现实、网络、移动通信、各种传感器、光控、声控技术,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,一、产品交互设计系统的组成 系统组成元素分析 产品-物化载体：技术驱动型和用户驱动型,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 理解产品交互设计的主体用户 1.用户类型与界定： 主

7、要用户 次要用户 三级用户,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 理解产品交互设计的主体用户 2.如何理解用户： 人类学：文化、语言、生物的发展和变化,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 理解产品交互设计的主体用户 2.如何理解用户： 心理学：心理活动、行为表现,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.20

8、11,二、产品交互设计系统的组成 理解产品交互设计的主体用户 2.如何理解用户： 认知心理学：注意、知觉、表象、记忆、和思维等认识过程,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 理解产品交互设计的主体用户 2.如何理解用户： 人机工程学：人的能力和局限,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 理解产品交互设计的主体用户 3.用户的具体化人物角色： 只为一个人设计 目标越多，偏移越大,

9、产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 交互行为分析与方式选择： a.行为的类型与关注点 经常性行为 受时间影响行为 受环境影响的行为 要求迅速响应的行为 可能引起误操作的行为,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 交互行为分析与方式选择： a.行为的类型与关注

10、点 经常性行为 受时间影响行为 受环境影响的行为 要求迅速响应的行为 可能引起误操作的行为,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 交互行为分析与方式选择： a.行为的类型与关注点 经常性行为 受时间影响行为 受环境影响的行为 要求迅速响应的行为 可能引起误操作的行为,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 交互行为分析与方式选择： a.行为的类型与关注点 经常性行为 受时间影响行

11、为 受环境影响的行为 要求迅速响应的行为 可能引起误操作的行为,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 交互行为分析与方式选择： a.行为的类型与关注点 经常性行为 受时间影响行为 受环境影响的行为 要求迅速响应的行为 可能引起误操作的行为,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 交互行为分析与方式选择： b.交互行为方式的选择 数据交互 图像交互 语音交互 动作交互 人体行为交互

12、,Product Interaction Design Nicole work Nov.2011,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 对技术的认识和关注 了解技术的概貌而不是全部 对设计师而言选择何种技术是主动的和有意识的,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 对技术的认识和关注 a.无处不在的计算机技术 b.渗透性计算技术 c.可穿戴的计算技术 d.多点触摸技术 e.手势控

13、制技术 f.眼动跟踪技术 g.无线射频技术,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 对技术的认识和关注 a.无处不在的计算机技术 b.渗透性计算技术 c.可穿戴的计算技术 d.多点触摸技术 e.手势控制技术 f.眼动跟踪技术 g.无线射频技术,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 对技术的认识和关注 a.无处不在的计算机技术 b.渗透性计算技术 c.可穿戴的计算技术 d.多点触摸

14、技术 e.手势控制技术 f.眼动跟踪技术 g.无线射频技术,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 对技术的认识和关注 a.无处不在的计算机技术 b.渗透性计算技术 c.可穿戴的计算技术 d.多点触摸技术 e.手势控制技术 f.眼动跟踪技术 g.无线射频技术,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 对技术的认识和关注 a.无处不在的计算机技术 b.渗透性计算技术 c.可穿戴的计算技

15、术 d.多点触摸技术 e.手势控制技术 f.眼动跟踪技术 g.无线射频技术,Product Interaction Design Nicole work Nov.2011,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,二、产品交互设计系统的组成 对技术的认识和关注 a.无处不在的计算机技术 b.渗透性计算技术 c.可穿戴的计算技术 d.多点触摸技术 e.手势控制技术 f.眼动跟踪技术 g.无线射频技术,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,

16、二、产品交互设计系统的组成 对技术的认识和关注 a.无处不在的计算机技术 b.渗透性计算技术 c.可穿戴的计算技术 d.多点触摸技术 e.手势控制技术 f.眼动跟踪技术 g.无线射频技术,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,三、产品交互设计的目标与交互式产品 目标之一：可用性 有用： 功能实用 安全有效 性价比高 好用： 易于操作：可视性、给用户提供正确的操作提示、反馈 易于学会和掌握 性能可靠,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.201

17、1,三、产品交互设计的目标与交互式产品 目标之二：用户体验 令人满意 令人愉悦 有趣 引人入胜 有益 激励 富有美感 支持创造力 有价值 情感上满足,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,三、产品交互设计的目标与交互式产品 目标之二：用户体验,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,三、产品交互设计的目标与交互式产品 可用性目标和用户体验目标之间的关系 可用性目标是用户体验目标的基础，没有用户体验目标产品将变得乏味,产品交互设计原理与

18、方法,Product Interaction Design Nicole work Nov.2011,三、产品交互设计的目标与交互式产品 关于交互式产品 既有情趣又实用的产品， 如情趣创意小产品,Product Interaction Design Nicole work Nov.2011,Product Interaction Design Nicole work Nov.2011,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,三、产品交互设计的目标与交互式产品 关于交互式产品 内嵌计算机芯片的消费类电子产品,产品交互

19、设计原理与方法,Product Interaction Design Nicole work Nov.2011,三、产品交互设计的目标与交互式产品 关于交互式产品 1.具有情感的交互式产品,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,三、产品交互设计的目标与交互式产品 关于交互式产品 1.具有情感的交互式产品,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,三、产品交互设计的目标与交互式产品 关于交互式产品 2.具有双向交流功能的交互式产品,产品交

20、互设计原理与方法,Product Interaction Design Nicole work Nov.2011,三、产品交互设计的目标与交互式产品 关于交互式产品 2.具有双向交流功能的交互式产品,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,三、产品交互设计的目标与交互式产品 关于交互式产品 3.家用机器人,Product Interaction Design Nicole work Nov.2011,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.201

21、1,三、产品交互设计的目标与交互式产品 关于交互式产品 4.iPone,Product Interaction Design Nicole work Nov.2011,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之一：需求分析 确定用户及当事人 1.将目标用户转化为人物角色 确定目标人群的共性，如使用产品的目标、动机和行为。 确定目标人群之间的差异 确定角色的姓名、照片和其他相关数据,产品交互设计原理与方法,Product Interaction Design Nicole w

22、ork Nov.2011,四、产品交互设计过程分析 产品交互设计过程之一：需求分析 确定用户及当事人 2.用户的扩展-当事人 产品用户、潜在用户 产品开发团队组成人员 项目经理和相关管理者 合作伙伴 产品测试人员 营销人员 客户服务人员 产品维修人员 相关领域专家等,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之一：需求分析 确定需求的方法 情节表述可包含： 人物角色目标用户 做什么用户需求 如何做采取的行为 时间和空间在什么时候和什么环境做这件事,产品交互设计原理与方法,Pr

23、oduct Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之一：需求分析 确定需求的方法 用户观察和访谈 可通过文字记录、拍照、录音、录像,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之一：需求分析 确定需求的方法 问卷调查 主题明确 结构合理 易于理解 便于数据的分析、整理和统计,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四

24、、产品交互设计过程分析 产品交互设计过程之一：需求分析 建立需求 用产品必须“做什么,而不是“如何做的形式表达需求 表达需求时，要与原始数据同样明确 使用肯定句，不用否定句 把需求表达成需求的一个属性 避免“必须”和“应该”之类的措辞,Product Interaction Design Nicole work Nov.2011,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之二：概念设计 概念设计与概念模型 概念设计是将用户需求进一步的转换为产品概念 概念模型： 1.指设计人员

25、对产品得表述 2.指用户对产品的表述,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之二：概念设计 概念的基本要求与步骤 根据用户需求对产品概念进行定义 生成多个概念 对概念进行初步评估 反复迭代，最后生成产品概念,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之二：概念设计 概念的基本要求与步骤 根据用户需求对产品概念进行定义 生成多个概念 对概念进行初步评估 反

26、复迭代，最后生成产品概念,Product Interaction Design Nicole work Nov.2011,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之二：原型设计 原型的概念及原型设计的意义 1.什么是原型 原型是产品概念的形象化和具体化，是一个多维度上对产品的一种近似和有限的表示形式 2.原型和模型 原型是研究概念的工具 模型是对产品的仿真,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011

27、,四、产品交互设计过程分析 产品交互设计过程之二：原型设计 原型的概念及原型设计的意义 3.原型的种类 按表现方式分： 实体原型：外观原型、概念验证原型、实验性硬件原型 数字化原型,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之二：原型设计 原型的概念及原型设计的意义 3.原型的种类 按真实程度分： 低保真 高保真,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之

28、二：原型设计 原型的概念及原型设计的意义 3.原型的种类 按制作材料分： 油泥 纸板 聚苯乙烯泡沫塑料 石膏 树脂 塑料 金属,Product Interaction Design Nicole work Nov.2011,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之二：原型设计 原型的概念及原型设计的意义 4.原型设计及意义 有利于对产品概念的评估 有利于降低开发成本 有利于激发创作激情和灵感 有利于设计团队之间的交流 有利于设计成果的展示,产品交互设计原理与方法,Prod

29、uct Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之二：原型设计 原型设计的一般原则 1.快速性 2.灵活性 3.有限性 4.侧重性,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之二：原型设计 原型设计的主要阶段 1.初始阶段 2.原型发展 3.原型评估 4.侧重性,Product Interaction Design Nicole work Nov.2011,产品交互设计原理与方法,Product

30、 Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之三：原型设计 LEGO MINDSTORMS,Product Interaction Design Nicole work Nov.2011,Product Interaction Design Nicole work Nov.2011,Product Interaction Design Nicole work Nov.2011,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程

31、分析 产品交互设计过程之四：基于原型的评估 评估原则 易用性 可用性 可接受性 可参与性,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之四：基于原型的评估 评估原则 易用性 可用性 可接受性 可参与性,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之四：基于原型的评估 评估原则 易用性 可用性 可接受性 可参与性,产品交互设计原理与方法,Product Inter

32、action Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之四：基于原型的评估 评估原则 易用性 可用性 可接受性 可参与性,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,四、产品交互设计过程分析 产品交互设计过程之五：方案执行 经过反复迭代，进行交互式产品的系统设计、结构设计和工艺设计,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,五、产品交互设计的法则、技能与方法 产品交互设计的一般法则 1

33、.费茨法则 到目标的距离（D） 目标的大小（S） Tk log2（D/S0.5） k系数约为100ms Fitts法则最基本的观点就是任何时候，当一个人用鼠标来移动鼠标指针时，屏幕上的目标的某些特征会使得点击变得轻松或者困难。目标离的越远，到达就越是费劲。目标越小，就越难点中。,Product Interaction Design Nicole work Nov.2011,Fitts法则,Product Interaction Design Nicole work Nov.2011,Fitts法则,Product Interaction Design Nicole work Nov.2011,

34、Fitts法则,Product Interaction Design Nicole work Nov.2011,Fitts法则,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,五、产品交互设计的法则、技能与方法 产品交互设计的一般法则 2.神奇的数字7,Product Interaction Design Nicole work Nov.2011,Product Interaction Design Nicole work Nov.2011,Product Interaction Design Nicole work No

35、v.2011,Product Interaction Design Nicole work Nov.2011,Product Interaction Design Nicole work Nov.2011,Product Interaction Design Nicole work Nov.2011,Product Interaction Design Nicole work Nov.2011,Product Interaction Design Nicole work Nov.2011,Product Interaction Design Nicole work Nov.2011,Produ

36、ct Interaction Design Nicole work Nov.2011,Product Interaction Design Nicole work Nov.2011,Product Interaction Design Nicole work Nov.2011,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,五、产品交互设计的法则、技能与方法 产品交互设计的一般法则 3.复杂度守恒的Tesler法则 无论如何调整，用户与产品的交互过程都具有不能简化的元素 设计师可以通过将复杂度发生了转移,产品交互设计原理与

37、方法,Product Interaction Design Nicole work Nov.2011,五、产品交互设计的法则、技能与方法 产品交互设计的一般法则 4.Poka-Yoke法则 防错法 物理结构上的限制因素 语义上的限制因素 文化限制因素 逻辑限制因素,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,五、产品交互设计的法则、技能与方法 产品交互设计的一般法则 5.反馈与前馈 反馈是对已发生事件的指示 语音反馈 视觉反馈 位置跟踪 阻力反馈,产品交互设计原理与方法,Product Interaction Desi

38、gn Nicole work Nov.2011,五、产品交互设计的法则、技能与方法 产品交互设计的一般法则 5.反馈与前馈 前馈是对下一步将发生事件的指示,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,五、产品交互设计的法则、技能与方法 产品交互设计的技能 1.表达数据分析之手段 线性流程图,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,五、产品交互设计的法则、技能与方法 产品交互设计的技能 1.表达数据分析之手段 环状流程图,产品交互设计原理与方

39、法,Product Interaction Design Nicole work Nov.2011,五、产品交互设计的法则、技能与方法 产品交互设计的技能 1.表达数据分析之手段 网状图,Product Interaction Design Nicole work Nov.2011,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,五、产品交互设计的法则、技能与方法 产品交互设计的技能 1.表达数据分析之手段 维恩图,产品交互设计原理与方法,Product Interaction Design Nicole work Nov

40、.2011,五、产品交互设计的法则、技能与方法 产品交互设计的技能 1.表达数据分析之手段 矩阵图,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,五、产品交互设计的法则、技能与方法 产品交互设计的技能 2.情节 在产品设计中以情节的形 式，设想用户在使用产品 时的情形和表达设计概念,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,五、产品交互设计的法则、技能与方法 产品交互设计的技能 3.故事板 利用故事板表达关键瞬间,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.2011,五、产品交互设计的法则、技能与方法 产品交互设计的技能 3.故事板,产品交互设计原理与方法,Product Interaction Design Nicole work Nov.