内容简介

本书结合国内外较成熟的理论体系，梳理所在交互设计团队多年的实践理论与方法经验，全面系统地向读者介绍交互设计的理念以及实践方法，由浅入深，循序渐进。书中将通过6个部分介绍交互设计的基本概念、理论基础、设计流程，以及交互设计工作团队的工作方法，包括调研分析、设计建模、概念设计与评估。其中通过真实的案例研究，对设计方法进行完整而详细的讲解，指导性强，帮助读者对每一个交互设计方法建立更深刻的认识，掌握方法的实践运用。

作者简介

　　　　由芳，一线教学多年，丰富的项目经验，主持承担多项省部级项目，与多家国际知名公司、企业开展交互设计方面的前沿探索与合作。

目录

目 录
第1章 交互设计（Interaction Design） 1
1．1 交互设计体系（System of Interaction Design） 1
1．2 设计之本――用户体验 3
1．3 人人都是产品经理――商业与交互设计的关系（Business） 6
1．4 数据思维――信息与交互设计的关系（Information Technique） 6
1．5 策划与传播――媒体与交互设计的关系（Media） 7
第2章 设计准备工作（Preparation of Design） 8
2．1 交互设计流程及方法分类（Interaction Design Process） 8
2．2 设计团队（Design Team） 9
第3章 市场调研与设计研究（Market ＆ Design Research） 12
3．1 商业 12
竞争产品分析（Competitive Product Analysis） 12
品牌策略分析（Brand Strategies） 14
3．2 信息 17
文献检索（Document Retrieval） 17
横向思考（Lateral Thinking） 18
3．3 设计 20
问卷调查（Questionnaire） 20
场景分析（Context Analysis） 23
第4章 用户研究（User Research） 33
4．1 商业 33
民族志（Ethnography） 33
用户深度访谈（User in-depth Interview） 35
专家访谈（Expert Interview） 38
神秘顾客（Mystery Customer） 40
用户建模（User Modeling）（Activity模型） 42
4．2 信息 43
五个为什么（the Five Whys） 43
层次任务分析（Hierarchical Task Analysis） 44
4．3 设计 46
自然观察法（影随法）［Natural observation (Shadowing)］ 46
体验测试（Experience Test） 47
（非）焦点小组（Non-Focus Group） 50
人物角色（Personal） 52
情景设计（Scenario Design） 55
第5章 商业模型与概念设计（Business Modeling ＆ Concept Design） 66
5．1 商业 66
商业模式画布（Business Model Canvas） 66
BSC平衡计分卡（Balanced Score Card） 68
品牌定位（Brand Positioning） 70
生态系统（Business Ecosystem Design） 73
5．2 信息 74
亲和图（Affinity Diagram） 74
内容规划（Content Management） 77
卡片分类（Card Sorting） 78
词汇定义（Wording） 80
5．3 设计 82
头脑风暴（Brainstorming） 82
思维导图（Mind Map） 84
KA卡片（KA Card） 86
服务蓝图（Service Blueprint） 89
接触点设计（Touch Point Design） 91
用户体验地图（User Experience Map） 92
第6章 信息架构与设计实现（IA ＆ Implementation of Design） 102
6．1 商业 102
组织系统设计（Organization System Design） 102
6．2 信息 105
界面流程（Interface Operation Process） 105
标签系统设计（the Label System Design） 106
导航设计（Navigation Design） 108
站点地图（Site Map） 111
6．3 设计 113
纸上原型（Paper Prototyping） 113
实物模型（Mock-Up Model） 114
高保真原型（High-fidelity Prototyping） 116
隐喻设计（Metaphor Design） 118
界面风格指南（Web Style Guide） 119
布局设计（Layout Design） 120
动态效果设计及音效设计（Dynamic Effect Design ＆ Sound Design） 123
第7章 设计评估与用户测试（Evaluation of Design ＆ User Testing） 141
7．1 商业 141
启发式评估（Heuristic Evaluation） 141
7．2 信息 143
眼动仪测试（Eye Tracking Testing） 143
心理生理测试（Physical Testing） 145
7．3 设计 146
认知走查（Cognitive Walkthrough） 146
绿野仙踪（角色扮演）[the wizard of OZ (Role Playing)] 147
协同交互[Collaborative Walkthroughs (Interaction)] 148
贴纸投票（Sticker Vote） 149
可用性测试（Usability Testing） 150
案例：汽车安全驾驶研究项目测试 151
第8章 系统开发与运营跟踪（Development and Operation） 168
8．1 商业 168
开发指南（Guidelines of Development） 168
8．2 信息 168
搜索引擎优化（Search Engine Optimization） 168
网络行为跟踪（Online Activity Tracking） 170
用户反馈收集（User Feedbacks） 172
8．3 设计 173
设计/服务说明书（Design/Service Specification） 173
前端软件开发（Front-end Software Development） 173
界面组件开发（Interface Component Development） 175
综合案例：“一天”项目运营周报 182
第9章 Uxlab交互设计教学产品 187
9．1 教学物理沙盘 187
9．2 数字沙盘 188
9．3 网络课程 189
9．4 社会媒体――微信订阅号Uxlab 190
第10章 交互设计案例实践 191
10．1 马拉松移动应用服务的生态圈分析 191
调研与分析阶段：基于生态圈的马拉松用户研究 191
基于生态圈的服务流程设计 196
设计阶段：马拉松赛事应用及服务设计 204
10．2 问答类网站设计指南 206
问答类网站社交性与架构要素研究 206
用户知识搜索行为研究 212
校园社交型问答网站设计 221
10．3 企业网站设计项目 231
市场调查与设计研究――竞品分析 231
用户研究――问卷调查 234
商业模型与概念设计 237
信息架构与设计实现 248
设计评估与用户测试――可用性测试 258
系统开发与运营跟踪 260
参考文献 267

