最近又重新读了一下《破茧成蝶--用户体验设计师》，原因是没有做笔记所以忘的差不多，所以这次做一下读书笔记，梳理一下框架，并且也再次领略这本带我入门的书籍，温故而知新。

首先强烈推荐想做交互设计师或者产品经理的朋友阅读这本书，甚至用研、UI和研发都可以看一下，因为本书不仅仅讲了如何成为一名好的用户体验设计师，也讲了用户体验设计师如何与产品和研发沟通，所以从这点上来说，产品经理也可以学会理解用户体验设计师；本书对于入门是一本很好的书籍，有着由浅到深的目录框架，循序渐进的知识体系。另外在做读书笔记的同时我会提出自己的一些感悟，可能会与书籍有所冲突。

本书目录

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

1.什么是用户体验设计师

如果用我学过的知识来简短的描述这个职业的话那就是：寻找生活中用户的痛点，优化产品操作 ，使的用户整个操作流程下拉行云流水。

这是我的个人理解，但是作者则是先讲明了设计与艺术的区别，设计是理性的，艺术是感性的；也就是艺术是表达创作者的个人意识，设计是为了解决用户具体的问题；但是在这一点上，个人认为设计师也需要感性的一面，作者后面也提到了设计师也需要感性，在视觉设计上需要天马行空的想象力，然后结合理性的思维逻辑创造出吸引人的产品，毕竟美的产品更容易吸引用户，就像诺曼的《设计心理学1》被许多设计师批判到：如果我们按照诺曼的思维来设计作品，那我们的作品的确都是有用的，但是没有人会来买我们的东西。而这在我看来则是情感化设计，用户体验设计师需要理性和感性的分析用户的情感需求。

随后作者则是通过几个案例来说明用户体验设计师到底是作什么的。

插座插不进去，使用效率不高，而这就是我前面讲到的痛点，用户体验设计师则是通过将两个插口的位置进行偏移得到解决，虽然看起来简单，但是这的确就是用户体验设计师该做的事情之一。解决用户在生活中遇到的问题。

那么用户体验设计师需要哪些特征呢

• 严谨、理性、创意
• 提供特定问题的解决方案
• 不让用户思考
  关于不让用户思考则是有另一本书名为《don't make me think》

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

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

总结而言就是用户体验设计师需要多留心生活，好的产品和好的电影一样，都要来源于生活，只是电影需要高于生活，但是产品则需要更贴近生活，所有设计师需要观察生活，找到痛点，思考如何优化，并且是理性的思考，对于做出来的 产品需要自己多体会，毕竟自己做的设计如果自己都不用怎么让别人用呢，自己都不喜欢用户怎么会喜欢呢，多听听用户的反馈才能再次优化设计。

2.了解用户体验设计师

用户体验相关职位有哪些

• 用户研究员：就是许多人听过的用研，用研的工作大多数时候是在做市场分析，竞品分析、人物模型等，但是用研的调研周期现在太久，有可能一个周期完了，产品都已经迭代了，所以作者提到了一个好的用户研究员，不仅要会研究，更是要有好的应变能力，并且做出的报告可读性强，真正的关心用户所关心的问题

• 交互设计师：作者最后使用了改善用户找不到按钮这种情况，让网站有一个良好的体验来描述这个职位，关于交互设计师，我最初接触的就是这个，交互设计师真的不仅仅是画图的，虽然大多数时间可能是在想怎么画好线框图，但是在画线框图前期，也是需要花大量时间去做竞品分析，流程图的，只有这样，才能理性的画出优秀的线框图

• 视觉设计师：关于视觉设计师有很多种，平面设计师、插画设计师、UI设计师等都是视觉设计师，而视觉设计师就是需要更多的感性了，作者更多的谈到的就是UI设计师，一个工作流程中，UI设计师是与交互设计师相互配合的，将交互设计师的原型图变为高保真原型甚至是有动效的设计稿 ，随后则是与交互设计师核对需求后给予前端开发。

其实很多时候用研交互视觉都可能是同一个人来做，因为慢慢的设计师需要往全栈设计师发展了。

用户体验设计师的价值

• 用户价值、商业价值

• 项目价值：快速的判断一个项目设计方案的优劣，并且快速得到可靠的设计方案，节省产品人员的时间，跟进各个环节，保证产出质量，给出设计标准和模板，促使项目流程更加合理，更有规划。协助产品经理组织各个环节。

