超详细！《破茧成蝶：用户体验设计师的成长之路》读书笔记

编者按：本文是设计类高分书籍《破茧成蝶：用户体验设计师的之》的读书笔记重点摘抄，适计新人快速入门用户体验设计领域。

书籍作者专访：

什么是用户体验设计

1. 设计和艺术区

艺术是感性，表作者个意识；设计是理性、精密，为了解决用户问题。

2. 用户体验设计

用户体验是个在使用个品时主观感受；

户体验设计是为了升户体验而做的设计；户体验设计首先要解决户的某个实际问题，次是问题变得容易解决，最后是给户留深刻的印象，使户在整个过程中产生美好的体验

3. 户体验设计的特征

• 严谨、理、创意（注决用户的问题，同时需要优质的创意帮助用户获得更的验）
• 提供特定问题解决案（明确设计目标：为什么样解决什么样问题？怎么解决？）
• 户思考
• 趣味性（为计加，让用户产生难以忘怀的奇妙体验）

4. 用户体验设计精益

热爱生活，细心观察，勇于改变；了解，观察；理性思路；亲自使用、体验；多听用户反馈意见；留心好设计，在此基础上优化。

了解用户体验设计师

1. 用户体验设计师相关的职位

• 交互计：通过析用户心理模型、计任流程、运用交互知识，把需求以用户能理解的方式传达给用户，最终实现公需求和用户需求的最佳衡
• UI 设师：具备一的交互知识审，作品能够很好的引导用户操作，同时令用户感受到作品的感；避免过于纠结作品的观忽略对用户的恰当引导
• 用户研究：通各种分析和研究，深的用户特征、行为习惯等，从而为产品、运营、推、设计决策等提供必要的方向和支持

2. 用户体验设计师的价值

户体验设计师和产经的差别

• 设计师注重创意、逻辑、细节，设计目标更纯粹，能够更的考虑用户
• 品经理考虑更宏观，聚焦范围比较广，注是商业目标，时要兼顾项目很多琐事

用户体验设师的作用价

• 户值、商值（产受到户的爱，给户带来了值，企盈利就多）
• 项目价值（保证产品拥有良好的体验，能使项目顺利、有序的进行下去，对提升项目质量和效率起大的作用）
• 品牌价（维护突出公司的整体品牌形象）

设计师在项目中如何体现自己的值

• 通业能力节省其他节的时间
• 跟进各个环节，保证质量
• 促进统一及标准，升设计效率
• 促使项目流程更理，更有规划
• 协产品理组织各环节

设计师的职业困惑

1. 设计师怎么入

• 提高修养（换思考，考虑问题注重本质）
• 业积累（阅读相关书籍、行业文章、和同行流）
• 项目经验（多做项目、研究竞品、多结）

2. 什么样的应聘者易功

对用户体验具备浓厚的趣；具备良好的素养、强的思维能力；掌握专业的技能

3. 未的发展方向

• 复合：先专攻一样，做到一定程再研究另一样，最忌讳杂而精
• 垂直型：专业深
• 理型：较强的组织协调能力瞻性

用户体验设计的目标

解决户的需求，减户解和操作的成本，给户留美好而深刻的印象

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

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

不忽视的产品定位

• 产定位包括产定义和户需求；产要功、特色和目标户形成产定位中最核心的容，是产设计最要的方向和依据
• 产品定义：一句话概括某个产品（包括使用人群、主要功能、产品色）
• 用户需求：谁什么样的环境下解决什么样的问题（目标用户合理场景下的用户目标）

采集需求的要方式

• 用户研：通问卷查、用户访谈、信息采集等手段来挖掘需求
• 竞品分析：找有代表性类品，比品优势、劣势，找突破口
• 户反馈：聆听户的声音
• 产品数据：预先埋点，获取 PV、UV、浏览长等数据进行析，挖掘数据背后潜在的义

分析与筛选需求

• 筛掉不理的需求：当前术不可能实现、投入产出比低、义不大的需求
• 挖掘用户真实的需求
• 匹产品定位
• 考虑项目资，定义需求优先级

2. 倾听用户的声音

拥抱用户

确定目标用户，进，倾听的想法、了解的生活习惯和对竞品的度

不被用户牵着

