第一章  交互设计基础知识

1.1 交互设计的基本概念

交互设计是指：通过系统设计的方法，使人与机器在互动过程中更符合人的心理期望、既定目标，使用有效的交互方式让整个过程达到可用性高、用户体验好的设计方式。

1.1.1 名词解释

1.用户界面（UI）:用户界面其实是一个比较宽泛的概念，指人和机器交互过程中的显示界面。现在一般把屏幕上显示的图形用户界面（Graphic User Interface,GUI）都简称为UI。

2.用户体验（UE或UX）：国外一般叫UX，国内叫UE比较多。用户体验是指用户在使用产品过程中的主观感受。用户体验关注用户使用前、使用过程和使用后的整体感受，包括行为、情感、成就等方面，是整体感受。

3.交互设计（IxD或IaD）：通过系统设计的方法，使人与机器在互动过程中更符合人的心理期望、既定目标，使用有效的交互方式让整个过程达到可用性高、用户体验好的设计方式。交互设计的主要对象是用户界面，但不仅限于图形用户界面，为了达到目标，交互设计师还需要关注心理学、文化、软件工程、艺术修养、通动效、需求分析等方面的内容。

4.用户界面设计（UID）：用户界面设计不仅仅是做“漂亮的界面”，在实际的设计过程中会不可避免地涉及交互设计。广义地说，界面设计包含交互设计。现在的UID主要指前端界面，而交互更注重后端的流程和信息交互。

5.用户体验设计（UID）：用户体验是个人的主观感受，但是共性的体验是可以通过良好的设计提升的，用户体验设计旨在提升用户使用产品的体验。互联网企业中，一般将视觉界面设计、交互设计和前端设计都归为用户体验。一名优秀的用户体验设计师实际上需要对界面、交互和实现技术都有深入的了解。

1.1.2 交互设计发展史

交互设计（Interaction Design）一般缩写为IxD或者IaD，网上流传最广泛的版本是：比尔·莫里奇（IDEO创办者，英国设计师）和Bill Verplank(麻省理工人机系统博士)两位前辈在20世纪80年代后期提出了“交互设计”概念，率先将交互设计独立发展为独立的学科。（更多历史可以自行查阅）

1.1.3交互设计的应用

交互设计的表现形式是行为设计，所以将交互设计看做一种设计理念，而这种设计理念适用于所有的设计领域。交互设计早就应用于我们的现实生活中，电视机、音响、厨房电器，这些产品里都有交互的影子。新入行的交互设计者不要局限于某种产品做交互设计，我们要将理念理解清楚，运用你所遇到的任何行业都是可以进行交互设计创新的，而这也将是新的发展趋势。

1.1.4 交互设计职业上升空间

“前景——前景不是职业的前景，是人的发展前景。”

“瓶颈——任何职业的瓶颈都一样：懒惰。”

在入行一门技术的时候先要看明白这两句话，觉得真心想做这件事的时候再决定入行，否则后面越学越多，越学越累，自己就先放弃了。

交互设计师本身有三个发展阶段：

初级交互设计、中级交互设计、高级交互设计。从入行的“小白”到具有多年经验的“大牛”需要用心沉淀和积累。当你在这个行业干够了，希望转行的时候如果具备产品思维和能力，可以考虑转行做产品，如果有运营者的思维和能力，可以跨行做运营，以及UI和UE等很多职位可以互转，还有很多其他相关职位可以扩展，例如，测试、需求分析、产品设计、工业设计。

1.2 交互设计师应具备的能力

因为交互设计这个职业在国内还在快速普及成长，目前交互设计师只有少数公司才会有专门的职位，大多数集中在软件开发、移动应用、互联网公司的体系内，而传统行业以及小公司则由UI或PM贱人工作角色。

1.2.1 交互设计师的自我修养

交互设计师需要具备一以下素养：

①专业且丰富的知识体系和持续学习的能力。

②要有强大的想象力构建你的产品形态。

③熟悉代码，防止被程序员忽悠。能看懂基本的代码结构，但不要深入学习编程。程序员的目标与设计师的目标是有冲突的，不要尝试同时做好两件事。

④学习一点心理学的知识了解人性，对设计有好处。

⑤保持阅读，无论是新闻、博客还是杂志或者专业书籍。

⑥做一个数据型设计师，对能接触到的任何数据都保持做够的好奇心，因为保持数据敏感度惠帮助设计方案走相对正确的路线。

1.2.2 交互设计师的岗位职责

交互设计师的岗位职责如下：

