to show the process of interaction design

1. DESIGN INTERACTION 如何进行交互设计 hereiswzm@hotmail.com

2. DESIGN INTERACTION 交互设计概述

3. User-Centered Design,以用户为中心的设计 交互设计的中心思想

4. User-Centered Design,以用户为中心的设计 在进行产品设计、开发、维护时从用户的需求和用户的感受出发，围绕用户为中心进行产品设计、开发及维护，而不是让用户去适应产品。 无论产品的使用流程、产品的信息架构、人机交互方式等，以UCD为核心的设计都时刻高度关注并考虑用户的使用习惯、预期的交互方式、视觉感受等方面。

5. 交互设计的常用方法 卡片分类(Card Sorting)观察用户是如何理解内容和组织信息，用来帮助你的网站(产品)更合理的组织信息。-------------------------------------------------情境访谈(Contextual Interviews)走进用户的现实环境，让你了解你的用户的工作方式，生活环境等等情况。-------------------------------------------------焦点小组(Focus Groups)组织一组的用户进行讨论，让你更了解用户的理解、想法、态度和想要什么。-------------------------------------------------启发式评估(Heuristic Evaluation)可用性的检查方法，让一些行内专家对网站产品进行指导。

6. 交互设计的常用方法 单独访谈(Individual Interviews)一对一的用户讨论,让你了解某个用户是如何工作,使你知道用户的感受,想要什么和他的经历. --------------------------------------------------平行设计(Parallel Design)对同一个网站(产品)进行分开的设计，从而比较选择一个最佳方案。--------------------------------------------------角色模型(Personas)构建一个虚构的人来代表大部分用户，设计团队围绕这个虚拟人物设计开发产品。--------------------------------------------------原型(Prototyping)利用简单网站(产品)原型进行相关的测试，从而节约后期大量的成本。

7. 交互设计的常用方法 问卷调查(Surveys)利用网上或纸张的问题list对用户进行发放填写，从而收集用户对网站(产品)的反馈意见。--------------------------------------------------任务分析(Task Analysis)通过任务分析了解用户使用你网站(产品)时的目标和操作方式，习惯。--------------------------------------------------可用性测试(Usability Testing)请用户来试用你的网站(产品)，有任务性的完成测试。从而得到你所想要的东西。--------------------------------------------------用例(Use Cases)描述某个用户使用你网站(产品)时的情况，包括目标和行动。--------------------------------------------------内容优化(Writing for the Web)对你的网站(产品)进行内容上的整理、优化。让用户更清晰容易的了解你所表达的内容。

8. 交互设计十大交付件 1.用户需求文档人物角色 可用性测试计划可用性测试结果2.策略文档概念模型内容详单竞品分析3.设计文档线框图流程图站点地图屏幕设计图

9. 交互设计的工具 原则：指导设计的思想模式： 交互设计的习惯用法，常用解决具体用户需求和设计问题的方法 过程： 1.研究产品所处的领域 2.了解用户及其需求 3.定义设计方案和框架 4.填充设计细节 5.可用性验证

10. 看到这里，很多同学就会对比起产品设计的流程来 改良产品设计流程（2） 1.提出设计问题 2.问题分析 3.定下设计主题 4.设计调查和资料收集 5.设计分析与综合化 6.设计展开（草图>效果图>模型） 概念产品设计流程（1） 1.进行市场调查，同类产品比较，寻找市场空白点 2.定位目标群体 3.为目标群体设计相应的功能 4.方案设计（概念生成，草图） 从流程来看，交互设计和产品设计都有调查，都有目标用户群体，都会有预先方案。这到底有什么不同呢？

11. 侧重点不同 产品设计注重于：产品的功能和外形 交互设计注重于：人与机器交互的过程 面向对象不同 产品设计面向于：工业实体产品，对于技术，材料造价局限性比较大 交互设计主要面向于：计算机数字产品，局限性较小

