破茧成蝶（读书笔记）

01 什么是用户体验设计

何为设计？

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

何为用户体验？

你在使用一个产品时的主观感受。

何为用户体验设计？

为提升用户在使用一个产品时的主观感受而做的设计。

用户体验设计的目标是什么？

首先：解决用户的某个实际问题。

        （明确设计目标。即要为什么样的人解决什么样的问题？如何解决？）

其次：让问题变得更容易解决。

        （尽量做到别让用户思考。【参考Don”t make me think】）

最后：给用户留下深刻的印象，让他在整个过程中产生美好的体验。

        （ 趣味横生。趣味性的设计让人难以忘怀，给人带来快乐。）

02 了解用户体验设计师

用户体验设计师的职位有哪些？

用户研究员：通过各种分析和研究了解用户特征、行为习惯等，为产品运营、推广、设计决策  

                  提供必要的方向和支持。

交互设计师：帮助用户高效的完成产品所设想的任务，同时让用户感到愉悦和不受打扰。

视觉设计师：重点指UI设计师。清晰领会交互设计师的意图，视觉设计上层次分明，给予用户清   

                  晰的引导，使用户快速的发现重要信息并顺利完成任务。

用户体验设计师有什么价值？

一、用户价值、商业价值。

      利用专业能力提升产品用户体验，从而获取更多用户，为企业创造更大的商业价值。

二、项目价值。

       1、通过专业能力节省其他环节时间（快速的判断设计方案的优劣，并得出可靠的设计方案，  

            减少修改和不必要的迭代）。

       2、跟进各个环节，保证产出物的质量（产品负责跟进各种功能、开发问题，精力有限，对细

            节关注较弱）。

       3、促进统一化及标准化，提升设计效率（设计师对行业中一些通用的原则和方法更为了解，

            更能沉淀出适合设计需要的设计规范和模板）

       4、促进项目流程更合理，更有规划（清晰的交互图和详尽的交互说明减少了团队成员的沟通

            和理解成本）。

       5、协助产品经理组织各个环节，有力的推动项目实施。

三、品牌价值。

       统一的设计理念及风格，能更好的增强公司的品牌识别。

一位优秀的用户体验设计师应具备怎样的习惯？

一、热爱生活，细心观察，勇于改变。

    （生活中糟糕的设计随处可见，只有去观察它、发现它，才 能避免它、解决它。）

二、了解人，观察人。

    （设计时为了解决“人”的问题，只有了解“人”的想法、行为、习惯等才能更好的服务于“人”。）

三、理性的思路。

    （出现问题—为什么样的人解决这个问题—如何解决—怎样更有趣味。清晰的思路让设计更有

      理有据，评审时减少了更多只关注表象的质疑。）

四、亲自使用，体验。

    （很多错误的设计之所以频繁出现，就在于设计者自己都很少使用，更谈不上发现问题。）

五、多听用户的反馈意见。

    （当一个人已经知道某件事时，很难想象出自己不知道会是一番什么样的情景。设计者对于产  

      品过于熟悉，很多东西早已习以为常，而用户却可能并不了解。）

六、留心好的设计，在此基础上做优化。

    （踩在巨人的肩膀上，才能看得更远。）

03 需求分析（需求分析—设计规划—设计实施—项目跟进—成果检验）

需求考虑角度：商业、用户、技术三个角度来平衡考虑。

交互设计师与产品经理合作完成需求分析的必要性？

产品经理的特征：重大方向、商业目标、功能业务。

不靠谱的产品经理：需求变动多、过于主观、过于关注细节、不能合理安排时间、不负责任、过

                           于强调自己的主导地位。

交互设计师特征：重逻辑、细节、情感、创意、界面等。

不靠谱的交互设计师：不懂得平衡商业利益和用户体验、定位局限（局限在专业范围内，没有考

                              虑业务线需要，缺乏产品意识）、抱怨多，建设性意见少、视野狭窄（只懂专

                              业知识，难以和其他角色沟通）、专业技能不佳。

产品经理 + 交互设计师：平衡商业价值与用户需求，保证最后设计不会过度偏离产品方向。

什么是产品定位（需求分析的前奏）？