①工作之一是分析需求和数据，但是分析不是设计职责，主要职责是关于给用户展示梳理过的信息结构。

②需要懂得什么对程序设计人员是重要的，但是不需要知道怎样编程，只需要将代码要实现的功能形象化。

②应当负责程序人员怎么做具体功能点以及界面如何表达给用户，设计项目的第一部分是针对项目仔细研究，并分析出项目的核心功能。

③提供专业分解之后的设计实施方案，并保证可用性与持续沟通迭代。

④在项目中的地位很重要，所以不能犯错误。

⑤对自己负责的项目要保用户体验与产品收益预期达到平衡。

⑥一个新产品设计完成不是结束，而是开始。持续优化迭代是接下来的事情。

⑦根据产品定位和需求做出详细的原型设计文档与交互设计说明文档。

1.2.3 交互设计师的执行内容

交互设计师的执行内容如下：

①了解需求，分析需求。

②建立产品框架与业务流程图。

③制作交互设计原型线框图、高保真原型。

④将设计用文档的形式展现。

⑤常用软件有PowerPoint、Axure、Justinmind、Visio。

⑥常用工具有纸、白色书写板、2B铅笔。

1.2.4 不同等级的交互设计师的要求

1.初中级设计师

（1）工作职责

①参与产品规划构思及创意设计过程。

②归纳用户目标、用户任务。

③涉及信息架构。

④设计用户操作流程。

⑤输出交互文档。

⑥制定交互设计规范并推进实施。

⑦参与用户研究、根据用户研究的结果对设计方案进行优化。

⑧对同类产品进行竞品分析。

⑨参与前瞻性设计研究。

⑩跟进视觉、负责视觉设计的调整和验收（弱）。

（2）工作要求

①3年工作经验

②具有成功案例（何为成功案例？在T公司的其中一份高级交互设计师招聘中提到了这个要求：主导过1000万+移动互联网产品的设计。）

③会用户研究及用户行为分析

④独立完成交互设计过程

⑤熟悉交互设计理论、交互设计方法、功能分析、用户角色分析 、原型设计、界面开发、易用性测试。

⑥有一定的视觉设计基础

（3）基础素质

①注意细节。

②善于观察和思考。

③强逻辑思维能力。

④动手实践能力。

⑤强烈兴趣、灵感触觉。

⑥乐于分享。

⑦同理心强烈、擅长换位思考及独立思考，卓越的情景还原能力。

⑧理解、沟通、协调、文字表达能力。

⑨耐高压。

⑩英语（非必备）。

⑪具有大型互联网企业以及海外项目优先。

2.高级交互设计师

除具备初中级交互设计师的素质外，还需要具备下列技能：

①应用各种图形来表达设计思路与传递信息。

②优秀的产品意识，良好的全局观、前瞻性和判断力，对产品总体规划有深刻的理解。

③对用户需求和易用性有敏锐的把握能力，并思考解决方案，将其转化为设计理念和方案，贯穿于产品设计中。

④负责日常运营活动，以及功能维护和设计支持，具有组织和项目管理能力。

1.3 交互设计师的知识体系

1.3.1需求分析能力

创新谁的起源就是有新的需求未被满足：

                                                                （马斯洛的需求层次理论，详细可百度）

1.需求分析的目的：

①与相关工作人员在工作内容方面达成一致。

②使设计、开发、测试人员能够更清楚地了解需求，以便印证设计方案。

③定义系统边界，形成需求基线，验收依据与事实依据。

④为评估工作规模、工作量、成本和进度提供参考。

⑤为开发计划的形成提供支撑。

2.交互设计师需要掌握的需求分析知识：

①能看懂需求分析师提供的文档。

②在没有明确需求的情况下能梳理出一个明确的需求，并补充道需求文档中。

③需求是不断变化的，可以持续迭代的，但交互设计师在工作中要尽量以最少的次数确认需求，使需求“拍板”。

3.学习需求分析的方法：

①建立用户模型。

②学习别人的需求规格说明书文档模板。

③掌握沟通需求能力，善于沟通并为用户深入分析需求。

④知道项目相关知识和专业背景。

⑤最终提供给开发和测试的是一个能够表达用例，需求边界可以理清产品逻辑的文档形式。

                                                                             （需求分析的流程图）

1.3.2 流程逻辑设计

①流程图的概念：流程图是指将项目中的业务流转步骤图形化。

②流程图的作用：方便设计者与决策者发现流程弊端，从而进行优化。

③流程图如何制作：专业的制作工具有Visio、思维导图、Axure等。逻辑设计就是按用户（绝大多数）正常使用的逻辑进行设计。

