《破茧成蝶》

:::info 💡 根据 遗忘曲线：如果没有记录和回顾，6天后便会忘记75%的内容
读书笔记正是帮助你记录和回顾的工具，不必拘泥于形式，其核心是：记录、翻看、思考 :::

思维导图

用思维导图，结构化记录本书的核心观点。

书摘

版权信息

系统地介绍了其职业生涯中的学习方法、思维方式、工作流程和方式，覆盖了用户体验设计基础知识、设计师的角色和职业困惑、工作流程、需求分析、设计规划和设计标准、项目跟进和成果检验、设计师职业修养以及需要具备的意识等，力图帮助设计师解决在项目中遇到的一些常见问题，找到自己的职业成长之路。

交互设计师、视觉设计师、用户研究员

推荐序

成功的互联网产品离不开勇于创新的精神、一丝不苟的态度、精益求精的打磨。

前言

UEDC（网易用户体验设计中心）

专业理论和工作环境脱节

它们普遍更侧重于专业、理论方面的讲解，这些内容难以解决中国设计师在职场中遇到的很多现实的问题。

设计师的学习方法、思维方式、工作流程、工作方法，最

第1篇 成为用户体验设计师的信念

01 什么是用户体验设计

不要小看一个糟糕的设计。它不仅耽误事情，还会让无辜的用户觉得很倒霉，甚至产生挫败感，对自己丧失信心。

1.1 设计≠艺术

每个人都会有不同的见解，有的人甚至可能会说“我完全看不懂”。不过没关系，这恰恰就是艺术的魅力。

艺术是感性的，而设计是相对理性、精密的。艺术所表达的是创作者的个人意识，而设计是为了解决用户具体的问题。

1.2 邂逅用户体验设计

你在使用一个产品时的主观感受。那用户体验设计又是什么呢？自然就是为了提升用户体验而做的设计了。

在小便池上放了一只苍蝇的图案，尿液溅出率降低了80%。因为人的视线会不由自主地集中在苍蝇上，并瞄准它……

用户体验设计首先是要解决用户的某个实际问题，其次是让问题变得更容易解决，最后是给用户留下深刻的印象，让他在整个过程中产生美好的体验。

1.3 用户体验设计的特征

设计师在设计前，请先问问自己，这次设计的目标是什么？要为什么样的人解决什么样的问题？如何解决？

这就好像一个人，如果他的存在能解决你的实际问题，你一定会对他产生好感，如果他还能给你带来欢乐，那你一定会对他留下深刻的印象。

1.4 用户体验设计的精益之道

所以设计师必须有一种本能。他的想法不能太“偏”，能体会大多数人的想法，同时又能够领先于大众的想法，创造新的设计。

留心好的设计，在此基础上优化

踩着巨人的肩膀，才能看得更远。

设计者平时没有积累的习惯，没有去观察、学习其他产品的设计；设计者缺乏鉴赏力，不能分辨设计的好坏；设计者为了突出自身特点，故意避开竞品的设计，但其能力又十分有限；时间紧迫，等等。

02 了解用户体验设计师

广义的用户体验指人在使用某个产品时的主观感受。在互联网公司或软件公司里，用户体验主要来自用户和人机界面的交互过程。

2.1 用户体验相关职位有哪些

国内的设计团队，一般包含交互设计师、视觉设计师和用户研究员3个职位。

交互设计就是通过分析用户心理模型、设计任务流程、运用交互知识，把业务逻辑（功能规格或内容需求）以用户能理解的方式表达给用户，最终实现产品战略（公司需求和用户需求的最佳平衡点）的过程。

说到底，对设计师来说最重要的是解决问题的能力，而原型只是最后一步，用于呈现他的想法。

知道哪些内容重要，哪些内容次要，从而在视觉上给予清晰的引导，使用户一眼就能发现重要的信息，从而顺利地完成操作。

UI设计师要想立于不败之地，在PK中顽强地屹立不倒，一定要注意积累自己的知识，做到懂产品、懂用户、懂设计，关键时能有条理地陈述自己的观点和理由。有理有据，别人就不会轻易让你改来改去，你也可以做出真正优秀的作品。

用户研究员容易面临的问题是：研究周期过长，赶不上产品进度；用研报告太过偏重于研究过程和数据结果，易读性差；和产品联系不够紧密等。

2.2 用户体验设计师的价值

设计师更注重创意及逻辑、细节，设计目标更纯粹，能够更多地考虑用户，工作上更专注，设计方法更专业；而产品经理作为产品的主要负责人，需要考虑更宏观的问题，聚焦的范围比较广，更重视商业目标，此外，还需要考虑项目中的很多琐事。两者需要相互配合、取长补短。

通过专业能力节省其他环节的时间。

促进统一化及标准化，提升设计效率。

交互设计师分析、重塑需求；与用研配合，了解用户特征与行为；设计结构、流程、界面、动态效果；跟进视觉、前端、开发；及时整理线上问题，准备下次迭代……

03 设计师的职业困惑

3.1 我适合干这行吗