前言/序言

前 言

“交互设计”这个术语对我们来说已经越来越不陌生了。早在1984年的一次设计会议上，它就由IDEO的一位创始人比尔?摩格理吉（Bill Moggridge）提出了。交互设计是关于数字产品、环境、系统和服务的交互行为，以及传达这种行为的外形元素的设计与定义。与主要关注产品的形式和外观的传统设计学科不同，交互设计首先关注的是传统设计不太涉及的方面，即行为方式的定义，然后描述传达这种行为的最有效形式。

随着科学技术的发展，产品结构与功能趋于复杂化、多样化、智能化，产品的交互达到了前所未有的复杂程度，一个小小的按钮已经远远无法囊括用户与产品之间的所有交互。然而，用户的需求也在持续增长，用户既希望产品拥有更多的功能，又希望产品能够足够简单、易于使用、更人性化，在生理和心理两个层面上都能赋予他们愉悦的使用体验。以电视机为例，过去我们看电视只需要按下黑白电视机的开关按钮；后来我们可以用遥控器随意切换彩色电视机的频道，调整音量；现在的智能电视机允许我们通过手势和触摸屏来控制节目的播放，除此之外，我们还希望能在电视机上定制需要的各种软件。由此可见，先进技术的应用一方面让产品拥有了更强大的功能，另一方面也让用户的操作更加复杂和困难，用户的认知摩擦也日益加剧。

交互设计正是这种设计矛盾发展到一定阶段的必然产物，触发其脱离传统设计，作为单独的设计学科出现。它作为一种新的设计思维方式，力求让产品在功能性和可用性之间取得良好的平衡。从设计的角度看，交互设计看重的是人与产品交互的行为、场景、技术、情感体验等之间的关系，逐渐将关注点从对产品本身的设计转移到使用产品的用户的体验上来，以求满足用户更高层次的需求。从市场的角度看，随着以消费者为主导的商业文化的形成，每个产品的问世，都要面对激烈的市场竞争和百般挑剔的顾客。在功能同质化日益泛滥的情况下，产品是否能以用户为中心进行设计也就毫无疑问成为成功的关键，这意味着产品应把用户观点渗透到设计过程的每个环节，从用户的角度进行产品设计。

交互设计过程本身也是一个设计工程管理过程。设计需求、概念设计、细节设计、用户评估测试、设计实施等环节都需要用户的参与，设计问题转化为如何在设计全过程中保持用户的全程参与，不同阶段的设计方法产出以及如何有效导入下一阶段的设计实践。工程思想是交互设计的核心思想。