• 品牌价值：维护整体的品牌形象，腾讯可以叫做鹅厂就是一个很好的例子。

3.设计师的职业困惑

• 我适合干这行吗
  用户体验设计师的门槛很低，但是要做好则是很难，所以作者对于这个问题的回答则是多问问自己是否热爱，是否喜欢，是否好奇，是否具有创意，如果都不是，那就需要多想想自己是否真的想要做这一行了。
• 菜鸟怎么入门

作者以自己的经历来讲解菜鸟如何入门，首先沟通能力一定要过关，这一点在所有地方都时候，工作时候也是学会沟通，学会做人，随后才是对于专业的积累，当拥有足够的专业知识后，可以尝试根据专业流程来做一个项目，做完项目后则是需要多总结

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

大公司福利待遇更好，发展机遇更大，并且流程更为专业，设计公司则是专业度更强，但是待遇一般，顶级设计公司则是不一样，小公司则是可以去积累项目经验，并且成为项目中的核心人物。

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

上面三种人物性格是作者不会通过的，当然每个面试官的标准不同。

那么面试官侧重考察设计师什么方面呢

• 对用户体验具备浓厚的兴趣：兴趣是最好的老师

• 具备良好的素养：礼貌谦虚，沟通能力和协调能力良好

• 具备强大的思维能力

• 掌握专业的技能：当然技能知识冰山一角，是展现在外的东西

未来的发展方向

• 复合型：在各个方面都比较专业，不要杂而不精

• 垂直型：在专业程度比较精深，从普通设计师-高级设计师-设计管理

• 管理型：拥有领导天分，较强的组织协调能力和前瞻性

• 全能型：全流程都会，但是切忌杂而不精

• 创业型：创业是艰辛的不归路，但是值得鼓励

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

4.设计流程--设计师具体做什么

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

这是一个项目的流程，而需要用户体验设计师的环节则有设计规划、设计实施、项目跟进上，最开始则是由产品和运营提出需求，用户和交互设计师则是根据需求做好设计规划，也就是流程图信息架构一类的东西，随后则是交互与视觉将设计实施，而视觉后面还需要与开发核对动效动画等方面。

而在产品上线前后，则是需要使用一些方法来检验一下问题，如果是小问题则可以及时解决，如果是大问题则是等到下次优化迭代统一解决，毕竟中国互联网市场的极速发展导致了谁先进入市场占领风口谁就可以是这个风口的成功者，即使这个产品的用户体验没有后来的产品好，但是先占据风口就意味着成功了一半，从美团饿了么，斗鱼虎牙等直播平台，OFO摩拜，吃鸡类游戏，除非背后本身有巨大的用户，否则关于优化问题都是先放到后续版本当中。

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

• 时间紧张，留给设计师的时间太少
• 一个设计师负责多个项目，没办法一一跟进到底
• 和项目成员作为距离太远，沟通不便
• 产品 经历了不能够清晰阐述需求
• 设计师专业能力有限
• 开发人员能力有限，不按照设计稿做，偷工减料
• 上层领导干预过多。
  总结而言就是3方面：团队成员的专业能力、外界因素的影响、团队凝聚力，专业能力和外界因素难以改变，但是增强团队凝聚力则是可以改变的，遵守工作流程，并且相互协调，相互合作，不仅仅关注自己负责的工作。

不遵守设计流程则会导致如下问题

• 由于需求不清晰或来回反复导致效率大大降低
• 方向不明确导致设计方案被反复推翻，设计效果欠佳
• 原型粗糙、缺乏规范，开发人员理解设计方案的成本增加
• 上线效果与设计方案相差甚远，人力遭到浪费
• 上线后不清楚具体效果，为下一次优化更新造成了障碍
  所以用户体验设计师不仅仅是掌握好专业技能就行，需要懂得变通和与人沟通。

5.需求分析--拿回产品的主导权

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

做产品不可避免的需要同时考虑商业价值和用户需求，商业和用户两个因素，缺一不可，但是再好的需求都需要技术支持，所以需要平衡好商业、用户、技术。现在的问题则是交互设计师无法通过一份需求文档或者简单的沟通就领悟产品经理的思想。

上图为需求考虑的角度，所以交互设计师和产品经理在初始阶段的时候就相互合作，共同完成需求分析，通过各自的专业方法，平衡好商业价值和用户需求。