你是否热衷于各种好玩又新奇的产品呢？
你平时是否喜欢使用各种各样的产品并研究它是否好用呢？
你是否更容易发现使用中的各种问题，并积极想办法解决它呢？
你是否充满各种灵感和创意？
你是否喜欢思考问题，清晰地罗列各种解决方案并寻找其中的逻辑关系，并且乐此不疲呢？
在绘制草图的时候，你是否有一种莫名的兴奋感呢？
你喜欢跟人沟通和交流、展示你的想法和创意吗？
一般来说，你的想法容易得到别人的认可吗？
你会精益求精，总是要求自己超出预期吗？

3.2 菜鸟怎样入门

由于我自己具有理工科背景，有一定的逻辑思维能力和归纳能力，爱思考、解决问题，尤其是处理复杂棘手的问题，同时我又学过几年设计课程，对设计非常感兴趣。

先阅读大量相关书籍，积累专业知识，然后争取找到一个实习机会，毕业后顺理成章地成为一名交互设计师。

公司里这些大牛们平时很低调、谦逊，善于站在别人的角度想问题，对同事十分热心，考虑问题时注重本质、推理而不是表象。所以，学做交互其实就是学怎样做人，内在的修为决定了你未来的高度。

如果去不了大公司可以去小公司，小公司去不了可以自己主动做一个虚拟项目，或是优化现有的某款产品，重要的是要表述清楚自己的思路，而不是只展示设计结果。把这些东西当做自己的作品去应聘，也会给自己带来一些机会。做完项目后要注意及时总结，写日记、博客、读书笔记等都是很好的习惯。

3.3 去大公司、小公司，还是设计公司

即使不能去一个很专业的平台，也要注意保持自己的专业度，不要被环境扭曲。

3.4 什么样的应聘者更容易成功

设计师必须有能力去解决一些更深层次的、抽象的问题。这其实涉及一个思考习惯，就是从整体到局部，再到细节，最后回归整体的思考过程。

即兴趣、素养（包括性格、个人修养、沟通能力等）、思维、技能（专业能力、项目经验等）是我们考察应聘者的主要方面。

兴趣、素养（包括性格、个人修养、沟通能力等）、思维、技能（专业能力、项目经验等）是我们考察应聘者的主要方面。

3.5 未来的发展方向

复合型：复合型的设计师越来越受到欢迎。就拿交互设计师来说吧，最好懂人机工程学、设计学、心理学等，如果会点代码、会点手绘，那更是锦上添花。

第2篇 修炼用户体验设计师的技能

04 设计流程——设计师具体做什么

4.1 设计师如何参与一个具体的项目

用户体验设计的目标可以归纳为：解决用户需求，减少用户理解和操作的成本，给用户留下美好而深刻的印象。

我们首先要通过一些方法来分析需求、了解需求，即清楚我们要做一个什么样的产品，目标用户是谁，要达到什么效果，具体有哪些功能、内容……

4.2 在项目中设计师容易遇到的问题

团队成员的专业能力、外界因素的影响、团队凝聚力。

05 需求分析——拿回产品的主导权

设计师通过挖掘用户需求、创建人物角色、描述用户场景、设计用户任务等方式，绘制界面草图，最终得到可以交付给开发人员的原型。

5.1 和产品经理一起做需求分析

因此在实际工作中，需要从商业、用户、技术三个角度来平衡考虑需求。

产品经理重大方向、商业目标、功能业务等；交互设计师重逻辑、细节、情感、创意、界面等。

5.1.1 不可忽视的产品定位

产品定位是产品设计的方向，也是需求文档和设计产出的判断标准。

产品定位实际上就是关于产品的目标、范围、特征等约束条件，它包括两方面的内容：产品定义和用户需求。产品定义主要由产品经理从网站角度考虑，用户需求主要由设计师从用户角度考虑。

产品定义有什么作用？首先，产品定义可以迫使产品经理努力去思考产品的方向和机会，在激烈的竞争中杀出一条血路；其次，产品定义为产品限定了大致的范围，让团队成员不至于在千头万绪中感到无从入手、难以取舍；最后，产品定义使团队成员的凝聚力更强、思想更统一，而不是各自为政。

用户需求主要包括目标用户、使用场景和用户目标。一条用户需求可看作是“目标用户”在“合理场景”下的“用户目标”，其实就是解决“谁”在“什么环境下”想要“解决什么问题”。

该选择哪种类型作为产品的目标用户，需要综合权衡用户对公司的价值以及潜在需求量。

5.1.2 需求从哪儿来

5.1.2 需求从哪儿来
“通过用户调研，发现用户在购买xx类产品时，非常担心个人隐私泄露。所以我们是否考虑在页面明显位置提示用户，打消用户的顾虑。”

采集需求的主要方式有用户调研、竞品分析、用户反馈（上线后）、产品数据（上线后）等

5.1.3 如何分析与筛选需求

通过用户调研、用户反馈、竞品分析、产品数据等需求采集方式

（筛掉明显不合理的需求）