产品定位是关于产品的目标、范围、特征等约束条件。是产品设计的方向，也是需求文档和设计产出的标准。此外，产品定位也使团队成员形成统一的目标和对产品的认识，使团队更有凝聚力，使沟通效率、工作效率的东大大提升。

产品定位 = 产品定义 + 用户需求

产品定义：使用人群、主要功能、产品特色。

用户需求：目标用户、使用场景、用户目标

主要功能、产品特色、目标用户是产品定位的核心，是产品的主要方向和依据。

产品定位确立过程？（需求的获取过程）

第一步：确定产品定义

            用一句话能概括（如：一款专为摄影初学者提供的简单易用的修图软件）

第二步：整理用户需求（一个放的过程）

            解决“谁”在“什么环境下”想要“解决什么问题”

第三步：选择目标用户

            权衡用户对公司的价值（商业价值）和潜在需求量，明确产品的目标用户

第四步：确定产品定位并据此筛选需求（一个收的过程）

            第三步目标用户确定后，产品定位（目标用户、主要功能、产品特色）确立。这样就可以 

            根据产品定位筛出匹配的使用场景和用户目标，从而得出相匹配的关键词（产品需求）。

需求的来源？

一、用户调研。

    （通过问卷调查、用户访谈、信息采集等手段挖掘需求的方式。想要真正了解用

      户需求，需要尽量走到用户中去深入了解目标用户真实使用情境下的感受、痛点、期望）

二、竞品分析。

    （找有代表性的同类竞品，对比产品间的优劣，从而发现产品的突破口。研究别人怎么拟定产

      品战略、方向的，怎么做产品体验的，怎么处理逻辑、界面层级、界面细节的等等。）

三、用户反馈。

    （适用于测试阶段或正式发布后。了解用户使用中存在的问题。）

四、产品数据。

    （适用于产品上线后。需要预先埋点，也可以参考一些公共调研机构出具的数据分析报告。）

如何分析与筛选需求？

第一步：筛掉明显不合理的需求。（目前不能实现／价值不大／无适合场景。）

第二步：挖掘用户目标。（用户的真正需要的是什么？我们如何给予满足？）

第三步：匹配产品定位。（目标用户／主要功能／产品特色。）

第四步：考虑项目资源、定义优先级。（与产品定位贴合度／实现成本／商业价值／用户价 

            值。）

需求文档的构成？

一、文档修改与审核记录。（版本／修改日期／修改人员／修改内容提要／审核人。）

二、目录。

三、背景。（为什么做这个产品／模块、市场行情、业务目标、产品定位等。）

四、用户类型和特征。（简单描述目标用户情况和现有使用人群情况。）

五、项目时间安排。（何时启动、何时完成。）

六、信息结构。（如个人中心包括首页、收藏、历史、积分等内容信息。）

七、整体业务流程说明。（如一个广告投放系统，当广告排期被占用时，用户可否接受相关位

      置？如不接受，该如何？）

八、需求详细说明。（场景说明、UI描述、功能描述、优先级、输入／前置条件、处理流程、输

      出／后置条件／补充说明。）

需求文档的必要性？（拒绝不靠谱的需求文档）

一、有效的帮助产品经理理清产品的功能、内容、业务逻辑等整体信息，避免过早陷入细节。

二、规范了项目的方向，避免后期实现时越跑越偏，且有利于项目的持续发展。

三、方便团队成员之间的沟通，帮助其他项目成员有针对性的提出问题，提升工作效率。

四、促进了产品经理自身能力、专业性的提升。

设计师面对不同需求文档时的分析过程？

理想合格：产品定位（目标用户、功能范围、产品特色）—需求采集（用户调研、竞品分析、用

               户反馈、产品数据）—需求文档（功能、内容、优先级）

现实情况：需求文档（领导要求、看精品、拍脑门）—设计目标（用户调研、竞品分析、用户反

               馈、产品数据）—设计需求（功能、内容、优先级）

“抄袭”竞品：竞品界面（界面样式、操作路径、任务流程、用户需求）—设计目标（用户调研、

                竞品分析、用户反馈、产品数据）—设计需求（功能、内容、优先级）

用户反馈可能存在的风险？（拥抱用户但别被用户牵着鼻子走）

一、用户所说不一定是心中所想。

    （人是复杂的生物，思考和决策会受到多种因素影响，如跟风、他人期望或当时环境等。）