不可忽视的产品定位

• 什么是产品定位：产品定位是产品设计的方向，也是需求文档和设计产品的判断标准
• 产品定位的内容：产品定位实际上就是关于产品的目标、范围、特征等约束条件，它包括 两方面的内容：产品定义和用户需求

产品定义的主要动能、产品特色和用户需求中的目标用户形成了产品定位中最核心的内容，是产品设计最主要的方向和依据。

• 产品定义：产品定义就是用一句话概括某个产品。
  举个例子，在设计一款音乐播放器手机应用时，通过市场调研以及竞品分析得到机会点，可以得出以下简单的产品定义
  使用人群：白领
  主要功能：播放音乐
  产品特色：音质清晰，更新速度快
  而产品定义的作用就是定好产品方向，并给出产品的边界。

• 用户需求：用户需求主要包括目标用户、使用场景和用户目标，其实就是讲个故事，告诉我么用户的真实境况，以刚刚的音乐播放器作为例子

A：我有个朋友酷爱运动，她跑步的时候一定要听音乐，而且是听特别动感的音乐
B：我就想知道最近流行什么音乐，不然K歌时总觉得自己很落后
C：不知道大家有没有这个烦恼，不知道该听什么，推荐的自己又总是不喜欢

当然这些内容不能脱离前面的产品定义的范围，最后可以整理出用户需求范围如下
目标用户：休闲型/小资型/达人型
使用场景：上班路上/工作时/睡觉前
用户目标：快速找到流行的音乐/需要音质最好/只听某一个类型的音乐

通过这些便可以得出用户需求示意描述图

• 选择目标用户：目标用户是最关键的，可以让你更专注于服务某类特定人群，并且更容易使产品获得成功，前面按照需求分成了三类人，而该选择哪类用户则是需要权衡用户对公司的价值以及潜在需求量，也就是前面提到的平衡用户需求和商业价值。

我们优先考虑最右上角的潜在用户 量大和商业价值大（推广成本低）的用户，因为要同事考虑到产品利益和用户需求，所以这项工作最好由产品经理和设计师配合完成。

• 确定产品定位并据此筛选需求:目标用户确定后，产品定位也相应得出了，随后根据产品定位筛选匹配的使用场景和用户目标，从而得出关键词
  目标用户：追求潮流、高端音乐品质的白领
  主要功能：听音乐
  产品特色：音质佳、更新速度快
  使用场景：上班路上、工作学习、睡觉前、休闲放松
  用户目标：需要音质最好、只听某一个类型的音乐、分享喜欢的歌曲
  关键词：高端、时尚、歌曲种类较多、切换方便、下载、听过识曲
  在整个过程中 ，产品经理的决策时至关重要的，所以交互设计师和产品经理一起做需求文档有利于交互设计师了解整个需求，但是每个公司情况不一样，在实际工作中，具体问题具体分析

需求从哪里来

在实际项目中，采集需求的主要方式有用户调研、竞品分析、用户反馈（上线后）、产品数据（上线后）等。

• 用户调研：通过问卷调查、用户访谈、信息采集等手段来挖掘需求的方式
• 用户反馈：产品在测试阶段或者正式发布后，会收到许多用户反馈，通过这些用户反馈可以发现许多之前意识不到的问题
• 竞品分析：找到有代表性的同类产品，对比产品之间的优势劣势，从而 发现产品的突破口，竞品分析体统的内容是重要的需求来源之一
• 产品数据：产品上线后，可以收集到产品的相关数据，比如常规的访问浏览数据、浏览痕迹、点击痕迹等，随后分析数据挖局数据背后潜在的意义

如何分析与筛选需求

• 如何分析与筛选需求

• 需求的产生：我们先确定产品定位，然后通过不同的方式来收集大量的需求，识别这些需求的有效性和真实性后，根据产品定位和项目资源情况筛选，提炼出产品需求，定义出需求优先级。

  
  

了解需求文档

需求文档应该包含什么内容

• 文档修改与审核记录，需求文档如有修改，需要简要记录

• 目录：如内容过多最好提供目录

• 背景描述：为什么要做这个产品/模块、市场行情、业务目标、产品定位等

• 用户类型和特征：简单的描述目标用户情况或现有使用人群的情况

• 项目时间安排：何时启动，何时完成等

• 信息架构：这里可简单理解为内容或页面的层级

  
  

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

  
  