12. 其实，交互设计也是一种针对于产品的设计，特别是计算机产品的设计。 但是因为计算机产品高度发达而是使其从产品设计中细分出来，形成自己一套独立的设计体系和思想。

13. DESIGN INTERACTION 交互设计流程

14. 在《用户体验要素》中，有这样一个著名的模型它阐述了用户体验的五个层面的同时，也表明了一个数字产品的设计流程。

15. 概念>需求>流程>框架>视觉 其中，在产品设计中所重视的外形设计占的分量明显减少。

16. 例子：豆瓣网，它的网页设计说不上任何漂亮或者绚丽，因为它靠着独特的定位和交互形式吸引了很多用户。

17. 吸引用户的不是豆瓣的简洁，而是一种类似于“迎合”的心理需求， 就像Lastfm，都是基于用户偏好的WEB 2.0形式。

18. DESIGN INTERACTION 目标导向设计

19. 目标导向设计 目标导向的交互设计方法关注用户的目标, 在研究产品的实际用户和潜在用户的基础上, 定义出具体的原型用户（人物角色persona）; 使用人物角色作为脚本提纲（scenarios）的主要人物, 把人物角色作为定义产品功能、行为和形式的主要工具, 在设计过程中遵循行为设计的原理。 1 2 3 4

20. 什么是目标？ 目标是终结条件，而任务是达到目标所需要的中间过程。区别任务和目标非常重要，人们很容易将它们相互混淆。 目标和任务有时是截然相反的 美国总统希望海外和平时，他派出去的是飞机和枪支。

21. 目标是稳定的，任务是易变的。显然，我们应该为目标设计，而不是为任务设计。 这就像我们在设计的时候，我们只有一个设计理念，但是有很多设计的方案一样。

22. 当交互设计师通过分析目标去解决问题时，通常会找到非常不同，但是好得多的解决方案。

23. 实际目标 实际目标是连接企业目标和个人目标的桥梁。 企业目标 增加利润 增加市场份额 击败竞争对手 聘用更多职员 提供更多的产品和服务 上市 个人目标 不觉得自己愚蠢 不出现差错 完成适量的工作 有趣（或至少不觉得乏味 用户需求=利益

24. 个人目标>实际目标 例:一台新电视，要设置后才能观看结目。 个人目标:看电视 实际目标：设置 结果：不会设置，导致无法看电视，个人目标未实现，用户恼怒。 如果电脑允许先看（先满足个人目标），再来设置。虽然显示效果相对来说不好，但用户会很乐意花时间去琢磨怎么设置。 由于程序员的特点所致，他们创建的软件虽然漂亮的满足了实际目标，但是却不能满足使用者的个人目标。

25. 良好的交互设计的本质是，设计的交互能让使用者在不影响个人目标的情况下，达到他们的实际目标。

26. cooper的目标导向设计过程

27. 我以我的毕业设计来作为案例讲解一下 基于人物角色的交互设计流程 案例背景： 湖南科技馆网站设计，虚拟课题 由湖南科技馆展示设计而衍生出来的，因为是属于投标项目，所以我们也没有办法接触到真正的客户--湖南科技馆相关工作人员。这个项目也简略了很多步骤。

29. 这里每一个步骤展开来都有很多细节性的注意点 比如： 用户访谈的时候，不能对每个用户都问固定的问题，最好在交互发生的地方进行访谈，问题的方向有: 有面向目标的问题，如：什么事情会使你一天过得很愉快？ 面向系统的问题，如：你使用产品做得最多的是什么事？ 面向工作流的问题，如：你今天是怎么度过的 面向态度的问题，如：哪些事你在拖延？

30. 场景构建的时候，需要 日常场景：使用者需要执行的主要任务，这些任务还经常执行。 必要场景：所有不常用但必须具备的场景。 边缘场景：为处理边缘状况而产生的不常用任务。

31. 目标导向设计的起点是定义用户角色，只有定义了人物角色才能定义角色目标。

32. 下一章—定义人物角色的案例分析

33. THANKS,THE END…. Wendy 2009.9.18