二、用户没有表达出自己的真实需求。

    （人们所说的一般只是表面想法，不一定代表内心真实诉求。如用户所说的想吃馒头，也许只

      是因为他饿了。）

三、该用户不是你的目标用户。非目标用户意见参考价值不大。

四、用户意见不一定专业。可能过于主观，没有缜密思考或者根本不合理。

如何正确的筛选用户反馈？

一、根据目标用户考虑。（提意见的是你的目标用户么？）

二、根据使用场景考虑。（用户提出该问题所发生的环境是否合乎实际使用环境。）

三、根据用户目标【真实需求】考虑。（用户真的表达出了自己的真实需求了么？）

四、根据产品定位考虑。（用户提出要求符合产品定位么？）

五、根据项目资源考虑。（用户所提需求需多少开发资源？价值多大？需要立即开发么？）

04 设计规划（需求分析—设计规划—设计实施—项目跟进—成果检验）

信息组织与任务设定—将界面设计得友好易用—捕获用户芳心—快速表达想法

信息的分类

逻辑归类：使用人们在生活中熟悉的分类逻辑对内容进行组织。

卡片分类：邀请用户“把类似的东西放在一起”。

卡片分类

开放式：给用户足够的自由度来进行信息归类。

            优点：足够的发挥空间，会得出更加丰富的分类结果。

            缺点：面对内容复杂，信息庞大的网站，会使结果变得不可控。

封闭式：设计师首先将导航的架构设计好，确定出导航的个数和名称。再将属于这些类目的卡片

            发给用户，让其安各自的期望归类在相应类目下。

            优点：更利于掌控，可用于对信息设计的结果进行验证阶段。

信息的组织（怎样更好的将分类好的信息以导航的形式展现出来？）

一、让导航具备自我解释。

    （虚拟的互联网世界没有现实世界明显的方向感，不明确的导航和位置信息可能导致用户迷失

      方向。合格的导航需要为用户解释“从哪里来？” “正在哪里？” “到哪里去？”）

二、深广度平衡。

     （导航信息组织中，层级的类目称为导航的深度，每一层包含的菜单项称为导航的广度。过深

       的层级令用户迷失方向【每多一次点击操作，就会流失掉一批用户】；广度导航有利于用户

       发现信息，然超过用户可接受范围【一般不超过7个】，会增大用户选择负担）

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

       1、根据用户需求适量进行商业推广，如：亚马逊；

       2、不影响用户需求的情况下进行推广，如：韩国电子商务网站乐天。

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

    （对于用户需要能方便的找到它，网站也希望用户能随时看到它的功能设置快捷入口。但切莫

      将快捷入口设置过多，会使产品逻辑变得混乱，用户也会感到迷茫。）

如何设定任务流程？（设定任务—突出任务—引导用户完成任务）

一、先确定主线【主行为流】。

    （就是将杂乱无章的功能点根据用户的期望及目标以正确的次序组织起来，告诉用户先做什

      么，再做什么。如在线购买电影票这个功能的主行为流：选择影片 —选择电影院—选择观影

      时间—选择座位—输入接受电子票手机号—确认订单）

二、根据需要看是否设计支线【次要行为流】。

    （看次要行为流是否对用户完成主要行为流有必要的帮助。）

如何突出任务？（设定任务—突出任务—引导用户完成任务）

一、分解用户任务。

    （从用户行为出发，详细描述用户的使用过程，将用户任务分解成具体的行为操作：将主行为

      流支点上的主要任务伴随的子任务分解出来。如：选择影片下的子任务有浏览影片列表、浏

      览票房排行等。）

二、排列任务优先级。

    （通过使用人数、使用频率和重要程度【用户目标和商业目标的影响大小】对分解出的子任务

      排列优先级。）

三、组织合并相关任务。

    （操作、形式上类似的用同种界面展示模块展示。以此方式，将子任务组织成不同的模块。）

如何引导用户完成任务？（设定任务—突出任务—引导用户完成任务）

相似性引导：通过大小、色彩、形态、视觉元素等相似因素牵引用户视觉，引导其操作。

方向性引导：操作步骤较多的任务，可以利用具有指向性的箭头，进行方向引导。