• 需求详细说明：每一条需求的详细说明，一个文档里会有若干条这样的说明

• 需求文档的后续迭代：需求文档不可能一次到位，谁也不能保证一次把所有的问题想清楚，所以在完成需求文档后要开评审会。

倾听用户的声音

• 拥抱用户

先确定谁才是我们的目标用户，随后走到用户中去，跟目标用户达成一片，融入这个角色中，才能深刻体会到用户的本质需求。

• 别被用户牵着走

用户会提出很多想法，很多意见，但是并不是每个用户的意见都需要采纳，就比如现在一些用户想要有夜间模式，夜间模式加不加要考虑开发周期，实现成本的问题，并且是否真的大部分用户都想要有夜间模式，另外用户说的不一定是心中想的，最好的例子就是汽车没发明出来之前用户会说的是我要一匹更快的马，所以，既需要调研，记录，询问用户的想法意见，也要思考用户的意见是否真的有必要，而不是照搬过来。

如何对待用户的意见

下图是考虑用户意见的5个因素

• 目标用户：首先明确提需求的用户是你的目标用户
• 根据使用场景考虑：用户提出的这个问题一般发生在什么场景？合乎实际的使用情况吗
• 根据用户目标（真实需求）考虑：用户表达出自己的真是需求了吗
• 根据产品定位考虑：用户提出的要求符合产品的定位吗
• 根据项目资源考虑：用户提出这个要求需要多少开发资源，价值有多大，需要立即开发吗？

设计师的逆袭

如何面对强势的产品经理

• 商业价值VS用户需求：很多时候领导要求这么做，产品经理只负责传话，这种时候最重要 的是摆正好心态，换位思考，考虑对方要求这么做的原因

• 不靠谱的产品经理什么样：需求变动多、过于主观、过于 关注细节、没有大局意识等，这种时候设计师如果想逆袭，首先得改正自身的问题，逐步完善自己。

• 让产品经理头疼的设计师是什么样：不懂得平衡商业价值和用户需求；不考虑业务线的需求，缺乏产品意识；过于重视用户的操作习惯，完全忽略也无需求和商业利益；抱怨多，建设性意见少；视野狭隘，只懂得专业领域的知识，难以和其他角色沟通。

拒绝不靠谱的需求文档

• 有没有必要写需求文档：当产品规模小、项目人员少时，没有文档不会出现大的问题，但是当项目不管扩大，项目人员增多时，需求文档则是必不可少的一个环节。并且在小型团队中产品定位，需求优先级总还是要的。

• 需求文档的好处：需求文档可以有效 的帮助产品经理理清产品功能、内容、业务逻辑等整体信息；需求文档大大的方面了团队的沟通，规范了项目的具体内容；需求文档可以帮助其他项目成员有针对性地提出问题；需求文档可以促进产品经理自身能力、专业的提升。

• 无需求文档或文档不标准怎么办：提醒产品经理修改需求文档，没有需求文档这个依据的话产品经理则可以在设计环节随意更改想法，导致环节效率极低，而办法就是设计师列出项目中的问题找产品经理解答。

• 辨别需求文档的内容是否合理

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

• 残酷的现实要求设计师学会走“弯路”

  
  

• 如何寻找设计目标：比如一款摄影类手机应用做优化，如果已经提供了足够多的滤镜，但是用户还是不满意，那么可能就是滤镜品质欠佳，用户希望增加滤镜种类，并且设计师可以针对竞品做简单分析，询问身边用户对竞品的意见。

分析用户反馈的意见，并且通过竞品分析得出结论：为我们需要更加个性化、品质感更好的滤镜，并且突出分享功能。综上则是可以得出4个设计目标：提升滤镜品质、增加滤镜间的差异化、增加个性化滤镜、突出分享功能

• 根据设计目标重新定义需求

如何“抄袭”竞品

• 在“抄袭”中寻求创新：有时候产品经理不给需求文档，直接叫设计师抄袭竞品是最坏的情况，但是没有一个设计师愿意抄袭，而抄袭在企业战略上而言无疑是一条捷径；所以不能光是抄，而是需要创新 ，还是要用心设计，可以做的比竞品更好，这样可以更容易让大家接受；功能方面可以抄，但是设计方面绝对不可以盲目抄袭。

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

• 影响企业形象

