《破茧成蝶：用户体验设计师的成长之路》读后感5500字

笔记整理。字数有限，挑些与UI设计相关的～～

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

5.2 倾听用户的声音

● 拥抱用户

我的目标用户，我做需求、设计决策时要围绕他来考虑。他的使用场景、使用目标是什么？我们希望他如何使用我们的产品，以实现我们的商业价值？

● 别被用户牵着鼻子走

需要从用户的言语中挖掘他内心的真实需求

他的很多意见只是一种直观感受，不太可能经过缜密的思考。有的时候用户的要求甚至是不合乎常理的。这就需要设计师经过判断和思考，重新审视用户意见的合理性。

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

● 如何对待用户的意见

用户意见：目标用户、使用场景、用户目标、产品定位、项目资源

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

从专业角度出发提出改动意见，而不是依据个人主观感受，比如“这里是我们要突出的重点，希望在界面上强调一下；这里的视觉元素对文案有干扰，希望能弱化一下；这里的内容有歧义，用户难以理解；这个地方的设计和业务逻辑有冲突……”

但有的产品经理可能会这样要求设计师：“这条线往上调1像素，这个颜色换成和那个网站一样的蓝色，这里加个小鸟元素……”设计师的思绪完全被打乱，难以做出令人满意的作品。

先改进了自己的问题，成为一个优秀的设计师，我们才可能在遇到不靠谱的产品经理时，积极发挥自己的力量，成功逆袭

5.3.4如何“抄袭”竞品

● 在“抄袭”中寻求创新

大家所说的“抄”并不一定是让设计师完全复制对方的界面，而是希望最后的结果不比竞品差

● 直接“抄袭”竞品的风险

如果在“借鉴”的过程中在设计上有所改进，反而更容易得到认可。

虽然大家都在“抄”，但用心程度不同，最后得到的结果也不同

当我们习惯了等待竞品进步，我们就已经在退步了

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

● 如何对待“抄袭”竞品的要求

我们可以通过前面提到的用户调研、竞品分析、用户反馈、产品数据等方式，了解我们的用户和竞品用户的区别，以及竞品用户在使用中有什么痛点和期望，如何更好地满足用户需求…

自己想象成一个从来没用过该产品的用户，认真体验产品，记录使用中遇到的困惑和问题，再通过自己的设计经验来解决它们。

6 设计规划

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

我们会根据需求来设计相应的任务，排列任务优先级，并在界面上通过一系列引导，帮助用户快速完成任务。对于复杂的任务，尽量简化其操作；对于信息量过大的页面，想办法使其重点突出、一目了然

根据需求来设计相关的信息和任务，通过组织信息结构、引导用户完成任务得到一系列相关联的界面草图；然后细化草图为具体界面，在这个过程中考虑如何让用户轻松、愉悦、高效地浏览和操作；最后，我们要赋予界面一些魔力，让用户难以忘记使用产品的体验。这就是设计规划的过程。

最终的目的是通过专业的设计工作，让产品不仅能满足用户需求，减少用户的理解和操作成本，还能深深地吸引用户，让这个产品捕获用户的芳心。

6.1.1 如何搞定信息分类

● 逻辑归类

常见的用途、品类、形状、颜色、材料、品牌等进行分类，通过数字、字母、时间等进行标识。

● 卡片分类

开放式卡片分类

封闭式卡片分类

6.1.2 好的导航是成功的一半

● 导航的自我解释（路径，如：“一级界面>二级标题>三级标题”）

● 深广度平衡（不能过深和过浅）

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

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

6.1.3 主要任务与次要任务

一定要分清主次，不然用户会茫然不知所措。

通过对重要功能、信息进行分类和组织，可以帮助用户迅速找到入口。

● 设计主线（主行为流）

● 是否设计支线（次要行为流）。

次要行为流用于帮助用户完成主行为流（迷宫的支线越少，整体复杂度越低）

● 就像迷宫一样，需要清晰的线路，用户才不会感到迷惑

6.1.4如何确定主要任务、并通过什么方式突出它

分解-排列-组织

● 分解用户任务

用户任务-子任务

● 排列任务优先级

使用人数、使用频率、重要程度

● 组织合并相关任务（6.2.2更详细）

左上重点、较大视觉区域、不同展现形式 、差异原则（重点突出、次点弱化）

6.1.5如何引导用户完成任务

● 相似性引导

大小、色彩、形态、视觉元素等的相似性

● 方向性引导

● 运动元素引导

6.2.1如何简化复杂的操作

● 减少冗余步骤和干扰项

● 将复杂操作转移给系统

● 简化操作方式

● 优化操作过程

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

● 让页面层次不言而喻

分解-排列-组织

接近原则（逻辑相关）

差异原则（重要程度不同）