1.3.3 产品功能设计

设计产品功能是指基于业务需求的逻辑提炼产品的功能模块、核心功能流程、设计细节功能点。在进行产品功能设计时，不能脱离业务需求进行设计，一定要结合当前项目的业务需求进行产品功能设计。

设计产品功能一般是使用Excel工具，使用Excel统计所有的功能模块并形成一个产品功能列表的需求范围。

1.3.4 原型设计

1.低保真原型设计：线框图就是大家通常说的低保真原型，我们称它为快速原型设计，建议大家常使用低保真线框图，不要花费大量时间去做界面效果很好的高保真原型，在原型设计阶段全部设计为高保真原型，就失去了快速原型设计的意义，一旦需求变更或错误，将导致大量工作需要返工。

（低保真原型）

2.高保真原型设计

一些特殊的项目可能需要使用高保真原型演示。它是在低保真的基础上把之前的线框加上颜色和图片，使其看起来更接近真实的项目。

高保真原型

1.3.5 编写文档（DRD文档）与流程图

①逻辑条理清晰（针对领导层看框架）

②页面跳转关系展示合理（针对需求、产品看细节）

③交互动作与功能说明到位（针对研发人员看功能与特效，其实是工作量多少的判断依据）

④UI设计留白空间合理（UI设计是否还有发挥的空间）。

1.3.6 演讲与演示（PPT和Demo）

在面对需求评审、产品发布、产品演示等各种场景里具有较强表达能力的人往往能占得先机与优势。

1.3.7 文案编写

在原型设计之初是没有任何素材的，这时你需要根据项目特点提取并创作出文案，然后填写到原型演示Demo中。当好一个段子手也是很有必要的。

1.3.8顶层战略设计

从立项阶段起就参与顶层站酷而设计的交互设计师才是好的交互设计师，也就是设计的起点是自上而下的系统化设计方式。

传统互联网产品顶层设计示意图

1.3.9 用户研究

进行用户研究时，需要做到以下要点：

①会建立用户模型和用户用例

②懂得与用户简历Feedback关系，提供可持续迭代的依据或意见收取、整理和分析。

③挖掘用户行为数据，为下一代产品迭代提供依据。

微信朋友圈广告推广行为的用户研究数据（图片来自：腾讯科技）

1.3.10 代码编程（仅需了解）

建议大家抽时间学一点HTML、CSS、JS、PHP、Andriod、C#、JSP、Java知识，不需要非常深入地学习，只需要懂其开发流程、技术框架等信息，这样就可以更容易地与开发人员沟通、从而让你的项目顺利实施下去。

1.4 交互设计师业务相关职位介绍

1.4.1 用户体验设计师简介

用户体验设计师就是国外的User Experience Designer(简称UED或UXD)，在国内的公司一般称为UED，国外称为UX比较多。

用户体验设计旨在提升用户使用产品的体验。

国内的UEC应用多是部门和组织，UED部门负责整个公司的产品线的体验优化、迭代等。

1.4.2 产品经理简介

产品经理就是大家常说的Product Manager（PM）。产品经理其实就像规划师一样，规划着一个产品的诞生、发展和优化。这个职位更看重的是一个人的协调和管理能力。

1.4.3 UI设计师简介

UI即User Interface(用户界面)的简称，我们一般说UI设计师其实就是指用户界面设计师。交互设计师完成交互设计方案后，需要提交给UI设计师设计界面，所以交互设计师与UI设计师的关系密不可分。

1.4.4 程序员简介

程序员最不喜欢的是逻辑不清晰的交互设计方案。作为交互设计师，需要针对研发人员提交的交互设计文档，有针对行地加强逻辑思维的解释比重。

第二章  交互设计工作场景

2.1 UED组织架构

行业大公司组织架构 小型公司部门组成

2.2 交互设计师在工作中的沟通

在整个产品生命周期中，交互设计师的工作流程贯穿着整个过程，首要问题就是先剞劂好内部的沟通障碍。

2.2.1 交互与设计的沟通

与设计人员沟通的时候，要以界面元素的思路去沟通，不能讲很空洞、需要随时脑补的事情，因为视觉设计就是要看内容说话。

2.2.2 交互与开发、测试的沟通

与研发人员、测试部门沟通时更多的地强调需求边界，在整个过程中会产生更多的标准文档。有效的沟通一定是程序化的。

2.3 项目组工作场景

工作场景就是工作现场的人、事、物、气氛。

2.3.1 需求评估场景