• 出现严重错误：A产品的内容并不一定适合B产品，导致了东施效颦的效果

• 永远在对手后面

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

认真体验竞品，通过竞品界面往回倒推，得到原始的用户需求以及业务逻辑，通过用心的思考和设计，相信最后的结果不会比竞品差 。

6.设计规划--从需求到设计草图

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

如何搞定信息分类

• 逻辑分类：我们可以使用人们在生活中熟悉的分类逻辑对内容进行分类

• 卡片分类：卡片分类是另一种有效的组织信息的方法，可以设计出符合用户心智模型的信息架构；卡片分类的方法简单易行，首先准备好剪裁过的卡片或者便签纸，将需要分类的信息写在卡片上，然后组织招募到的志愿者对卡片进行分类。如果数据量少，可以自己及直接在白板上分析分类的情况；但是数据量庞大的话可以使用专门的数据分析软件，如IBM EZsort、CardZort、WebSort等

卡片分类一般分为两类：开放式和封闭式

• 开放式：给用户足够的自由度来进行信息归类，用户可以随意自由地决定把卡片分为几组、每组有多少张卡片，这种方式设计师可以得到更加丰富的分类结果，但是对于内容复杂、信息量庞大的网站会让结果变得不可控制

  
  

• 封闭式卡片分类：设计师首先将导航的架构设计好，确定出导航的个数和名称，再让用户根据自己的期望归来到不同导航分类下。更利于掌控

好的导航是成功的一半

• 导航的自我解释
  虚拟的互联网世界没有现实世界中明显的方向感，不明确的导航和位置信息可能导致用户迷失方向，成功的导航设计可以自我解释，让用户知道自己在什么位置

• 深广度平衡
  层级的数目可以称为导航的深度，每一层级中国包含的菜单项数可以称为导航的广度，再设计时，需要考虑深度与广度的平衡

相比于深层次的导航结构，广度导航更利于用户发现信息，但是广度要合适

所以设计导航时，需要将信息进行合理的分组，在分组时注意深广度平衡，明确每个层次的焦点。

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

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

快捷入口也是一个需要权衡的过程，必要的快捷通道可以提高使用效率，但不宜过多

主要任务与次要任务

一个界面如果放置过多的功能或内容，会让用户迷茫且不知所措，所以需要确定主要任务和次要任务

• 说说任务设计
  设计主线（主要行为）就是把杂乱无章的功能根据用户的期望及目标以正确的次序组织起来的过程，告诉用户先做什么，再做什么
  是否设计支线（次要行为流），要看次要行为流是否能对用户完成行为流产生必要的帮助（迷宫的支线越少，整体复杂度越低，越有助于用户迅速完成任务）
  就像迷宫一样，如果没有清晰的路线，用户就会感到迷茫，在这一点上，产品人员与开发人员和用户没有意识到，因为他们自己对于产品太过于熟悉了。所以就会导致下图的情况

因此，设计师要理解产品人员的意图，又要从用户角度思考，而任务流程确定后，就可以通过一系列草图去把用户完成任务的过程表现出来。

如何突出主要任务

分解用户任务

以购买电影票为例（只讨论购票过程）

主要行为流：选择影片--选择电影院--选择观影时间--选择座位--输入接收电子票手机号--确认订单。首先分解 每段任务的子任务

• 排列任务优先级
  我们要有可以量化的标准类衡量哪些功能的优先级高，哪些低，大多数需要用到的功能和使用频率高的功能，需要突出；商业目标的影响大小

优先级不是出现的次序，而是在页面中的重要程度

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

组织合并之后，对于不同级别的任务要有不同的展示方式，一级任务一级展现，二级任务二级展现。

如何引导用户完成任务

• 相似性引导：如果大小、色彩、形态、视觉元素等因素相似，那么这些相似的因素可以牵引着用户的视觉，引导用户操作

• 方向性引导：利用具有指向性的箭头，进行方向性引导，清晰的视觉纵线可以建立无形的方向性。

  
  

• 运动元素引导：用户的小向导，带领用户找到下一步往哪走，用户在左侧买票，而需要在右侧确认购票。

  
  

• 向导控件：向导控件是一种常用的交互方式，用来引导用户完成多部操作

设计友好而易用的界面

如何简化复杂的操作

• 减少冗余步骤和干扰项
• 将复杂操作转移给系统
• 简化操作方式
• 优化操作过程