嵌套（逻辑包含）

● 让重点信息“跳出来”

● 将次要信息“藏起来”

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

● 以人为本的界面设计

考虑用户的使用情境和心理感受。

● 帮助用户找到想要的东西

目标明确的用户（帮助快速找到信息）

目标模糊的用户（帮助明确需要）

没有目标的用户（帮助激发需求）

● 吸引无目标用户

换位思考，用感性的思维方式来给他们营造贴心、友好、有吸引力的界面。

● 符合用户心理模型

避免过分追求逻辑上的完美，平衡好用户情感与界面逻辑的关系。

6.3.1来自真实世界的灵感

设计元素——潜意识因子，引起认同感和情绪体验（共鸣）

● 拟物化的视觉

效率的应用——简洁

娱乐型应用——对情感有追求

抽象物体的特征，化繁为简

（在情感和效率中达到一个平衡）

● 隐喻化的操作

逻辑关系符合现实

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

6.3.2 贴心的设计惹人爱

● 可控的感受

增加用户对界面的可控感，形成操作预期，使用户安心。（提示和状态展示）

正确地预计未来可能出现的问题，并提前采取措施或提醒用户。（预先设置提示）

缓解等待的焦虑感，给用户一种期待，增强用户的可控感。（如：正在输入）

● 积极的反馈

新手鼓励

● 贴心的提醒

登录的细节处理

发现用户可能出现疏忽时的提醒

通过改变状态提醒用户

6.3.3如何调动用户的情感

● 互动的乐趣

互动（动效、反馈、提示、文案）—考虑用户心理感受—趣味性—调动情感

● 惊喜的力量

超预期体验—记住—分享

● 情境的烘托

活动页—熟悉的场景—吸引注意力—情感共鸣

8.1 做设计评审的主导者

如果设计师无法主导评审会，原本完整的设计方案很可能会被各种意见影响，变得面目全非。

● 设计评审的目的

1、检验目标

2、发现问题

3、达成共识

● 评审前的充足准备

没有充分的准备，很容易受到项目组相关人员的质疑

1、事先考虑所有可能的方案

反之，一方面可能会错过更优的方案；另一方面，在评审时被问到“这里为什么不设计成那样”时很可能会措手不及

2、准备各种设计依据。

用户调研的结果、支撑的数据、竞品分析、设计实施前制定的目标，等等

3、做好会议邀请工作。

● 如何在评审中掌握主导权

1、主导流程。

主导流程，清晰表达设计意图和设计要点，

2、提高效率，控制话题。

偏离主题的讨论和对于某个细节的持久争论是会议效率的两大杀手

3、区分和收集有价值的反馈意见。

带有个人喜好的反馈意见，不需要去深入探讨，设计师只需阐明这样设计的原因即可

不要过于捍卫自己的设计，积极采纳那些有价值的反馈。

● 评审后的分析与跟进

多点精力放在设计规划、设计评审、后续推动跟进上，而不只是一味地画线框图，

8.2 如何审核视觉稿

正确地理解信息和传递信息是最重要的事，忽略内容而关注形式是不可取的。

● 对交互稿理解是否正确

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

● 拒绝毫无发挥的视觉设计

视觉设计不仅要把交互稿的逻辑和信息正确传达出来，还要发挥出视觉设计师的创造力，把界面设计得更加美观，更加有氛围。

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

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

很多时候，设计稿看起来精致美观，而开发出来的页面却偏差很大，就是因为这些细节的疏漏。

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

一方面很难令所有项目组成员达成一致观点，这样每个人都将自己的喜好强加于视觉稿，那么设计将没办法进行下去。另一方面，过多的干涉也会影响视觉设计师的发挥空间

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

设计师：“产品上线了怎么和设计稿不一样？渐变呢？阴影呢？交互动画呢？怎么都没了？”

前端工程师：“有吗？我怎么没看出来……”

设计师关注页面的交互细节以及视觉是否美观。平滑的交互动画和渐变、阴影设计细节等，都能使界面看起来更加精致。

对于工程师来说，简洁的代码、快速的响应、可复用的控件才是他们所关注的。

● 勤于沟通

设计阶段——了解是否有技术难点

设计完成之后——当面沟通设计要点

开发阶段——持续跟进，解答问题

● 统一的规范和标准（现在的工具很多，很多情况下可以不用特意标注了）

● 设计走查

很多用户体验的不完善，都是源于细节的不足。

视觉设计师对产品进行走查，如视觉样式、是否有色差、尺寸间距、图片质量、是否符合栅格，

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

上线前：可用性测试、A/B测试

上线后：用户反馈、产品数据

设计师主动索要用户反馈及数据结果

（总是会说“我觉得”“用户觉得”“用户认为”……实际上，这些都是个人的主观想法）