• 用户说不定是心所想，们决策会受到多素影响
• 确认对方是否是目标户，否则没有参考值
• 用户见不一定专业，计要进行判断和思考，重新审视见的理性

何对待用户的意见

• 从目标用户考虑：提出要求的用户是否是目标用户？
• 从使用场景考虑：这问题发什么场景？合乎实际况吗？
• 从用户目标考虑：是否是用户的需求？
• 从品定位考虑：用户提出要求符合品定位吗？
• 从项目资源考虑：这个要求的开发资源是多？值多大？是否需要立即开发？

3. 设计师的逆袭

• 如何面对势的产品经理：计要懂用户，学习产品方面的知识，学会站在产品的角度想问题
• 拒绝不靠谱的需求文档
• 从功能需求到设计需求：通用户研、竞品分析、用户反馈、分析产品数据等方式重新归纳需求，考虑用户的质需求，确立相应的目标
• 如何抄袭竞品：在抄袭寻求创新，做比竞品好

设计规划 – 从需求到设计草图

1. 从需求到设计草图，隔着一扇门

信息分类

• 逻辑分类：生活逻辑，从大到小
• 卡片分类：类似东西放在起

好的导航功的一半

好的导航让用户清楚的认识到信息结构自己所处的置

• 深广度衡：层的数目为深度，每一层包含的菜项数为广度；广度导航更利于用户发现息，一不多于 7项；深广度衡的导航使用户在每个层上不必面临过多的选择，通过每个选项的名称便可确寻找的方向
• 用户所需信息与商业推广的平衡：不影响用户找到所需信息的况下行商业推广，可以减少用户的扰
• 为重要功能和常用功能设置快捷口：用户以通快捷口，按照自己的行为习惯，快速找到所需功能；合理设置快捷口，避免口产品变得混乱复

主要任次要任

从用户角度出发，确定主行为流，并以此为线索，理清思路，进而规划产品的整体界面计

如何突出主要任

• 分解用户任务：将用户任务分解为具体为操作
• 列任务优先级：通过使人数、频率和重要程 3 个维来布优先级
• 组织并相关任：将次序相同、操作类似、界面类似的任并为同一组

如何引导用户完成任务

• 相似性引导：如果小、色彩、形态、视觉元素相似，这些元素可以牵引用户的视觉
• 方向引导：对操步骤的任务，用具有指向的箭头进行引导；同时清晰的视纵也以建立无形的方向
• 运动元素引导：类似用户小导，带领用户找到下步该往哪走；比如：加入物时商品飞到物轨迹
• 向导控件：例如进条，来引导户成多步操作（于跨越多个页面）

2. 设计友好而易用的界面

简化复杂的操作

• 减冗余步骤和干扰项：户面的择越多，作择需要的时间越长
• 将复杂操作转移给系统：减少用户额外的付出，让软件变得更加简好用
• 简化操作方式：节省用户的操作本时间本
• 优化操程：提供合适的首选项、适时帮助、提供合理的默认值以降低用户的出错几率

息量大的界面怎摆

• 让页层不言而喻：逻辑相关在视觉上分为组；内容或要程度不在视觉上体现出异；逻辑上有含关系在视觉上进嵌套
• 重点信息跳来：通过字体大粗、色彩对、添背景色、留白等，强调界面的重点元素
• 将次要息藏起来：待用户需要再将它展示出来，有效地隐藏可以帮助用户快速找常用功能，减少复杂息对用户的干扰

理性规划VS感性界

• 以人本的界面设：知道用户的需求什么，逻辑确，用户可以顺利完任务；设符合用户的理模型
• 帮助用户找到想要的东西：合理组织与分类，让信息便找寻
• 吸引目标用户：换位思考，用感性思维造贴心、友好、有吸引力界
• 符合户心模：考虑户是如何解产的，并在设计的表现形式上更贴户的心模

3. 捕获用户的芳心

自真实世界的灵感

当界面中的设元素与实世界中的潜意识因子相呼应，可以令用户产认同感绪体验，与界面产感互动

• 拟物化的视觉：模拟现实中的物体，使用户产生熟悉，降低学习成本，让息功能更加易于识别和理解
• 隐喻化的操作：视觉表难以拟时，可以模拟实中的操作

贴心的设计惹人爱