通过竞品分析发现某网站的提示功能很贴心，我们要做的不是把这个功能的设计立刻照搬到自己的网站上，而是要分析这个功能解决了用户什么问题，满足了用户的什么需求，实现了用户的什么目标，基于这个目标我们应该如何做得更好。这样才能做到“人有我优”，学习到竞品的精髓，而不是皮毛。

5.1.4 了解需求文档

需求文档对设计师来说，更像是一个彼此约定好的产品功能清单，帮助提醒设计师接下来要做什么。

在常规情况下，需求文档应该包含前面提到的产品定位、需求内容、需求优先级等，以及关于需求的详细描述说明。

整体业务流程说明：对于涉及操作较多的产品/功能，需要业务流程图，帮助设计师和项目成员理解具体的业务逻辑。

5.2 倾听用户的声音

设计师倾向于站在用户的角度考虑问题。因此，在需求分析、设计阶段，都要尽量去倾听用户的声音，这样才有可能设计出受用户欢迎的产品。

5.2.1 拥抱用户

把自己当做目标用户，去揣摩用户的心思是远远不够的。我们还需要真正走到用户当中去，了解用户的情况。目标用户是什么样的？他们在使用产品时一般都处在什么情境下？他们要完成什么任务？期待达到什么效果？对竞品是怎么看的？……

一旦我们确定了目标用户，就要努力找到他们、走进他们、倾听他们的想法、认真了解他们真实的生活习惯和对类似产品的态度。了解他们是怎样使用产品、感受产品的。

5.2.2 别被用户牵着走

用户没有表达出自己的真实需求：人们所说出来的一般只是表面的想法，不一定能代表他们心中的真实诉求。

我们既需要通过调研、观察、询问、记录意见等方式了解用户想法，同时又要避免不经思考，完全照搬用户的意见来设计产品需求。因为用户的意见并不一定是真正的用户需求，我们需要先去识别（目标用户在合理场景下的真实需求/目标才是用户需求）。

5.2.3 如何对待用户的意见

根据使用场景考虑：用户提出的这个问题一般发生在什么场景？合乎实际的使用情况吗？

根据项目资源考虑：用户提出的这个要求需要多少开发资源？价值有多大？需要立即开发吗？

5.3 设计师的逆袭

设计师确实处在一个比较被动的地位，所以就更应该主动出击，主动和产品经理沟通和交流，让他意识到你对产品的热爱、对工作的主动，这样也就更愿意和你交流。如果只是每天被动地等待，那时间长了可就真地成了怨妇了。

5.3.1 如何面对强势的产品经理

产品经理一定要首先有大局意识，再去关注细节，同时要考虑好项目时间规划，不要在细节处耽误过多的时间，影响整体的项目进度。

过于强调自己的主导地位：产品经理是一个职位名称，而不是一个行政头衔，他与团队成员只是组织和合作的关系。产品经理应该能够意识到这种平等协作的关系，而不是把自己当作甲方，对其他人呼来喝去，这样是难以组织一个优秀的团队的。

不懂得平衡：设计师需要学会兼顾商业利益和用户体验。
定位局限：把自己局限在专业范围之内，没有考虑业务线的需要，缺乏产品意识。

比如作为一个交互设计师，应该懂一些用研方面的基本知识，能独立做一些简单的用研工作，也能够评判一些视觉设计的问题；视觉（界面）设计师应该懂一些交互方面的知识，这样才能确保理解产品、交互原型传达的理念。

5.3.2 拒绝不靠谱的需求文档

需求文档严重不规范是互联网行业的一个通病，面对“短、平、快”的产品设计要求，需求文档的存在似乎显得刻板而过时。

第一，需求文档可以有效地帮助产品经理理清产品功能、内容、业务逻辑等整体信息。

在具备一定规模的团队中，产品经理不仅需要提供需求文档，还应该不断地与团队成员沟通。前期沟通主要传递想法。中期沟通解决不断发现的问题、迭代需求。后期沟通确认问题是否得到解决。

需求文档中关于业务逻辑、产品要求、资源限制等是设计师必须要正确理解的内容。而与设计有关的信息结构、任务流程、功能说明、界面描述等，仅需作为参考即可。

我们可以通过这些线框图去理解产品的本质需求、业务逻辑，再和产品经理沟通确认他的想法，然后彻底忘掉这些线框图，再重新去设计，而不是在原有基础上做简单修改。

5.3.3 从“功能需求”到“设计需求”

。
但在多数情况下，设计师很可能没有机会和产品经理进行前期的工作。一来，双方可能都没有这样的意识、能力与信任感（因此，双方最好有一定合作基础，能够默契配合）；二来，时间紧急是永远的借口；三来，来自上层的压力决定了无论是产品经理，还是设计师，可能都没有太大的决策权。