信息量太大，页面怎么摆

• 让页面层次不言而喻
• 让重点信息跳出来
• 将次要信息“藏起来”

理性的规范VS感性的界面

• 以人为本的界面设计
• 帮助用户找到想要的东西
• 吸引无目标用户：在用户还未 了解过网站的时候便提供部分网站内容给用户，吸引用户
• 符合用户心理模型

捕获用户的芳心

来自真实世界的灵感

• 拟物化的视觉：最直接的方法

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

  
  

贴心的设计惹人爱

• 可控的感受
• 积极的反馈
• 贴心的提醒：用户难免会有遗忘或是疏忽的时候，此时给予用户一些贴心的提醒

如何调动用户的情感

• 互动的乐趣
• 惊喜的力量：彩蛋
• 情境的烘托

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

• 纸面原型的目的
  纸面原型可以快速表达创意，只要纸和笔就行，不用考虑格式和规则，纸面原型更具有可塑性，可以快速的修改和重建，通过纸面原型确定大致的方案后，也同时确定了产品的框架、主要流程、基本信息和功能等。

• 使用什么工具？
  纸面原型不需要高级工具和复杂技巧，用最简单的铅笔和纸张就可快速画出草图，当然还可以使用马克笔，双头画笔等

• 需要表达什么？
  最需要关注的是框架、流程、基本功能和内容，可以忽略设计细节，而对于重要信息则可适当添加颜色，也可以使用手机应用制作动效

7.设计标准——好的设计需要表达

什么是原型

• 原型的由来--设计方案的表达
  原型是设计方案的表达，是设计师的重要产物之一，也是项目团队参考、评估的重要依据。

• 为什么要学习原型制作
  再好的设计想法，如果没有清晰、标准的表达，效果也会大打折扣，并且原型是项目开发的标准和依据。

• 低保真原型与高保真原型
  原型按照精细程度，可分为低保真原型和高保真原型
  低保真原型：与最终产品不太相似的原型，他可以是纸面原型，也可以是用软件绘制的线框图
  高保真原型：高保真原型在外观、操作上与最终产品基本一致。

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

• 简要信息与信息结构

• 变更日志

  
  

• 版本说明：和更新日志类似，不过是以版本号为单位

• 信息结构：产品内容都有什么，他们是如何组织起来的，页面层级如何分布的

• 任务流程与页面流程

任务流程：用户使用产品时，它的每一步操作会遇到什么结果、系统会如何反馈

页面流程：比任务流程更清晰、具体

• 线框图&交互说明

交互说明是原型必不可少的内容，逻辑严密、内容详细的交互说明会让原型看起来更专业

交互说明主要有一下几种类型

• 限制：包裹范围值、极限值等

  
  

• 状态：包含默认状态、常见状态、特殊状态等

  
  

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

常见操作主要是指正常操作得到的反馈状态

特殊操作主要是指一些极端情况下的操作

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

手势操作主要是指用户使用移动产品时的操作方式

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

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

你真的会画线框图吗

• 通过明暗对比表达

  
  

• 但需要注意的是深色不意味着比浅色更重要，要看色块之间的对比关系

• 不使用截图和与颜色

• 合理的布局

  
  

• 遵守栅格规范

  
  

• 标记第一屏高度：在线框图上标记第一屏高度

• 表达清楚UI逻辑

• 考虑视觉实现后的效果
• 了解视觉趋势：并且将这些 发现应用在线框图的设计中

写交互说明的诀窍

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

• 不遗漏特殊状态的描述

• 避免过长的说明

• 避免文字堆砌，避免流水账式的说明

• 使用流程图代替文字说明

• 关于重复出现的模块：用模块化的思维方式来处理复杂问题，对提升工作效率很有帮助

• 如原型有修改，不要口头沟通，而要更新交互说明并告知大家

关于设计规范

• 什么是设计规范：设计规范是对设计的具体细节、技术要求，是设计工作的规则和界限，设计规范包含很多内容：交互规范、色彩规范、logo规范等

没有规范容易出现什么问题

• 不同频道/模块独立设计
• 同类功能组件存在多种样式
• 同类元素多样性
• 设计效率低下
• 设计质量难以把控

规范解决了什么问题

• “一致性”形成鲜明的产品特征，增强用户粘度
• 提高易用性
• 满足团队协作需求
• 避免重复劳动、提供工作效率