• 控的感受：未和不控的情况令人不安，让用户建立预期，减少等待的焦虑
• 积极反馈：可以增强用户信心，提升用户体验愉悦感
• 贴心的醒：人性的醒方式可升户对产的好感

动用户的情感

• 互动的趣：机器用户互动的结果可以提升界面的趣味性，足用户的参和被尊重
• 惊喜的力：超出预的体验会增添特殊的喜悦乐趣，同时可以引发用户的好奇，增强他们的探索欲望
• 情境的烘托：为产品设计一个故情节，通视、动画和音效的烘托，把用户带到一个情境中；以有效吸引用户的注意力，动用户的情感

纸面型

• 纸原型目：纸原型可以快速表创意，简单便；纸原型是为了沟、测试，尽快解决不确定问题
• 使的工具：没有限制，简单的铅笔和纸张、绘图模版可
• 纸面型要表达的内容：纸面型最需要关注的是框架、流程、基本功能和内容，可以忽略计细节

设计标准 – 好的设计需要表达

1. 什么是原型

• 型的由来-计方案的表达：型图是产品功能内容的示例图，包含线框图和交互说
• 学习原型制作的原因：可以好的表达自己的设方案，提升设师的专业水平；同时也项目发的标准依据
• 低与高原型：低是与最终产品不太相似的原型；高在外观、操上与最终产品基一致

2. 标准的原型涵盖的内容

简要说明与信息结构

变更日志、版本说明、信息结构（逻辑结构）

任务流程与页面流程

• 任务流程指用户的每一步操遇到的结果和反馈，引导用户完成目标
• 页流程展示从个界到另个界完过程

线框图&交互明

线框图表静态的部分，交互明表动态的部分

交互明的类型

• 各种限制：如范围值和极限值
• 状：默认、常见、殊状
• 操作：常见操作、特殊操作、误操作、手势操作
• 反馈：提示、跳转、动画等

3. 线框图的注意事项

• 过明暗比表：界元素优先级关系更观
• 使截图与颜色：够规范并且对视觉设计师有一定的干扰
• 理的布局：保持简的结构
• 遵守栅格规范：运用固的格子设版面布局，节约时间发本
• 标一屏高度：最重要的内容、按钮要在一屏内完展示；一屏幕的极是 570px
• 表楚 UI 逻辑：提前理好内容，保证内容样符合他们要程度，减少视觉设计师工作成本
• 考虑视觉实现后的效果：多为他角色考虑，避免频繁的返工
• 了解视觉趋势：有助于在审美上和视觉计站在一致的立

4. 写交互说明的诀窍

• 使用真实、符合逻辑的数据：可以减少彼此之间的沟通本
• 不遗漏特殊状态的描述：各种状态不缺失，否则导致工无法进行
• 避免过长说明：避免流账说明，用流程图代替文说明；流程图更加晰，有条理，容易理解
• 于重复现的模：使模的思维方式，可升工作效率
• 型有修改，更新文档说并告知大家：做息对称

5. 关于设计规范

• 设规范的解释：设规范一种模版化应用方法，包含：交互规范、色彩、logo、控件
• 没有规范的果：不同的设计师设计出来的效果不一样，影响用户操；同类元素样，用户产生质疑，更导致项目效率低下；设计效率低下；设计质量难以把控
• 规范解决问题：致形成鲜明品特征，增强用户粘度；提高易用性；满足团队协作需求；避免复劳动，提高工作效率
• 设计规范的分类：纵向（交互规范和设计规范）；横向（VI 牌规范、控件和交互规范）
• 计规范何开始：大型且重要的产品；产品结构、组件
• 制设规范的原则：简单易懂、条理清晰；交互规范先于视觉规范；遵循从到小的原则，先制的设方向，再制加详细的明
• 规范的执行及注意项：设计规范更的是指引和参考的用，而不是；规范不是一成不变的，需要持续更新

项目推荐 – 保障设计效果的实现

1. 做设计评审的主导者

设计评审目

• 检验目标（设方案否达到了之确的目标）
• 现问题（及时现问题与风险）
• 成共识（避免沟不畅而走弯路）

审的充足准备

• 事先考虑有可的方案（避免错过最优方案）
• 准备各种计依据（将用户调研的数据、竞品析、计目标等准备充，有足够的说服力）
• 好会议邀请（审保证设方案已与话语权的人达一致，提高会议效率）
• 控议时间