如果产品经理没有按照正确的流程工作，那么他撰写的需求文档极有可能是不合格的。这种情况下设计师不应该完全照着需求文档的内容做设计，而是需要“重新回炉”，通过用户调研、竞品分析、用户反馈、分析产品数据等方式重新归纳需求，考虑用户的本质需求，确立相应的设计目标。以设计目标作为设计的导向，然后发散出各种解决方案（功能、内容），再根据设计目标和项目资源决定优先级。从这个过程来看，设计目标好像是取代了原先产品定位的作用。

跨过了产品定位这一最重要的步骤，后面再怎么努力也只能是在原有基础上尽量提升操作、感官体验，产品依然难以在市场中脱颖而出

因此，我们现在先不要急着去做设计，而是要思考以下问题。既然是做优化，就说明已经有一定的用户基础了。那是不是可以先查一下目前用户的评论和反馈？是不是可以观察身边的人是如何使用的？可以做一些简单的访谈和测试，看看用户使用过程中有什么痛点。另外，还可以对比一下竞品，看看竞品哪里体验比我们好，哪里还有改进余地……

5.3.4 如何“抄袭”竞品

● 在“抄袭”中寻求创新

功能方面，产品经理们可以去抄，作为设计师无力干涉。但是设计方面，绝不允许自己盲目“抄袭”。即使功能一样，不同的设计水准也会让产品体验截然不同！

综上所述，我们要做的是关注竞品、研究竞品、努力超越竞品，而不是以逸待劳、自取灭亡。

06 设计规划——从需求到设计草图

我们根据需求来确定应该提供哪些必要的信息给用户，然后对信息分门别类、有效地组织起来，并以导航的形式展现在界面上，让用户可以快速找到自己想要的信息。

6.1 从需求到界面，隔着一扇门

这扇门就是信息的组织与任务的设定。

6.1.1 如何搞定信息分类

网站上的信息越多，也越需要组织和整理。找寻信息是用户访问网站的重要目的之一。信息的分类与组织是设计一个网站的基础。不能顺利找到所需信息，是非常影响用户体验的。

我们还可以将物品按照生活中常见的用途、品类、形状、颜色、材料、品牌等进行分类，通过数字、字母、时间等进行标识。

卡片分类一般可分为2类：开放式和封闭式。

6.1.2 好的导航是成功的一半

成功的导航设计可以自我解释，让用户在导航系统中清楚地认识到信息结构和自己所处的位置，为用户解释“我从哪里来？”、“我现在在哪里？”、“我能去哪里？”的问题。

在导航的信息组织中，层级的数目可以称为导航的深度，每一层级中包含的菜单项数可以称为导航的广度。

一般来讲，超过7个选项时，用户就很难记住了。

用户所需信息与商业推广信息的平衡

对不同类型的信息进行分类组织，在不影响用户找到所需信息的情况下进行商业推广，可以减少对用户的干扰，

为重要功能和常用功能设置快捷入口

为重要功能和常用功能设置快捷入口，就像是在原有产品架构的基础上搭建“快捷通道”。用户可以一步步顺着产品的逻辑来寻找所需功能，也可以通过快捷入口，按照自己的行为习惯，快速找到所需功能

6.1.3 主要任务与次要任务

通过对重要功能、信息进行分类和组织，可以帮助用户迅速找到入口，进入一个具体的界面，再通过界面上的信息提示完成各种任务。

没有人会认真地从头到尾阅览界面上的所有信息，用户只会找他最关注的内容。

一个界面上如果铺放过多的功能或内容，会让用户迷茫且不知所措，效果反而会更差。因此，设计师需要站在用户的角度上，做进一步的优先级筛选。

设计主线（主行为流）就是把杂乱无章的功能点根据用户的期望及目标以正确的次序组织起来的过程，告诉用户需要先做什么，再做什么。如果没有任务流程图，就好像把所有路线胡乱组合到一起一样，那么用户可能就永远走不出去了。

任务流程确定后，就可以通过一系列草图去把用户完成任务的过程表现出来，这样我们就得到了任务流、页面流设计，然后再去细化具体的界面。

6.1.4 如何突出主要任务

如何抓住用户的注意力，引导用户关注于页面的主要任务呢？我们可以通过分解用户任务、排列任务优先级、组织合并相关任务等方式，使用户可以专注于主要任务。

我们可以将次序相同、操作类似、界面类似的任务组合起来，合并为同一组模块展现在用户面前。

6.1.5 如何引导用户完成任务

按照用户的操作逻辑，采用相似性引导、方向性引导、运动元素引导等。

清晰的视觉纵线也可以建立起无形的方向性。

向导控件（Wizard）是一种常用的交互方式，用来引导用户完成多步操作。

6.2.1 如何简化复杂的操作

通过减少干扰项、转移复杂操作、简化操作方式、优化操作过程等方法，都可以简化复杂操作。

多一次跳转，意味着多一次注意力的转移，多阅读和理解一个页面的信息。减少一个不必要的步骤，会让用户操作起来觉得轻松很多

提供很多选项，看似可以给用户更多选择，让他们可以掌控局面，但如果超过了一定的界限，特别是在很多选择都很类似的情况下，反而会给用户带来负担。

● 将复杂操作转移给系统