设计规范的分类

• 纵向考虑：设计规范可分为交互规范和视觉规范，交互规范一般要先于视觉规范
• 横向考虑：设计规范可分为产品战略级方向的大规范及单个项目中的设计小规范

什么时候开始设计规范

以下情况可以去制定一些规范

• 大型且重要的产品

• 产品结构、页面类型、UI组件相对单一，可复用内容较多

• 项目人手充足、时间比较充裕

• 品牌风格、主题风格已确定完毕，品牌备忘和梳理势在必行

• 产品线日益丰富，后续设计一致性和可循环的要求被提高

• 产品结构壮大，新人不断涌入，沟通和执行效率待提升

• 制定设计规范的原则：制作规范是为了给团队成员做设计指导，所以内容一定要简单易懂、条理清晰。交互规范一般先于视觉规范，视觉是在交互的基础上做效果，并且设计规范一般遵循从大到小的原则

• 规范的执行及注意事项：制定规范是为了帮助设计师少走弯路，避免不必要的错误，并且提高设计效率，更多是起到指引和参考的作用，而不是限制

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

做设计评审的主导者

不同偏好和不同出发点的项目成员

设计评审的目的

• 检验目标：在项目初期的需求分析阶段，产品和设计就已经一起分析出了产品定位和设计目标，所以首先检验的就是设计方案是否达成了最初确定的目标
• 发现问题：发现问题和风险并且及时更正避免一部分风险
• 达成共识：让项目成员达成共识，避免沟通不畅而走弯路

评审前的充分准备

• 事先考虑所有可能的方案

• 准备各种设计依据

  
  
• 做好会议邀请工作

如何在评审中掌握主导权

• 主导流程：清晰表达设计意图和设计要点，让所有项目成员都能正确理解设计方案
• 提高效率，控制话题

• 区分和收集有价值的反馈意见

  
  

• 评审后的分析与跟进：收集意见之后，设计师需要整理总结这些意见，继续进行完善细化，将最终的设计方案给项目组成员

如何审核视觉稿

• 对交互 稿理解是否正确
• 拒绝毫无发挥的视觉设计
• 关注视觉层次是否足够清晰
• 关注交互细节和状态标注
• 在审美方面不要过分干涉

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

• 勤于沟通

• 统一的规范和标准

• 设计走查

  
  

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

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

可用性测试

• 什么是可用性测试
  可用性测试时改善产品最佳方式之一，每一个交互设计师都应该至少掌握简易可用性测试的方法，在测试前，设计几个能反应出产品核心操作的任务，招募5名左右的用户，测试中仔细观察操作情况，记录发现的问题

• 设计测试任务该注意些什么
  给出使用目标，而不是直接的操作
  尽力选择最重要、最频繁的任务进行测试
  符合正常的操作流程

• 测试用户的选择
  选择具有代表性的用户
  用户数量的选择

测试过程中的注意事项

• 切忌引导性过强
• 操作行为永远是重点
• 不要忽视现场反应
• 考虑使用场景
• 感谢被测者，并给予一定报酬

问题的分析与改进

• 为问题的严重 做一个排序，可以给项目组的成员做一个参考

• 灵活运用可用性测试

A/B测试

可用性测试时一种定性分析的方法，而A/B测试时一种定量分析的方法

什么是A/B测试：A方案和B方案的比较，为同一个目标设计两个方案，一部分用A方案，一部分用B方案，通过用户使用情况，衡量哪个方案更优

• 设定衡量标准：从产品目标的角度出发，可以将PV、UV、点击量、妆化率等数据作为衡量标准，对于电子商务类网站，也可以参考下单数、支付数等，要在测试前提前与开发工程师沟通，从产品日志中提取相关数据
• 对同一个用户呈现相同的页面
• 保证两个版本同时测试
• 单一变量：最好保持单一变量，如果两个方案差异较大，变量之间会存在很多干扰。
• A/B测试的延伸——灰度发布：灰度发布是一种能够平滑过渡的发布方式，将旧版作为方案A，新版本作为方案B

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

• 收集和读懂用户反馈
  收集用户反馈&分析用户反馈

  
  
• 用数据检验产品目标

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

10设计师的自我修养

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

好的设计师