如何在评审中掌握主导权

• 主导流程
• 把握效率、控制话题（避免偏离题）
• 做好会议邀请（评审前保证计方案已经有话语权的人达成一致，提高会议效率）
• 区分收集价的反馈意见（收集客观、明确、可以操作的反馈意见，指导后续改，同时不能过于捍卫自己的设）

评审后的分析与跟进

会后整总结意见，对没有达成一致的进行善细

2. 如何审核视觉稿

• 互稿理是否正确：注意视设计师的改变是否合理，有没有违背互逻辑，不引用户的歧义
• 拒绝毫发挥视觉设计：视觉设计不仅要把交互逻辑和信息正确传出来，要发挥出视觉设计师创意，把界设计更加美观有氛围
• 注视觉层次是否足够清晰：通过视觉元素清晰的引导户，户快速解信息
• 关注交互细节和状标注：审核视觉稿注是否有漏掉交互细节和状，避免响开发效率
• 审方面不过分涉：视觉设主观感性的，不同的人面对同一视觉稿不同的理解；过多的涉会影响视觉设师的发挥空间

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

• 勤沟通：提前与开人沟通，确设计方案在技术上是以现的；当面沟通设计中的重要点，需要注意的地方次强
• 统规范和标准：设计师在标注页时，要与前端采用相规范和标准
• 设计走查：经过确认和走查就上线的产，可会在细节上存在疏漏，设计效果会大打折扣

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

产品上和预上阶段，一般使用用测试和 A/B 测试的方法，及时现问题进行改进；上一般收集用户反馈、产品数据的方法来对设计方案的优劣进行检验，现的问题以为下次产品优化的依据

1. 可用性测试

什么可用性测试？

通过观察用户使用产品，发产品中存问题的一种方法；可用性测试的流程

测任的注事项

• 出使用目标，而不是接操作（引导性过强任务设计很难到测试目）
• 尽量择最重要、最频繁的任务进行测试（测试过程尽量控制在 1 小时，择 5-8 个功点进行测试）
• 符正常的操作流程（先注册登录、后功能点）

测试用户选择

• 选择表性的用户（尽可能能够表真实用户，关注用户使用产品/相似产品的验，选择出价的用户）
• 用户数量的选择：5 名左右的用户以现大约 85% 的问题

测过程中的注事项

• 切记引导性过强（测试过程可以适鼓励，不要提供帮助）
• 操作行为永远是重点（操作行为是最直接、具体和客观的户反馈；减语言干扰，注户行为）
• 不要忽视现反应（表情、声音、下识的动作等往往暴露用户最真实的心）
• 考虑使用场景（走真实环境去测试，安静的间中很难测试到所的可用性问题）
• 感谢被测者，并给予一定报酬

问题的析改进

将有用的问题快速整理出来，有录像/录音可以重/重听；整理问题，按照问题频数、严重等、优先和违反的可用性准则项标准进行记录

△ 可性准则参考图

△ 严重等级参考图

灵可性测试

在设计过程中使简易的可性测试方法，极大的节省成本，发现问题可及时修改，留充足的时间解决和改进；设计善时采正式的可性测试，发现细节层面的问题

2. A/B测试

可用性测试和 A/B 测试区

• 可用性测试性分析的方法，结果未必完全可靠，但可以直观观察到用户的实际使用况，并且通过访谈了解到用户的法
• A/B 测试是定量分析的方法，虽样量大、结果客观，对检验是否达到业目标很有帮助，但很难直接通数据到背的原因
• 两者各有利弊，般采用相结合

A/B测试的解释

同一目标设 2 方案，一部分用户使用 A 方案，一部分用户使用 B 方案；通过用户的使用况，衡哪方案优

A/B 测试的注意事项

• 设定衡量标准（从产目标的角发，可将 PV、UV、点击率、转率等数据作为衡量标准）
• 对同一用户呈现相同的界面（A/B 测需要保证同一用户在测期间，的是同一个方案，否则会降低用户对产品的度）
• 保证两版本同时行（只两版本同时测试，能保证数据的准确性；不然会存环境变的问题）
• 单一变量（方案之间差异大，变量之间存在干扰，很难进行比）