自诞生起，交互设计就无疑是一个多学科融合的领域。它存在于产品技术、视觉传达设计、工业设计之间，涉及人类学、社会学、人类工程学、心理学、认知科学、计算机科学、软件工程等多个学科。以用户为中心的交互设计，引起了设计界对用户的关注，同时也衍生了一系列新生的设计领域，如用户体验、用户研究、设计调查、可用性测试等，使得设计开始回归以人为本的本质。交互设计虽然作为新兴学科得以蓬勃发展，但是在中国，仍处于探索阶段。企业和设计机构近十年来才开始重视交互设计的运用及教学，交互设计部门或交互设计专业初现雏形，没有成熟的设计教学方案，相关的设计课程教材较少，更没有成形的交互设计理论体系。

本书研究了国外成熟的理论体系，根据同济大学交互设计团队的理论实践与方法，全面系统、循序渐进地向读者介绍了交互设计的理念、观念及相关实践。无论你是交互设计行业的新手，还是相关专业的学生，或是开始组建交互设计团队的管理人员，本书都将是适合你的入门级教程。

本书介绍交互设计的基本概念与理论基础、设计流程以及从团队实践中总结的交互设计的方法体系，包括调研分析、设计建模和概念设计与评估。本书第2章为乐于实践的新手设计师们提供了一个通用的交互设计流程，虽然并不是每个项目都要实现所有的步骤，但掌握完整的流程步骤有助于设计师对于交互设计有更全面的把握。鉴于实践在交互设计中的重要作用，第6章通过真实的案例研究，对设计团队总结的设计方法进行了完整而详细的介绍，帮助读者对每个交互设计方法建立更深刻的认识，掌握方法的实践运用。同样地，不是所有方法都适合每个项目，设计师应该根据实际需要和用户目标量身定制设计方法系。本书也涉及一些交互设计在商业中的应用。学习交互设计的目的不仅是成为专业的交互设计师，更需要通过掌握相关的技能，将交互设计的理念融于工作中。不管对于互联网行业，还是其他产品业、服务业的从业者来说，阅读本书都将大有裨益。

每个学科的生命力都来源于不断地探索和创新，交互设计也是如此。本书所介绍的方法和理论代表着作者所在团队的不懈努力。方法、理论从实践中来，也必须到实践中去，这决定了本书所述只能是启发性的指导而不是既定的教条，但求有益于读者的思考，拓宽设计思维。我们希望与读者共勉，一同探索交互设计的新未来。

编著者 于同济大学

2017年1月

致 谢

随着科学技术的发展，产品结构与功能趋于复杂化、多样化、智能化，产品的交互达到了前所未有的复杂水平，小小的按钮已经远远无法囊括用户与产品之间的所有交互。然而，用户的需求也在持续增长，既希望产品拥有更多的功能，又希望产品能够足够简单，易于使用，更人性化，在生理和心理两个层面上都能赋予他们愉悦的使用体验。这些是形成本书的初衷在本书的开端，我要感谢那些帮助我完成这本书的人。

感谢本书电子工业出版社的曲昕编辑等人，从一开始准备策化这本书时就给予了很大的认可，并在撰写过程中不断给予支持和鼓励。

感谢我的学生。首先要感谢肖静如同学，她阅读并编辑了部分章节的初稿，在本书的内容组织上给予了很好的建议和帮助，对内容资料的整理起到了关键作用，她阅读并编辑了部分章节的初稿，使本书具有较强的可读性。

还要感谢陈慧妍、陈亚琪、金晨希、杨九英、朱奕达等学生，他们均给予了宝贵的意见和建议。

感谢每年组织和参与交互设计的ACM SIGGRAPH Conference、International Conference on E-Learning and Games、HCI International、Designing Interactive Systems 等国际会议的朋友。

最后，本书要献给所有支持的同事。在本书的创作过程中，他们给予了极大的鼓励和支持，并无怨无悔地付出。写作是我所知的最孤独寂寞的事情，没有他们的支持就没有本书的面世。

由于时间紧迫，编者水平有限，错误和疏漏在所难免，敬请读者谅解。

..............

..............

..............

..............

..............

..............

..............

..............

..............