提供合适的首选项、适时帮助、及时反馈、提供合理的默认值，等等，这些细节的优化，可以帮助用户降低出错几率，使他们能够更快、更顺畅地完成任务

如果一款产品以简化为初衷进行交互设计，给用户一个简便直接的操作流程，用户必然会喜欢你的产品。

6.2.2 信息量太大，页面怎么摆

实验表明，用户不会花很多精力来阅读，而只是会扫描一下界面，来寻找能吸引其注意力的内容

根据“用户想看到什么”和“我们想让用户看到什么”，为内容模块排列优先级。再根据用户的浏览习惯，将不同优先级的信息放置到相应的页面位置。

我们可以通过视觉设计的方法，如字体加大加粗、色彩对比、添加背景色、留白等，强调界面的重点元素。

调查表明，80%的用户只会使用20%的功能。所以，设计者不应将那80%只有专家用户才会使用的功能放在显眼的位置。为了不影响新手和中间用户使用，我们应将那些次要的信息“藏起来”，待用户需要时再将它们展示出来。

6.2.3 理性的规划VS感性的界面

通过确定产品定位、需求采集与分析、撰写需求文档、信息组织、任务分解、绘制草图等一系列理性的步骤，我们终于可以得到界面的雏形了。

对于设计师来说，既要学会理性的规划网站层级和逻辑，又要学会通过感性的界面吸引用户。

信息组织与分类的目的，就是要让信息易于找寻。让有明确目标的用户，能够快速找到所需信息；有不确定目标的用户，通过浏览和寻找，一点点明确自己的需要，最终找到信息；让没有目标的用户在探索中激发需求。

在关注用户目标的基础上，逻辑也要合理，只是不要“过于”追求逻辑上的完美，平衡好用户情感与界面逻辑的关系。这样，才能设计出友好而易用的界面。

6.3 捕获用户的芳心

6.3.1 来自真实世界的灵感

弗洛伊德的精神分析法说，真正影响用户的显性人格并非是理性，而是在各个生理时期形成的潜意识因子。

拟物化的设计可以在现实生活中找到映射，所以可以更好地传达信息。

注重效率的应用可以设计得尽可能简洁，帮助用户快速完成任务。但是，对于那些娱乐型应用来说，人们对于情感的追求永远不会消失。拟物化并不意味着一定要100%还原物理世界的真实质感。抽象出物体中最有特征的部分，将繁复的视觉元素进行简化处理，一样可以设计出既简约又可以调动起用户情感的产品。

当应用中的可视化对象和操作与现实世界中的对象与操作类似时，用户就能快速领会如何使用它。

6.3.2 贴心的设计惹人爱

如今一些小区的电梯上出现了“宠物”按钮，按钮上有一个狗狗的图案。宠物的主人在乘坐电梯时只要按下此按钮，电梯外面的显示面板上就会有提示。怕动物的人看到这样贴心的提示可以提前做好心理准备，防止与宠物发生冲突

为了增强用户的可控感，界面还需要预先提供提示，向用户透露一些接下来将要发生的事情，让用户建立预期。

很多即时通信应用都会为用户展示对方的状态，显示对方是否正在输入，或是对方是否已读消息，让用户知道对方的情况，感知到对方的存在。这样的设计可以缓解等待的焦虑感，给用户一种期待，增强用户的可控感

人们在社会交往时具有的期望，在使用互联网产品时也会有。积极的反馈可以增强用户的信心，提升用户体验的愉悦感。

当输入邮箱后，Quora会及时校验这个邮箱是否曾经注册过。如果邮箱有误，登录框马上会告诉用户此邮箱还没有注册，并提供一个马上注册的链接入口。如果是注册过的邮箱，Quora会在输入框前直接显示出用户头像，以一种可视化的方式，来帮助用户确认信息

除了运用文字直接提醒用户之外，还可以通过界面元素状态的改变给予用户提醒

6.3.3 如何调动用户的情感

产品能通过功能满足用户需求，是重要的，容易让人学会并顺利使用，也是重要的，更重要的是，产品要让人感到愉悦并能深深地吸引用户。

手机应用里各种有创意的闪屏界面、设计得幽默又友好的404页面（见图6-73）、对话框中精细设计过的文案、有问必答的Siri……

积极有趣的反馈方式令用户觉得操作得到了充分的响应，希望与界面互动的情感得到了满足

6.4 快速表达我的想法——纸面原型

纸面原型的目的不是为了交付，而是为了沟通、测试，尽快地解决那些不确定的问题

现在也可以买到成套出售的纸面原型工具，包括绘图模板、设计绘画本、图标模具、标准交互组件等

纸面原型可以看作是最终设计方案的雏形。其中，最需要关注的是框架、流程、基本功能和内容，可以忽略设计细节。

“POP - Prototyping on Paper”和“快现”这两款手机应用。

7.1 什么是原型

原型是设计方案的表达，是设计师的重要产出物之一，也是项目团队参考、评估的重要依据。它是产品功能与内容的示意图，既包含静态的页面样式（线框图），也包含动态的操作效果（交互说明）。