运动元素引导：如淘宝上选定产品加入购物车时，产品图片缩小“飞”向购物车。

向导控件：类似面包屑。

如何将页面设计得友好而易用？

一、简化复杂的操作

    1、减少冗余步骤和干扰项。选项越多、步骤越长，耗费的注意力和理解力就越多，决策时间

        就越长。

    2、将复杂操作转移给系统。每一个过程都有其固有的复杂性，超过这个临界点就无法再简化

        了。只能将固有的复杂性从一个地方转移到另一个地方。

    3、简化操作方式。如：Mac OS的应用程序安装。

    4、优化操作过程。提供合适的首选项、适时的帮助、合理的默认值，帮助用户降低出错率，

         更快速、顺畅的完成任务。

二、合理安排页面信息

    1、让页面层次不言而喻。将大段的信息分解成易于理解的信息模块，并为模块排定

        优先级，再根据用户浏览习惯，将不同优先级信息放置在不同位置。

        如何突出息模块间的逻辑关系：

        逻辑上相关的视觉上分为一组（接近原则）、 容或重要程度不同的视觉上体现

        出差异（差异原则）、逻辑上包含关系的视觉上嵌套。

    2、让重要的信息“跳”出来。如：字体加粗、色彩对比、留白等强调重要元素。

    3、让次要的信息“藏”起来。隐藏策略让重点更突出，减少信息干扰和跳转，满足用户快捷操 

         作的需求。

三、适时感性的界面

    1、以人为本的界面设计。首先了解用户有什么样的需求；其次保证界面逻辑不是错误的，可

        以让用户完成任务；最后力求设计形式符合用户心理模型（人性化）

    2、帮助用户找到想要的东西。（信息组织与分类的目的）让有明确目标的用户，快速找到所

         需信息；不确定目标的用户，通过浏览和寻找，明确自己的需要，最终找到信息；没有目标

         的用户，搜索中激发需求。

    3、吸引无目标用户。创造氛围，让设计贴心、友好、趣味。

    4、符合心理模型。交互上平衡好用户情感与界面逻辑的关系，避免体验过于枯燥。

如何捕获用户的芳心？

一、来自真实世界的灵感   

   1、拟物化的视觉：拟物并非百分之百还原真实世界的质感，而是抽象出物体中最有特征的部

        分，将繁复的视觉元素以简约的形式呈现出来（拟物与扁平并不对立）

   2、隐喻化的操作：当应用中的可视化对象和操作与现实世界的对象和操作类似时， 用户会快

        速领会如何使用它。

二、贴心的设计

   1、可控的感受。（未知和不可控令人不安，人们对外部世界的控制感能带来积极的情感体验，

        进而更加愿意接受挑战和尝试新事物。）

   2、积极的反馈。（人们在表达后总是希望得到积极的反馈。积极的反馈能够增强用户的信心， 

        提升用户的愉悦感。）

   3、贴心的提醒。（在使用产品时，用户难免有所遗忘或疏忽，贴心的提醒能提升用户  对产品

        的好感度。）

三、调动用户的情感

   1、互动的乐趣。（人是社会化动物，在意情感的双向表达。灵动的交互动画，操作后的反馈效

        果，像对话一样亲切的文案，都能让用户感受到自己被系统感知，满足用户的参与感和被尊  

        重感。）

   2、惊喜的力量。（惊喜令人开心，因为其超出预期。有趣的彩蛋在不打扰用户的情况下给人带

        来乐趣。）

   3、情境的烘托。（为产品设计一个故事情节，通过视觉、动画和音效的烘托，把用户带入情境

        中，调动其情感。）

快速的表达想法（纸面原型图）？

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

优点：纸面原型图更具可塑性，可快速修改和重建，帮助设计师探索尽可能多的想法和否定不靠

         谱的想法，及时与项目相关人员沟通，并快速收集到反馈，验证设计的可行性。

内容：纸面原型图更多的是关注框架、流程、基本功能和内容，可忽略细节。

05 设计标准（需求分析—设计规划—设计实施—项目跟进—成果检验）

什么是原型图？

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

为什么要制作原型图？

一、再好的设计想法，如果没有清晰、标准的表达，效果也会大打折扣。

二、它是项目开发的标准和依据。

