《破茧成蝶》读书笔记

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

01  什么是用户体验设计

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

02  了解用户体验设计师

03  设计师的职业困惑

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

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

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

1、产品定位

2、采集需求

3、分析和筛选需求

4、需求文档

需求文档需要不断的修正、迭代。

5、倾听用户的声音

倾听用户、拥抱用户、识别用户、平衡商业价值和用户需求

6、设计师的逆袭

通过扎实的基本功和良好的心态、积极的行为、我们完全有可能在逆境中调整自我，坚持不懈的通往成长之路

7、拒绝不靠谱的需求文档

8、如何“抄袭”竞品

在“抄袭”中寻求创新，功能方面可以去抄，设计方面绝不允许盲目“抄袭”，用心思考和设计。

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

1、在确定需求后，明确需要确定提供哪些信息（包括分类、组织、展现），并且设计相应的任

务。

2、在拿到需求后要进行信息的组织和任务的设定，不要想着走捷径，因为这样往往是在走弯

路。

3、信息分类：

（1）、逻辑分类

（2）、卡片分类：开放式会给用户足够的自由度来进行信息归类；封闭式更利于掌控，可用于

对信息设计的结果进行验证的阶段。

4、好的导航特点：

（1）、导航的自我解释；

（2）、深广度平衡；

（3）、用户所需信息与商业推广信息的平衡；

（4）、为重要功能和常用功能设置快捷入口；

5、确定任务

6、友好而易用的界面

7、捕获用户芳心

8、纸面原型的目的是为了沟通、测试，尽快的解决那些不确定的问题，将最初的需求一步一步变为现实。

07  设计标准——好的设计需要表达

1、什么是原形

2、标准原形的内容

3、线框图的绘制

（1）、明暗对比：通过色块的明暗对比，呈现界面元素的优先级（提前定义深浅的含义）；（2）、不使用截图与颜色：不要用竞品的截图，不要告诉它具体的元素；

（3）、合理的布局：尽量统一，不要出现2、3列混排的情况4、交互说明；

（4）、遵守栅格规范：保证交互稿中的字号、间距尽量符合视觉要求；

（5）、标记第一屏高度：超过40%的用户的屏幕高度紧握768像素，所以1024*768像素分辨

率下，第一屏高度的极限情况可定位570像素左右；

（6）、表达清楚UI逻辑：可以用表格表示出优先级、色调；

（7）、考虑视觉实现后的效果：比如图片只是占位符，但要考虑实际如果有图片，是否会让用

户产生视觉混乱；

（8）、了解视觉趋势：将新的视觉设计趋势融入产品。

4、交互说明

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

（2）、不遗漏特殊状态的描述：多考虑一些极端状态下的情况；

（3）、避免过长的说明；

（4）、避免流水账式的说明： ①流程图代替文字说明

                                                 ②用表格罗列各种状态  

                                                 ③巧妙组织文字说明（用if、else、case来说明）  

                                                 ④制作动态效果

（5）、关于重复出现的模块：当很多个页面里的某个模块多次重复出现，可以把它独立出来；

（6）、原型有修改，要更新交互说明，不能只口头通知；

5、设计规范

（1）、什么是设计规范：交互规范、色彩规范、logo规范、UI图标规范、控件规范…

（2）、没有设计规范容易出现的问题： ①会导致不同模块独立设计的风格不统一；

                                                               ②同类功能组件存在多个样式；

                                                               ③元素多样性（按钮高度、链接样式……）；

                                                               ④效率低下（相互扯皮）；

                                                               ⑤质量难把握。

（3）、规范性解决的问题：  ①形成鲜明的产品特征，增强用户黏度

                                               ②提高易用性（用户可以快速上手）

                                               ③满足团队协作需求

                                               ④其他（避免重复劳动、提高工作效率、降低培训……）

（4）、设计规范的分类：  ①产品战略级方向的规范（整个公司主打的设计方向、共识内容）

                                           ②单个项目中的设计规范

（5）、何时开始设计规范：项目完成后再设计规范

（场景：大型且重要的产品、可复用的产品结构多、时间多、品牌

风格已经确定、产品线日益丰富）

（6）、制定设计规范的原则：从大到小制定。

（7）、规范的执行及注意事项：从全局考虑，尽量执行规范，但局部可有特色处理。

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

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

2、不同的人不同的偏好：（1）开发人员关注技术上的可行性；

（2）运营人员希望有足够的推广空间；

（3）视觉设计师注重产品是否美观；

（4）产品经理希望节点前上线。

3、设计评审的目的：

4、评审前的准备：（1）事先考虑所有可能的方案；

（2）准备各种设计依据（支撑数据、竞品分析、用研结果、设计实施前制

定的目标）；

（3）做好会议邀请工作。

5、在评审中掌握主导权：（1）主导流程；

（2）控制话题（避免偏离主题的讨论和对某个细节的持久争论）；

（3）收集有价值的意见（客观的、明确的、可操作的意见）；

（4）评审后的分析与跟进。

6、界面中的视觉设计不是艺术作品，正确地理解信息和传达信息是最重要的事，忽略内容而关注形式是不可取的。

7、视觉稿和交互稿的理解要一致：视觉设计师注重美观性，而交互设计师注重逻辑性及对用户的引导作用。

8、拒绝毫无发挥的视觉设计：视觉稿需要发挥创造力，把页面设计的美观、更有氛围。

9、关注视觉层次是否清晰。

10、关注交互细节和状态标注：点中、划过、正常……这些情况下的细节，都要在视觉稿里呈现出来

11、在审美方面不要过分干涉。

12、开发阶段，设计师应该如何做：

（1）勤于沟通： ①设计阶段（了解是否有技术难点）；

                               ②完成后（当面沟通设计要点）；

                               ③开发阶段（持续跟进、解答问题）。