交互设计师参与评估需求并分析需求报告，形成自己的意见，然后反馈给需求分析师，一般要迭代3-5次才能最终确认一份大家都认可的需求。

需求评估场景的提交物包括：需求规格说明书、需求评审会议纪要、需求变更备忘录。提交人：需求分析师。

2.3.2 功能设计场景

根据需求书名数进行产品设计，主要执笔是产品经理，当大项目中的产品经理不负责此部分具体执行的时候，需要交互设计师接受并进行产品功能设计，最后提交产品和项目的领导者评审。

功能设计场景的提交物包括：功能组织架构图、业务流程图、功能组织逻辑图、用例图、产品设计方案说明书。

提交人：产品经理/交互设计师

2.3.3 产品评审场景

产品方案评审场景是指用功能设计场景下的提交物，组织一次产品评估，根据“尺子”（即需求）来衡量产品设计方案是否完全按照需求来做。另外，有哪些需求没有满足的也要给出评审结果，这个场景下需要仔细检查一遍，否则后面的可行性测试就会增加很多无用的工作。

产品评审会议参与人员一般为项目负责人、产品负责人、研发人员代表、交互设计师、技术负责人、需求代表等。会议会形成一个结论，产品方案是通过还是不通过，如果不通过，应该怎么修改，等等。

产品评审场景的提交物包括：产品评审会议纪要、产品设计变更备忘录、产品流程相关系列的图标（功能设计场景下提交物的各种图）。

提交人：产品经理。

2.3.4 交互设计作业场景

交互设计师在整个项目中都是贯穿始终的，交互设计师在交互设计阶段具体负责什么呢？

①建立信息模型。

②建立用户模型。

③设计业务流程、交互流程框架。

④设计页面流程原型。

⑤设计交互动作事件交互。

⑥形成交互设计文档。

⑦编写交互设计备忘录（针对不同人群的阅读提示）。该文档要提交给三个部门，分别是老板、UI设计师、研发人员，他们呢个字查看文档的出发点依次为：

老板：流程、框架。

UI设计师：界面可发挥空间。

研发人员：要加多少班（工作量）。

⑧设计的文档定稿后，就可以阻止交互设计评审了。

交互设计作业场景下的提交物包括：交互设计文档说明书（DRD）、交互设计方案原型演示Demo、交互流程图等。

提交人：交互设计师。

2.3.5  交互设计方案评审场景

在交互设计方案评审会议上需要演示原始设计Demo或讲解DRD文档。

参与人员一般为项目负责人、产品负责人、研发人员代表、交互设计师、技术负责人、需求代表、测试组代表、UI设计师。

交互设计方案评审场景的提交物包括：评审会议纪要、变更备忘录、定稿后的DRD文档。

提交人：交互设计师。

2.4 交互设计师日常工作场景

1.日常场景一：撰写原型

这是交互设计师的主要工作之一，当遇到大项目的时候，原型会非常大，页面很多，多以不要轻易使用高保真原型，因为需求是变化的，高保真修改起来非常麻烦且效率低下。

2.日常场景二：沟通解释

尽量把文档写清楚，能备注的就备注上，减少沟通成本。

3.日常场景三：研究数据

根据产品日志与产品使用数据的监测，进行分析来验证产品是否达到了预期的目标。产品的使用情况、用户的行为数据等数据分析完成后，会根据分析结果与PM和运营人员进行头脑风暴。

4.日常场景四：开会

早会：明确今日任务，整理昨天遗留任务。

周会：任务进展，项目节点进度。

产品会：功能使用情况，新功能讨论与迭代。

数据会：分析数据汇报。

5.日常场景五：搜集feedback，并迭代设计交互原型。

2.5 交互设计的思路

工作思路是指在工作的时候应该怎么去做？做什么？做到什么程度？

1.跨领域学习

交互设计师需要对设计学、心理学都有涉猎。很多时候设计师还需要研究用户数据以提供设计理论的支撑，甚至有时候还要自学一些程序开发的知识。

2.心态

应付工作和创作设计一件作品，会产生不一样的结果。

3.效率

通过专业的工具来帮助完成交互设计，但不要为了学习工具而混淆了交互设计与原型设计之间的关系，交互是思维层面的东西，实用工具制作作品展现的则是你的思维。

4.目的化

目的是指在交互设计开始之前就给自己的项目定好KPI，这样可以保证项目始终室友方向的，不至于在项目交互设计的过程中被其他的事吸引，从而导致项目设计偏离预定目标。

5.细节

注重细节是交互设计师工作中的一个常态。