原型图的分类？

低保真原型：与最终产品不太相似的原型。可以是纸面原型（多使用于设计规划阶段，迅速、直

                  接、成本低），也可以是软件绘制的线框图。

高保真原型：在外观、操作上与最终产品基本一致，相当于一个高级模型，更适合做展示用，但

                  不等同于真实产品。

原型图包含什么内容？

一、简要说明与信息架构。

     1、变更日志：包含日期、变更内容、变更原因、备注等。

     2、版本说明：和更新日志类似，区别在于是以版本号为单位，适合快速迭代、周期相对稳定

          的产品。包含版本号、日期、更改内容。

     3、信息结构：产品内容有什么？它们如何组织？页面层级如何布局等。

二、任务流程与页面流程。

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

     2、页面流程：比任务流程更清晰具体。可以看到具体页面、用户操作、跳转过程。

三、线框图和交互说明。

   （线框图代表静态部分，交互说明代表动态部分。）

交互说明包含类型？

一、限制。

     1、范围值：主要指数据的取值范围。如：下拉菜单的取值范围。

     2、极限值：主要指数据的显示限制。如：最多显示多少字数，超出时如何显示等。

二、状态。

     1、默认状态：主要指默认显示的文字、数据、选项等。否则开发人员可能难以意识到这是用

         户填完数据的效果还是默认状态。

     2、常见状态：主要指某一模块经常遇到的状态。如：登陆状态、未登录状态。

     3、特殊状态：非正常情况下的样式、文案、说明等。如：加载失败、无内容显示。

三、操作。

     1、常见操作：正常操作时得到的反馈状态。如：一个普通的翻页控件，在普通、聚焦、鼠标

         悬停、点击（初始）下存在不同状态。

     2、特殊操作：极端情况下的操作。

     3、误操作：用户操作错误时的情况。如：购物车中提示“库存5件”，用户在数量中输入了“6”，

          这时系统如何反馈。

     4、手势操作：用户使用移动产品时的操作方式。常见的有：点击、双击、长按、捏、伸、滑

          动等。

四、反馈。

     1、提示：操作后，系统反馈给用户的文字说明。如：密码输入错误。

     2、跳转：点击某个链接后，页面跳转到哪里，是“原页面刷新”还是“新页面打开”。

     3、动画：操作后，系统通过动画方式反馈给用户。设计师需要描述清楚动画的形式，必要时

          需要制作出动画进行演示。

为什么要写交互说明？

有助于理解界面的操作行为及逻辑。

写交互说明需要注意些什么？

一、尽量使用真实、符合逻辑的数据内容，否则会给开发人员带来很多不必要的困扰。

二、不遗漏特殊状态的描述。

三、避免过长的说明。

四、避免流水账的说明。

      1、用流程图代替说明。如：收藏时，未登录时如何展示？已登陆时如何展示？

      2、用表格罗列各种状态。如：商品信息正常、缺货时以表格的形式把不同状态罗列出来。

      3、巧妙组织文字说明。

      4、制作动态效果。

五、关于重复出现的模块。

   （相同模块独立出来，写一份交互说明。复用时在需使用的位置以留空的方式展现该模块。）

六、原型图如有修改，不要只是口头沟通，需要更新交互说明告知大家。

制作原型图时需要注意些什么？

一、通过明暗对比表达。

    （能更直观的体现出优先级。）

二、不使用截图与颜色。

    （对视觉设计师有干扰。）

三、合理布局。

    （力求结构简单、视觉清晰。）

四、遵守删格规范。

    （一种平面设计方法与风格。运用固定的格子设计版面布局，其风格工整简单，是许多大型网

      站常用方法。）

五、标记第一屏高度。

    （重要内容及操作一定要在第一屏完全显示，否则影响转化率。）

六、表达清楚UI逻辑。

    （不同重要程度的为一个模块，使用不同显示样式。）

七、考虑视觉实现后的效果。

八、了解视觉趋势。

    （审美上与视觉相对统一，方便沟通协作。）

什么是设计规范？

设计规范是对设计的具体细节、技术要求，是设计工作的规则和界限，是一种模块化应用方法。

设计规范分类？

纵向考虑：交互和视觉规范。