（2）统一的规范和标准：视觉稿上要注明具体尺寸；

（3）设计走查：交互动作、操作及反馈、交互控件的各种状态、文案……

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

1、可用性测试

2、设计任务需要注意：

（1）给出目标，不要直接给操作；

（2）尽量选择最重要的任务进行测试，一般30-50分钟，5-8个功能点；

（3）符合正常的操作流程。

3、测试用户的选择：

（1）选择有代表性的用户，不要选对产品过于熟悉的工作人员；

（2）用户数量：5名左右的人可以发现85%的问题。

4、测试过程的注意事项：

（1）切忌引导性过强：比如不要问“你是不是比较喜欢这个颜色的按钮”；

（2）操作行为永远是重点：减少语言对用户的干扰，鼓励他们“出生思维法”，要求用户在操

作时将完成任务时的思考、行为、感受都描述出来；

（3）不要忽视现场反应：咦、啊、天啊……等语气词；

（4）考虑使用场景：购彩网站“还有3分钟关闭，你会如何操作”，移动端需要考虑吵闹的公

车……；

（5）感谢被测者，给予一定报酬。

5、问题的分析与改进：

（1）问题频数；

（2）严重等级；

（3）优先级（问题频数*4/总参与人数+严重等级）；

（4）违反的可用性准则。

6、最小化运用可用性测试：资源有限，可以缩小可用性测试的范围，尽早发现问题是有利的。

7、A/B测试（定量分析）

（1）设定衡量标准：比如PV、UV、点击量、转化率、跳出率……；

（2）对同一个用户展示同一个方案；

（3）保证2个版本同时测试；

（4）单一变量：比如就按钮、文案、颜色、图片……不能同时改变多个；

（5）延伸——灰度发布：旧版本作为A，新版本作为B，部分升级。

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

（1）收集用户反馈：①有意见反馈；

                                     ②线客服；

                                     ③论坛；

                                     ④应用市场（appstore）

（2）分析用户反馈：过滤、归类，不是每个意见都一定全盘接受。

9、用数据检验产品目标。

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

10  设计师的自我修养

1、什么是好的设计师

（1）对设计充满激情和兴趣，有天分，思维活跃，有好的想法和时常记录自己的灵感。

（2）高度的概括，总结能力及抽象思维能力，可以迅速归纳出问题的本质，清晰的分析思路，合理的组织语言，正确的设计方向。

（3）执行力强，有好的想法，能坚持到底，不惧怕任何阻碍。

（4）情商高，思想成熟，高瞻远瞩，积极乐观，善于换位思考。

（5）超出预期，追求完美，关注细节，不满足于现状。

（6）有条理，对待工作认真负责，

（7）有上进心，自我学习和提高意识的能力极强。

（8）眼界开阔，知识面广，乐于分享。

2、什么是糟糕的设计师

（1）缺乏兴趣，不用心。做事情马马虎虎。

（2）心态不好，顽固任性。不解决办法，推卸责任，很难接受别人的意见。

（3）不合理安排时间，时间估算不准。不会恰当表现，过于被动。

（4）沟通及团队协作能力差，学习意愿不强，不够专业。

3、从哪几方面来提高

专业，沟通，流程。阅读书籍，良好的沟通，组织能力，要有很强的思维能力，以及掌握很多的设计技能，积累经验。想要变优秀，不要追逐“外功”，而是修炼好“内功”。内外兼修，方可成事。

4、学会思考 事半功倍

掌握了正确的思维方法和专业技能，工作中的很多难题便迎刃而解了。

5、如何在否定中积极成长

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

1、品牌有什么作用

2、提升品牌设计的一些规则

（1）保证关联性：保证设计的东西和产品是相关的。

（2）力求一致性：应用内一致，界面，图标、启动页、首页一致；配色一致；不同性质的元素要做出区分；不同页面的针对同一性质的操作，应保持一致性；平台内一致，同时和该平台其他产品通用规则尽量保持一致。平台间一致，内部产品一致。

（3）追求独特性：个性的标志，独特的风格，亮眼的细节。品牌无处不在。

3、设计师的沟通意识

（1）项目中常见的沟通方式与特点

（2）不同方式的试用环境

不同的沟通方式，各有各的特点，很难笼统的说哪个好，哪个不好。

（3）项目中常见的沟通问题

敢怒不敢言，用批评代替赞扬和鼓励，单向沟通，打断别人，思维方式，立场不一致，性格差异的不同，沟通积极性差。

（4）如何更好的沟通

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

4、设计师的流程意识

（1）设计流程

（2）项目流程

（3）小项目流程

（4）如果不遵守流程，会产生什么样的结果？

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

（5）一些需要注意的问题

关于需求变动，关于排期，关于设计，多做可用性测试，

12  设计师为了什么而设计

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

设计师不应该被用户牵着鼻子走，而是要学会引导用户，创造出超出用户期望的产品来。作为设计师，一定要铲除为自己设计的想法，记住，设计是为了解决用户的问题。设计师不是为自己设计，也不是为某些人设计，更不应该只看重眼前的利益。设计师要做的是平衡商业价值与用户需求，通过自己的专业水平，为公司，用户创造出更大的价值。

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

3、设计师具体应该怎么做？

（1）识别需求的有效性

（2）重塑需求

（3）梳理结构流程 设计界面

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

（1）用户体验设计师面临的挑战与机会

（2）用户体验设计师的积累与突破

设计师要做的是平衡商业价值与用户需求，通过自己的专业水平，为公司，用户创造出更大的价值。并在这个过程中，逐步提升自我价值。如果你掌握了前面的内容，并在工作中不断加以应用，不断总结积累，那么终有一天，你会破茧成蝶，实现用户体验设计师的价值。