设计师不应该完全按照需求文档来做设计，而应该在考虑商业性、各种限制的基础上，从用户角度出发，把需求文档“翻译”成设计目标（具体请看第5.3.3小节内容），在一定程度上弥补因流程不合理导致的问题。

原型还有一个非常重要的作用：它是项目开发的标准和依据

我们鼓励设计师在设计规划阶段多使用笔纸，快速传达想法。这种信息沟通方式是最迅速、最直接的，也是成本最低的。在这个过程中，设计师可以快速地获得反馈意见，不断对原型修改完善。

7.2 标准的原型应该包含什么内容

变更日志一般包含日期、变更内容、变更原因、备注等内容

交互说明主要有以下几种类型。限制：包含范围值、极限值等。

操作：包含常见操作、特殊操作、误操作、手势操作等。

误操作主要指当用户操作错误时的情况。不过我们在设计时要尽量避免用户犯错的机会。

反馈：用户操作后得到的反馈动作，包含提示、跳转、动画等。

跳转主要指点击某个链接后，页面跳转到哪里。设计师需要在原型上注明跳转时是“原页面刷新”还是“新页面打开”。

总而言之，写交互说明时主要应记住2条内容：除静态页面外，还需考虑各种动态情况；除正常情况外，还需考虑特殊和错误情况。

7.3 你真的会画线框图吗

为了解决这些问题，一方面需要加强沟通；另一方面还需要多站在视觉的角度考虑线框图的设计，使大家的配合更默契。

加入了明暗对比之后，界面元素的优先级关系更直观。我们不再需要跑过去跟视觉设计师说：“这N个模块中这个最重要，那个其次……” 视觉设计师的工作效率也大大地提高了。

● 合理的布局在规划页面布局时，应该尽量保持简单的结构，最好不要出现2列和3列混排的设计，

● 考虑视觉实现后的效果

视觉设计师拿到线框图后，先不要急着做，要先看看有没有问题，能不能突出重点。在做之前多沟通、多思考，才能事半功倍。

●  宽度变宽，留白增多。
● 渐变减少，视觉风格更扁平化，整体感觉更清爽。
● 通过空隙和留白来分割区域，而不是用线来分割。
● 布局更规整。
● 去掉不必要的视觉元素。

7.4 写交互说明的诀窍

原型不仅包含线框图，还包括非常重要的交互说明。

尽量使用真实、符合逻辑的数据内容

● 不遗漏特殊状态的描述

尽量用更有条理，更容易让人理解的方式来展示操作逻辑关系，而不要用流水账式的文字，这样谁看了都会头疼的。

尽量用模块化的思维方式来处理较复杂的问题，对提高工作效率很有帮助。

7.5 关于设计规范

● 什么是设计规范？设计规范是对设计的具体细节、技术要求，是设计工作的规则和界限，是一种模板化应用的方法……

同类功能组件存在多种样式。

“一致性”形成鲜明的产品特征，增强用户粘度。

规范还有诸多显而易见的好处，比如避免重复劳动、提高工作效率、提升设计质量、降低培训和支持成本、减少团队成员犯错误的几率，等等。这里就不一一赘述了。

从纵向考虑，设计规范可分为交互规范和视觉规范。交互规范一般要先于视觉规范。

规范不可能面面俱到，也不可能涵盖到所有的情况。我们更需要的是培养设计师的规范意识，而不是过于教条。规范主要从全局考虑，因此我们在实际操作中，可以在大统一的基础上，做局部的特色处理。

08 项目跟进——保障设计效果的实现

一流的点子加上三流的执行还不如三流的点子加一流的执行

8.1 做设计评审的主导者

开发人员关注设计方案在技术上是否易于实现、运营人员希望有足够的推广空间、视觉设计师注重产品是否美观、产品经理希望在时间节点前一定可以上线

。这些概念性的目标不是为了说服老板或是摆摆样子。在项目的各个阶段，都需要用这些目标去衡量产品是否偏离了方向。在设计评审阶段，首先要检验的就是设计方案是否达成了最初确定的目标。

设计师需要在评审会前将用户调研的结果、支撑的数据、竞品分析、设计实施前制定的目标，等等，都准备充分，并在评审时阐述清楚。

经验告诉我们：参与讨论的人越多、意见发表得越多，就越难以得出结论。所以，越是重要的事情，越要尽可能少的人参与讨论，这样才能快速下决定。

直接展示方案是缺少说服力的。设计师需要将评审会前准备的用研结果、支撑数据、竞品分析等资料展示给大家，在评审人员都了解设计的原委后，展示设计方案。

如果能多点精力放在设计规划、设计评审、后续推动跟进上，而不只是一味地画线框图，那么设计师的处境将会改善不少。

8.2 如何审核视觉稿

我们常说，好的交互，也要懂点视觉、懂点用研、懂点产品，甚至懂点前端和开发。作为交互设计师，要和工作流程中的每个角色都有很好的交流，要做一个什么都懂一点的杂家。