横向考虑：产品战略级方向的大规范（如：VI）和单个项目中的设计规范（如：门户类、社交

               类、游戏类等）。

设计规范原则？

一、内容简单易懂、调理清晰。

二、交互规范一般先于设计规范。

三、遵循从大到小的原则。

设计规范有什么用？

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

二、提高易用性。

   （相同功能、组件，相似处理方式。减少用户不必要思考与适应时间。）

三、满足团队协作需要。

   （沉淀设计思路，方便人员更替。）

四、其他。

   （如避免重复劳作、提高工作效率、提升设计质量、降低培训和支持成本、减少团队成员犯错

      几率等。）

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

一、不同频道／模块的独立设计。

    （不同设计师负责不同模块，由于风格、水平的不同，造成每部分做出的效果不同，设计结果

      严重不统一。）

二、同类功能组件存在的多样性。

   （同样的功能没必要每次重复设计。由于设计效果的不同，结果是既费时又影响用户的操作体

     验。）

三、同类元素多样性。

   （同一个项目不能保证长期由同一个设计师跟进。也就难以保证同类元素之间样式使用的统

     一。）

四、设计效率低下。

   （没有统一的标准，大家各执一词，争执不休。）

五、设计质量难以把控。

   （设计师水平参差不齐，每个人都按自己的想法来，设计结果难以把控。而设计规范凝聚了大

     家的智慧，每次迭代都代表了最新、最合理的标准。）

什么情况下需要设计规范？

一、大型且重要的产品。

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

三、项目人手充足，时间充裕。

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

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

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

设计规范会影响设计发挥么？

不会。规范主要从全局考虑，因此，我们在实际操作中，可以在大统一的基础上做局部特色处理。我们更需要培养的是设计师的规范意识，而不是过于教条。且规范不是一成不变的，在得到充分合理的优化理由后，设计师可对其进行优化更新。

06 项目跟进（需求分析—设计规划—设计实施—项目跟进—成果检验）

设计评审的目的是什么？

一、检验设计目标。

   （设计方案是否达成了最初确定的目标【产品定位或设计目标】？）

二、发现问题。

   （设计是否还存在缺陷？技术是否可行？有无其它风险点？）

三、达成共识。

   （让项目成员达成共识，顺利的为下一个流程分配任务。同时让相关人员熟悉整个设计，确保

     大家的理解与设计稿的表达一致。）

评审前要做哪些准备？

一、事先考虑所有的方案。

   （既避免了错过更优方案，在评审时被问到“这里为什么不设计成那样？”时，又能从容应对，把

     之前考虑过的另一方案存在的问题一一列举出来。）

二、准备各种设计依据。

   （在评审前将用户调研的结果、支撑的数据、竞品分析、设计实施前制定的目标等都准备充

     分，并在评审时阐述清楚。）

三、做好会议邀请。

   （评审前尽量私下一对一的与有话语权的沟通并达成一致，而不是把所有问题都抛到会议上解 

     决。撰写一封正式的邀请邮件，附上设计稿病告知会议时间、地点，简单的阐述设计理念、曹

     靠数据和资料等。并提醒大家提前熟悉方案，想好问题，以便在会议上讨论。提前告知设定好

     的每个环节的时间，一旦超出时间未解决的问题，记录下来，会后解决。）

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

一、主导流程。

    1、明确设计方向。（明确产品定位或设计目标。）

    2、阐述设计分析。（将评审前准备的用研结果、支撑数据、竞品分析等资料展示给大家。）

    3、展示设计方案。（如果评审人员对方案意见较多，设计师应该追根朔源，找到大家不认同

         方案的原因。如果方案得到了大家的认同，设计师可以引导开发人员对可行性和风险点进行

         讨论，为下一轮环节做准备。）

    4、提升效率，控制话题。（偏离主题的讨论和对某个细节的持久争论是会议效率的两大杀

         手。设计评审只需要在设计方向和大的功能点上达成一致，对于细节应该求同存异。）

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

   （模糊的表达不会对设计改进有任何指导性意义，应该收集那些客观、明确、可操作的反馈意

     见。）

评审后的分析与改进？

把收集到的反馈意见进行总结整理，对于没有达成一致的细节，继续完善细化。

如何评审视觉稿？