• 对设计充满兴趣和激情
• 有天分：思维活跃
• 执行力强：不仅要有好的想法，还要坚持执行到底，不惧怕任何阻碍
• 情商高
• 超出预期：好的设计师追求完美，关注细节
• 有条理：工作安排的井然有序
• 有上进心：自我学习和提高的意识极强
• 眼界开阔、知识面广
• 乐于分享

糟糕的设计师

• 缺乏兴趣、不用心
• 心态不好、顽固任性
• 不会合理安排时间
• 时间估算不准
• 不会恰当表现
• 过于被动
• 沟通以及团队协作能力差
• 学习意愿不强
• 不够专业

从哪几方面来提高：专业、沟通、流程

学会思考、事半功倍

why，what，how三步分析法

• why：得到外界结论时先思考为什么
• what：对现状进行更深层次的解读
• how：在已知的基础上、如何做的更好

在否定中积极成长

• 别害怕被否定
• 学会忍耐和付出
• 识别真相：用户说的不一定是他心里想 ，同事说的也不见得是他心中真实的想法
• 适度妥协
• 超越自我

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

设计师的品牌意识

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

• 保证关联性
• 力求一致性
• 追求独特性

• 品牌宣传无处不在

设计师的沟通意识

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

• 通过文档沟通：不受文字数的限制，便于查阅存档以及日后的统一管理，时候描述功能多，业务复杂的项目，时候跨部门协作的项目，但是不容易建立统一的标准，理解成本高
• 通过邮件沟通：打破时间空间的限制，便于查阅记录，适合报告工作进度或通过项目状况比较正式，但是征文不适合太长，传递信息不及时，不利于处理有争议或敏感问题
• 通过IM沟通：沟通方便，快速，畅所欲言，适合解决争议不大的问题，但是容易被忽略，复杂问题表达不清楚，容易误解
• 通过电话沟通：即时有效，沟通效率高，适合解决紧急但不太重要的问题，但是不利于传达微笑的情感，特别复杂的问题不容易说清楚
• 面对面沟通：拉近距离便于说明复杂问题，但是无记录成本略高，多人沟通时效率可能较低，陷入僵局回旋余地较小
• 会议沟通：集思广益、开阔思路，适用于跨部门、协同解决问题、头脑风暴，但是方法不当会导致效率极低

• 不同沟通方式的适用环境

项目中常见的沟通问题

• 敢怒不敢言
• 用批评代替赞扬和鼓励
• 单向沟通
• 思维方式、立场不一致导致的沟通障碍
• 性格差异导致的沟通障碍
• 沟通积极性差
• 这些问题在工作中都要尽量避免和解决

如何更好的沟通

• 放平心态
• 换位思考
• 积极主动
• 更多肯定，更少批评
• 真正认识沟通的意义

设计师的流程意识

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

• 设计流程

• 项目流程

完整的项目流程

小功能的项目流程

如果不遵守流程，会发生什么样的结果

• 需求不确定，反复更改
• 无具体排期，上线遥遥无期
• 没有预留走查时间，仓促上线
• 产品经理一人独大 ，项目失控
• 出现问题难以确定责任

一些需要注意的问题

• 关于需求变动：小的改动可以本期修改，但是要重新修改排期
• 关于排期：项目排期需要算上迭代、走查的时间
• 尽量多做可用性测试

设计师的流程意识：总的来说，设计师在项目中需要具备灵活性、主动性和专业性

12设计师为了什么而设计

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

设计师不是为自己设计，也不是为某些人设计，更不应该看重眼前的利益，设计师要做的是平衡商业价值与用户需求，通过自己的专业水平为公司、用户创造最大的价值

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

• 构建强大的自我
• 与产品 经理的制衡
• 与产品经理的合作
• 设计师具体应该如何做呢
• 识别需求的有效性
• 重塑需求
• 梳理结构流程&界面设计

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

• 用户体验设计师面临的挑战与机会：交互设计师首先要肯定自己的价值，然后努力去发挥自己的价值

• 用户体验设计的积累与突破：对用户体验设计充满激情，充满兴趣，有良好的素养，善于沟通，善于换位思考，具有良好的思维能力，并在工作中坚持不懈地思考、不断强化这种能力，不断积累，终有一天，会破茧成蝶

以上便是我做的读书笔记了，我觉得这本书很适合用来做产品经理的启蒙书籍，其中有自己的部分理解也写了进去，但是在专业部分则是没有加入自己的想法，就像书里最后结尾讲的，终有一天我们会破茧成蝶。