界面中的视觉设计不是艺术作品，正确地理解信息和传递信息是最重要的事，忽略内容而关注形式是不可取的。所以交互设计师要注意视觉稿是不是和交互稿传达的信息一致，是否传达到位、重点突出且层次分明。

视觉设计师往往更注重美观性，而交互设计师更注重逻辑性以及对用户的引导作用。

交互原型更多的是表达逻辑和传达信息，而在美化界面、渲染气氛方面，视觉设计则发挥着重要作用。

关注视觉层次是否足够清晰

● 关注交互细节和状态标注

● 在审美方面不要过分干涉

8.3 开发阶段，设计师该做些什么

。其次，规范自己的设计稿，与前端采用相同的标准，在进行设计时提前预测前端实现时会遇到哪些问题，并在设计稿中注明。最后，要在开发完成后，进行设计走查。

在设计方案完成后，一定要与工程师进行当面沟通，把最重要的设计点详尽地去描述给他们，需要特别注意的地方也要再次强调。这样确保技术人员可以正确理解设计，而不会忽略重要设计点。

解答技术人员在开发时遇到的关于设计方面的问题、了解开发进度，都是设计师后续需要做的事情

产品上线前，交互设计师需要对测试环境下的产品Demo进行交互走查，如交互动作，操作及其反馈，交互控件的各种状态，极端、极限和出错的情况，默认值是否正确，第1屏高度，悬停状态，文案，等等。

09 成果检验——设计优劣可以判断

在产品上线前或预上线阶段，一般使用可用性测试和A/B测试的方法；在上线后，一般使用收集用户反馈、产品数据的方法来对设计方案的优劣进行检验

9.1 可用性测试

可用性测试是改善产品的最佳方式之一。每一个交互设计师都应该至少掌握简易可用性测试的方法。

可用性测试到底是什么？简单地说，就是通过观察用户使用产品，发现产品中存在的问题的一种方法

用户在实际使用产品时，考虑的是使用目标，而不是具体的操作和功能。

可以鼓励用户采用“出声思维法”，即要求用户在操作时，将完成任务时所有的思考、行为、感受都描述出来，这样，测试员更容易发现用户行为背后的原因。

测试结果通常会反应出大量的问题。零散的结果不便于分析和比较，量化的标准可以帮助我们更加直观地分析结果。因此，整理问题时，可以按照问题频数、严重等级、优先级和违反的可用性准则这几项标准进行记录

著名建筑师赖特说过：“修改草稿只需要橡皮，修改实际产品则需要铁锤。”

9.2 A/B测试

从产品目标的角度出发，可以将PV、UV、点击量、转化率、跳出率、二次返回率等数据作为衡量标准

● 保证两个版本同时测试

就拿到的测试数据而言，很难确定测试结果的不同是因为素材人物还是按钮颜色不同所导致的。

灰度发布是一种能够平滑过渡的发布方式。将旧版本作为方案A，新版本作为方案B，让一部分用户继续试用旧版本，一部分用户切换到新版本，然后观察用户反馈和产品数据。

9.3 定性的用户反馈和定量的产品数据

● 收集和读懂用户反馈

我们可以从内容、功能、使用流程、设计、新功能建议和现有Bug等几个方面对问题进行归纳。

第3篇 实现用户体验设计师的价值

10 设计师的自我修养

10.1 好的设计师VS 糟糕的设计师

好的设计师不仅需要有想法、有创意，还要有高度的概括、总结能力及抽象思维能力，可以迅速归纳出问题的本质。

如果一个设计师不能让自己的合作伙伴得到良好的体验，那么他也不可能给用户一个良好的体验。

设计不光是出一份设计稿这么简单，你要懂得和别人沟通、宣传、推进你的方案，否则它就是一张废纸，不值一钱。很多设计师只知道埋头苦干，却不懂适度表现，存在感极低

设计师在工作中需要从3方面来提升自己，即专业、沟通、流程。

设计师需要考虑如何提升项目效率，在设计方法和设计流程上进行一系列改进和突破，并巧妙地与团队成员进行配合，把优秀的设计方案顺利地在项目中执行下去

作为用户体验设计师，尤其是交互设计师，不能仅仅把自己定位成一个专业人员，而是要把自己当做一个具有专业技能的组织者、推动者、强大的执行者。这样才能在复杂的工作环境中立于不败之地。

兴趣、素养、思维、技能决定了你未来职业发展的优劣，而不纯粹是具体的知识或技能。

10.2 学会思考，事半功倍

一个不爱思考的人，绝对不可能设计出优秀的方案来，工作中也不会对自己有更高的要求，而是更喜欢安于现状，被动接受工作，日复一日地重复自己，在项目中自然是无所作为、毫无建树，更别谈沟通意识和项目意识了。

设计师要想迅速提升，一定要养成思考的习惯，多问自己一些为什么。这样，在工作中才能不断积累，不断提高。