一、对交互稿的理解是否正确。（视觉、逻辑和用户引导的平衡。）

二、拒绝毫无发挥的视觉稿。

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

四、关注交互细节和状态标注。

五、在审美方面不要过度干涉。（如果在审美方面对视觉过度加入主观感受，一方面令所有项目

     成员难以达成一致【每个人都将自己的喜好强加于视觉稿】。另一方面影响设计师发挥。）

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

一、勤于沟通。

    （设计阶段了解是否有技术难点；设计完成后，当面沟通设计要点；开发界面持续跟进，解答

      问题。）

二、统一范围和标准。

    （对设计稿进行标注和规范整理。）

三、设计走查。

    （产品上线前，交互设计师需要对测试环境下的产品Demo进行交互走查，如： 交互动作、操

      作及反馈、交互空间的各种状态、极端、极限和出错的情况、默认值是否正确、 第一屏高

      度、悬停状态、文案等。视觉设计师也要对视觉样式、色差、尺寸间距、图片质量、是否符

      合删格化进行走查。）

07 成果检验（需求分析—设计规划—设计实施—项目跟进—成果检验）

产品上线前如何检验成果？

可用性测试（定性分析）和A/B测试（定量分析）。

可用性测试可以直接观察到用户实际使用情况。并通过访谈得到用户的真实想法。而A/B测试可以帮助我们了解到一些关键的数据指标，对检验产品是否达到商业目标有很大帮助。

什么是可用性测试？

就是通过观察用户使用产品，发现产品中存在的问题的一种方法。选择有代表性的真实用户，仔细观察他们对于典型任务的操作情况，记录下发现的问题。测试完成后对问题进行分析归类，找到最严重的问题进行优化，从而提升产品操作体验。

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

一、给出使用目标，而不是直接的操作。

    （如：测试一个收藏文章的功能是否易用，应避免“请你找到喜欢的文章，点击收藏按钮”这样

      有引导性的任务，而是说“有篇文章你很喜欢，以后还想再找到它，你会怎么做？”）

二、尽量选择最重要，最频繁的任务进行测试。

    （过程尽量控制在1个小时以内，测试任务时间为30～50分钟，选择5～8个功能点进行测

      试。）

三、测试任务的顺序符合正常的操作流程。

测试用户怎么选择？

一、选择有代表性的用户。

    （选择目标用户。切莫选择同部门、同产品线上的同事。对产品过于熟悉和站在网站工作人员

      立场都会影响测试结果的准确性。）

二、用户数量控制。

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

测试过程应该注意些什么？

一、切莫引导性过强。

二、操作行为永远是重点。（操作行为是最直接、具体和客观的用户反馈。用户的语言可能带有 

      欺骗性，他们可能会揣测测试员的喜好而给出他们期望的答案，但真实的行为不会骗人。）

三、不要忽视现场反应。（除了直接观察行为以外，现场的一些细微反应也值得关注，比如表 

      情、操作过程中发出的声音和下意识的动作。）

四、考虑使用场景。

五、感谢被测者，并给予一定的酬劳。

测试之后问题的分析与改进？

按问题频数（出现该问题的参与者数目）、严重等级（此问题对任务完成的影响程度）、优先级（【（问题频数*4）／参与人数】+严重等级）以及违反的可用性测试（如易学性、一致性、易于辨识等）进行整理排序并优先解决严重且紧急的问题。

如何灵活应用可用性测试？

设计初期通过对纸面原型、低保真原型图的测试，发现操作流程上的问题；设计完善时，使用高保真原型或内测发现细节层面的问题。

什么是A/B测试？

顾名思义就是A方案和B方案的比较。为同一目标设计两种方案，一部分用户使用A方案，一部分用户使用B方案，通过对比用户的使用情况，衡量哪个方案更优。

A/B测试应注意些什么？

一、设定衡量标准。

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

      为衡量标准。）

二、对同一用户呈现相同的页面。

    （保证用户同一时间内看到的是同一版本，可以根据用户Cookie来确保他每次看到的时同一版

      本。）

三、保证两个版本同时测试。

    （避免环境变量带来的变数。）

四、单一变量。

    （除了测试部分，其余信息与展示保持一致，避免信息不对等带来的变数）

关于A/B测试的延伸—灰度发布？

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