9.1 可用性测试

可用性测试流程：

1、设计任务（能够反映出核心操作的典型人物）

注意：给出使用目标，而不是直接地操作。

2、招募用户（5名左右有代表性的用户）

3、进行测试（观察用户操作，记录发现问题）

4、分析问题（找出最严重的问题，并进行优化）

● 设计测试任务该注意些什么

给出使用目标，而不是直接地操作。

符合正常的操作流程。

● 测试用户的选择

选择有代表性的用户

5名左右的用户可以发现大约85%的问题

● 测试过程中的注意事项

切忌引导性过强

操作行为永远是重点

不要忽视现场反应

考虑使用场景

感谢被测者，并给予一定报酬

● 问题的分析与改进

整理问题时，可以按照问题频数、严重等级、优先级和违反的可用性准则这几项标准进行记录，

● 灵活运用可用性测试

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

9.2 A/B测试

定性分析样本量小，结果未必完全可靠，但可以了解到用户的想法；而定量分析虽然样本量大，结果较为客观，但我们很难直接通过数据了解到背后的原因。

同一个目标设计2个方案。

● 设定衡量标准

PV、UV、点击量、转化率、跳出率、二次返回率

下单数、支付数、支付金额等

● 对同一个用户呈现相同的页面

● 保证两个版本同时测试

● 单一变量

● A/B测试的延伸——灰度发布

观察用户反馈和产品数据

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

● 收集和读懂用户反馈

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

● 用数据检验产品目标

这些目标可能是点击量、转化率提升了多少，也可能是销售额、网站营收要达到什么样的数字

商业价值与用户需求的平衡也是设计师需要考虑的问题。好的设计也一定能给公司带来价值。

产品的进步是和每一个环节都分不开的。所以这些可以量化的产品数据，也是检验设计成果的一个方面。

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

● 好的设计师

对设计充满兴趣和

有天分：思维活跃

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

执行力强

情商高

超出预期

有条理

有上进心

眼界开阔、知识面广（懂产品、运营和推广）

乐于分享

● 糟糕的设计师

缺乏兴趣、不用心

心态不好、顽固任性（抱怨）

不会合理安排时间

时间估算不准

不会恰当表现（沟通、宣传、推进自己的方案）

过于被动

沟通及团队协作能力差

学习意愿不强

不够专业（思考的广度和深度）

● 从哪几方面来提高

三个方面：专业、沟通、流程。

不能仅仅把自己定位成一个专业人员，而是要把自己当做一个具有专业技能的组织者、推动者、强大的执行者。

内功：兴趣、素养（包含良好的沟通）、思维、技能

10.2 学会思考，事半功倍

●对一个任务的思考：老板的真实用意是什么？他想从中得到什么信息？

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

● Why，What，How三步分析法

Why：得到外界结论时先思考为什么。（为什么是这个样子？……）

What：对现状进行更深层次的解读。（这个东西是什么，本质上需要解决什么问题？……）

How：在已知的基础上，如何做得更好。

10.3 在否定中积极成长

● 别害怕被否定

在遇到否定和挫折时，不要一味地灰心丧气，而是要反思自己哪里做得不够好，积极改进，这样你就不会再被否定。

● 学会忍耐和付出

不要抱怨

● 识别真相

在职场中，需要有一双睿智的眼睛和一颗有洞察力的心，了解别人的潜台词

● 适度妥协

很多时候意见不同只是因为立场不同，

思考为什么不能说服对方。是自己的理由不够充分，还是表达的不够到位？

● 超越自我

总结，改进，学习他人闪光点

良好的思维能力+健康的心态

11.1 设计师的品牌意识

品牌的作用：价值、专业、忠诚、信任。

Logo、Slogan、用户体验、名誉，等等，都和品牌有关。

有时候正确的表达比美观的设计更重要。

合格—专业—出色

● 保证关联性

● 力求一致性

我们接触一款产品，就好像接触一个人，他的外观、衣着、谈吐、性格都会影响到我们对他的印象和判断

衣着品味

表里如一

用户习惯一致

平台内一致

平台间一致

内部产品一致

● 追求独特性

个性的标志（识别性强）

独特的风格

亮眼的细节

● 品牌宣传无处不在

12.1 为老板？为用户？为妥协项目进度？还是为自己设计？

平衡：既要让网站有利可图，又要最大限度地保证用户体验。

设计师的价值包含了用户价值、商业价值、项目价值、品牌价值。在实际工作中，我们要尽量权衡利弊，最大化地发挥价值。首先，要排除不正确的价值观。其次，要避免过于偏激和绝对，要懂得适当变通。最后要注意平衡不同的要注意平衡不同的价值倾向，使整体价值最大化。