于是我们不敢去质疑权威，不愿意去深度思考，习惯等着别人告诉我们该怎么做。若是真地不明白，也不好意思问清楚。在快节奏的社会压力下，往往没想明白就匆匆做决定。按部就班地活着，把别人的意愿当做自己的目标还浑然不知……

员工丙：老板的真实用意是什么？他想从中得到什么信息？

用户为什么需要这个功能？他想满足一种什么需求？解决这种需求用简单的yy功能其实更合适。

Why：得到外界结论时先思考为什么。What：对现状进行更深层次的解读。How：在已知的基础上，如何做得更好。

10.3 在否定中积极成长

用错误的方法做事情，不管做了多少，也毫无用处，依然是在原地踏步，顶多是更熟练一些而已。

只有自己变强，别人才能尊重你、信任你，才能和你平等对话。

中国人一向含蓄，既想达到自己的目的，又不想直白地说出来。因此，在职场中，需要有一双睿智的眼睛和一颗有洞察力的心，了解别人的潜台词。这样，既可以适当地保护自己，又能轻松地破解很多问题。

11 设计师易忽略的工作意识

11.1 设计师的品牌意识

好的品牌可以成为一种信仰，对内凝聚员工，对外树立形象

用户体验设计的目标其实就是要解决用户需求，减少用户理解和操作的成本、给用户留下美好而深刻的印象。

为了避免用户在理解上发生歧义，同样性质的元素应该表里如一，不同性质的元素应该尽量避免样式相近。

为了降低风险，在不是很有把握的情况下，应尽量使用标准控件，因为用户对标准控件最为习惯。

创意的真谛，是在保证可用的情况下，寻求更好的表达方式。优秀的设计遵循规则，而又不会被规则所束缚。

专业的创新一定是在真正领悟了用户体验、界面设计原则的基础上所做的令人眼前一亮的改变。

因此“创新”一定要建立在合理、超越预期的基础上，优秀的创意既不违背规则，也不拘泥于规则。

11.2 设计师的沟通意识

● 项目中常见的沟通方式及特点

情商不像智商，它是可以通过后天的努力不断提升的，并且它比智商更加重要。

沟通的本质不是为了说服，而是为了让彼此心悦诚服，并最终解决问题。真正优秀的设计师，不一定咄咄逼人，但却言之有理，说话掷地有声，让人心服口服。

11.3 设计师的流程意识

流程可分为两类：设计流程和项目流程。

一个没有任何规划的项目，到后期，压力会非常大。开发人员彻夜加班赶工，根本没有时间去做测试或设计走查。仓促上线的产品会带来很大的风险，不仅bug频出，且上线效果与实际设计相差甚远。项目成员的辛苦劳动得不到回报。

排期应该在需求评审之后，根据需求内容来确定具体的时间安排，而不是根据理想的上线时间倒推。在给各环节排期时应该遵循自下而上的原则，即亲自询问每个环节负责人大概需要多长时间完成，而不是产品负责人自作主张地安排。项目排期需要算上迭代、走查的时间。

12 设计师为了什么而设计

12.1 为老板？为用户？还是为自己设计

如果要说用户体验设计师的价值，我想那就是通过设计改善产品的用户体验，让用户更高效、愉悦地完成任务。

用户体验设计师的价值包含了用户价值、商业价值、项目价值、品牌价值。

设计师要做的是平衡商业价值与用户需求，通过自己的专业水平为公司、用户创造最大的价值。

12.2 实现商业价值与用户需求的平衡

产品经理在项目中占据了一定的主导地位。他需要考虑产品的定位及方向，并提供细致的需求文档以供设计师和项目成员参考。此外，产品经理可能还要负责项目推进、争取资源、协调沟通等工作。他对整个项目的结果负责，是团队的精神领袖。

如果不想受制于环境，不想在项目中过于被动，想和产品经理平起平坐，在产品设计上拥有话语权，只懂得设计是远远不够的，一定要有商业意识，懂产品，懂得如何站在更高的角度上权衡利弊。

产品人员需要注重的是产品的宏观方向和定位，而不是交互细节。

每当产品经理抛过来一个需求时，平庸的设计师想的是完成它；普通的设计师想的是把它做好；优秀的设计师想的是尽自己所能把它做到最好；而卓越的设计师则优先考虑，这个需求到底合不合理，值不值得去做，对产品有什么帮助，用户是否需要它，等等。

12.3 实现用户体验设计师的价值

交互设计师在大公司、大团队中更容易发挥作用。因为大公司往往动一发而系全身，更需要有风险意识。大公司的沟通成本较高，需要组织协调者；大公司更注重品牌形象；大公司更需要避免流程反复；大公司更需要考虑人员流动问题，及时沉淀方法及规范；大公司更需要考虑专业性……

我们对用户体验设计充满了兴趣；我们有良好的素养、善于沟通、善于换位思考、积极主动；我们具有良好的思维能力，并在工作中不懈地思考、不断强化这种能力；经过多年的学习、工作积累，我们掌握了各种专业的设计方法、原则、流程，能够在项目中游刃有余地灵活运用和执行。