A/B 测的延伸-灰度发布

灰度发布是将旧版本作为 A 方案，新版本作为 B 方案，让一部用户继续使用旧版本，一部用户切换新版本，之后观察用户反馈和数据；用户反应好可以逐步扩大范围直全部覆盖；出现问题也可以及优化

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

收集和读懂户反馈

• 收集用户反馈：产品内部的用户反馈口，查问卷、应用场的评价等
• 分析用户反馈：将收内容进过滤、筛选、分类，理出有价值反馈

用数据检测是否达到初期定的产品目标，检验设计成果

设计师的自我修养

1. 好的设计师 VS 糟糕的设计师

好的计和糟的计之间的别

好的计对计充兴趣和激情；有（有多好的创和想法，常记录灵）、执行力、情商高、超出预期、有条理、上进、眼界开阔、知识面广、于析；糟的计则刚好相反

怎提高

• 专业：阅读专业书籍、文章、丰富自己理论知识
• 沟通：良好的沟通协作和组织
• 流程：不断突破和改进，提升项目效率

2. 学会思考，事半功倍

学会思考，从用户表需求看到用户本质需求

Why、What、How三步分析法

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

3. 在否定中积极成长

• 别害怕被否定：要灰心丧气，要反思自己哪里做的够好，积极改进
• 会忍耐和付出：抱怨解决不了任学何问题，唯一能做的就是让变得更好
• 识别真相，了解别人的潜台词
• 适度妥协：不要坚持，学适当的变通
• 越自我：善于自我否定，设更高目标，不要满足于现状

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

1. 设计师的品牌意识

好的品牌可以成为一种仰，对内凝聚员工；对外树立形象，让用户更容易产生任

提升品牌的一些则

• 保证关联性：表现品功能，迎合目标群体，体现品特色
• 求一致性：应、平台、平台间一致
• 追求独性：个性的标志、独的风格、亮眼的细节

2. 设计师的沟通意识

△ 项目中的不同沟通方式的特点

△ 项目中的不同沟通方式的适用境

何更的沟通

放平心态、换位思考、积极主动、更肯定，少批评他人

3. 设计师的流程意识

设计师在项目中需要具备灵活（根据项目情况采取最合适的方法和流程，懂得灵活变通）、主动（主动现流程中的问题，积极协助和沟通）、业（充分做自己的职工）

设计流程：

先透彻需求，在考虑用户的任务流程，之绘草图和原型

项目流程

△ 完整的项目流程

△ 小功能的项目流程

不遵守流程的后果

需求不确，反复改；无具体排，线遥遥无；预留走查时间，仓促线；产品理一人独，项目失控；出问题难以确责任

注意事项

• 于需求改：评审后有改，评估工作量，大的改放到一期，小的改征求大的同意，重修改期
• 关于排期：根据需求内容来确定体的间安排，间要算上迭代、查的间
• 关于设：审后行修改，的改动到下一
• 尽量做用测试

设计师为了什么而设计？

1. 为老板？为用户？还是为自己？

设计师是为自己设计，是为某些人设计，更应该只看重眼前的利益；设计师要做的是平衡商值与户需求，通过自己的专水平为公司、户创最大的值

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

怎么实现商业价值与用户需求平衡

• 构建强的自我：设师一商业意识，懂产品，懂得如何站高的角度权衡利弊
• 与产品经理的衡：在产品经理头脑热时，运用自己理的思说服对方
• 与品经理合作：先解读需求，考虑需求是否合理；不合理话要塑需求，然后再开始正常设计流程

设师的具体操作

• 识别需求的有效性：通过做户调研、竞分析、分析使场景来考虑这个需求和合，值值得做，对产有么帮助，户是否需要他
• 重塑需求：重新审视需求，归纳出真正的计目标

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

用户验设计师面临的挑战与机

设计师在大司、大团中更容易挥用，因为大司更需要风险意识、注重品牌形象、需要考虑业

用户验设计师的积累与突破

在工中不断思考、不断强化自身能力，逐渐掌握各种业的设计方法、原则、流程，能够在项目中游刃有余的运用与执行

读书笔记下载链接：https://pan.baidu.com/s/1JDJC6BsVu-K0bEDqRyYWog    提取码：hlnr

备载链接：https://share.weiyun.com/5skTUd7