《破茧成蝶》用户体验设计师干货总结22点，本书共有三篇十二节，共74个知识点，441页，我将一些工作中常用到的重点内容进行归纳。方便以后快速查找和回忆。

　　为保持连贯性，通篇以文字为主，真的比较“干”货哦～

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

　　用户体验设计师首先是要解决用户的某个实际问题，其次是让问题变得更容易解决，最后是给用户留下深刻的印象，让他在整个过程中产生美好的体验。

　　用户体验设计首先是理性的，其次才是感性的。

　　1.用户体验设计的特征：

　　严谨、理性、创意。

　　提供特定问题的解决方案。 (这次设计的目标是什么?要为什么样的人解决什么样的问题?如何解决?)

　　不让用户思考。

　　趣味横生。

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

　　了解人，观察人。

　　理性的思路。

　　亲自使用，体验。

　　多听用户的反馈意见。

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

　　2.用户体验相关职位有哪些：

　　交互设计师工种： 通过分析用户心理模型、设计任务流程、运用交互知识，把业务逻辑以用户能理解的方式表达给用户，最终实现产品战略的过程。

　　产出物：竞品分析文档、用户反馈整理、流程图、设计草图、设计原型。

　　视觉设计师： 平面设计师(很好的传达思想，较强感染力，艺术，创意)、原画设计师(要求设计者很强的手绘，充满艺术表现)、推广设计师(突出重点，快速抓住眼球，内容直观)、界面设计师(ui设计师 具备交互知识也有良好的审美感觉，引导用户操作，让用户感到美感)等。

　　产出物：有时交互设计师的事一起做。

　　用户研究员：研究用户的人 用研 研究了解用户特征，行为习惯为产品、运营、推广、设计决策提供必要方向和支持。

　　产出物：市场分析、竞品分析、创建人物角色、问卷调查、焦点小组、用户访谈、可用性测试，各种类型用研报告。工作涉及市场、产品、运营、推广、设计等方面。

　　常面临问题：研究周期过长，赶不上进度。太过偏重研究过程和数据结果，易读性差。和产品联系不够紧密。

　　3.侧重考查设计师的哪些方面：

　　对用户体验具备浓厚的兴趣。

　　具备良好的素养。

　　具备强大的思维能力。

　　掌握专业技能。

　　在面试时，兴趣、素养(包括性格、个人修养、沟通能力等)、思维、技能(专业能力、项目经验等)是考察应聘者的主要方面。

　　那么设计师具体该如何做?如可掌握主动权?如何主导项目回归正确的设计流程呢?

　　主动出击，主动和产品经理沟通和交流，让他意识到你对产品的热爱、对工作的主动。

　　搬到产品经理旁边去吧。及时关注产品经理的动态，及时和他探讨。

　　你应该了解以下工作的具体细节：

　　产品经理重大方向、商业目标、功能业务等;

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

　　4.产品定位的内容：

　　例：专为摄影初学者使用的简单易用的修图软件。

　　使用人群：摄影初学者

　　主要功能：修图

　　产品特色：简单易用

　　产品定义的作用：迫使产品经理努力去思考产品的方向和机会，在激烈的竞争中杀出一条血路;其次产品定义为产品限定了大致范围，让团队成员不至于在千头万绪中感到无从下手、难以取舍;最后产品定义使团队成员的凝聚力更强、思想更统一，而不是各自为政。

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

　　文档修改与审核记录。

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

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

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

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

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

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

　　6.如何搞定信息分类：

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

　　卡片分类：可以设计出符合用户心智模型的信息架构。(邀请用户把类似的东西放在一起)在产品设计初期，可知道用户对网站内容的期望，为信息架构搭建提供依据。

　　开放式：给用户足够自由度来进行信息归类。不适用内容复杂、信息量庞大的网站。不可控。

　　封闭式：利于掌控。

　　数据分析软件(IBM、EZSort、Cardzort、Websort)

　　7.好的导航设计：

　　导航的自我解释。

　　iPhone家的官网导航，左上方的网站logo告诉用户正在访问iPhone家的服务，无论什么时候点这里都能回到首页，右边的mac字体成浅灰色显示，与其他同级元素有差别，下方icon形象显示mac的产品，告诉用户整个页面信息都是属于这个分类下，banner右下方显示新款按钮。清楚的解释了“我从哪里来?”、“我现在在哪里?”、“我能去哪里?”

　　深广度平衡。

　　相较于鼠标不停的点击，眼睛在页面上扫视的成本要低很多，比起深层次的导航结构，广度导航更利于用户发现信息。但广度超出用户接受范围人们要阅读很多选项才能选择，如vivo家的导航广度平衡，但哇点的就有些多。

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

　　智联的推广信息就特别多了 用户有时候都在网站上找不到输入框。

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

　　淘宝的购物车设置的快捷入口。

　　8.如何突出主要任务?

　　分解用户任务：首先要明确用户使用web产品时，要完成的任务有哪些，并详尽地分解出这些任务;

　　排列任务优先级：子任务所对应功能的优先级进行排列。

　　组织合并相关任务：需要将这些任务按一定的意义组织起来，便于用户理解和使用。

　　图一购票任务分解：选影片、电影院、观影时间、座位、输入手机号、确认订单。

　　图二任务优先级：浏览影片详情、评论详情，观看地预告片优先级最低

　　图三组织任务：将内容组织后得到8个视图界面：浏览影片列表、票房排行，优惠推荐、影片简介，详情、观看预告片、选区域，影院，日期，场次、选座、输入手机号、确认购票。我们图五可按优先级分成三个页面，列表页、详情页、选座页。

　　9.如何引导用户完成任务：

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

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

　　运动元素引导。加入购物袋利用运动元素引导用户去购物车结算，垃圾桶盖揭起引导用户点击删除。

　　向导控件。

　　10.如何简化复杂的操作?

　　减少冗余步骤和干扰项。

　　将复杂操作转移给系统。

　　简化操作方式。

　　优化操作过程。

　　闹钟的设置，直接在界面上上下滑动选择，减少跳转页面与输入步骤 界面大量留白 减少干扰项。

　　qq邮箱的邮箱号可在输入一次后自动存储。将复杂的操作转移给系统处理。

　　Pages的内容选择后可右键弹出用百度搜索，不用再复制粘贴打开浏览器，简化操作方式。

　　百度的注册，清晰准确的提醒、合适的选项、适时的帮助、合理的默认值，可帮助用户降低出错率。

　　11.信息量太大，页面怎么摆?

　　让页面层次不言而喻;(分解-排列-组织)

　　让重点信息跳出来;

　　将次要信息藏起来;

　　网易的模块与模块，段落与段落，标题与正文之间划分高度，使整个页面之间层更架清晰，合理。

　　qq的邮箱界而，对用户来说，未读邮件是需要被首先看到的，所以字体加粗显示，而己读的弱化显示，采用了较弱的黑灰色。

　　ui中国将次要信息放在更多的下拉列表隐藏起来。减少了复杂信息对用户的干扰。

　　12.捕获用户的芳心：

　　拟物化的视觉;

　　隐喻化操作;

　　可控的感受;

　　积极的反馈;

　　贴心的提醒;

　　互动的乐趣;

　　惊喜的力量;

　　情境的烘托。

　　13.标准原型应该包含什么内容：

　　简要说明与信息结构;

　　任务流程与页面流程;

　　线框图&交互说明;

　　交互说明有以下几种类型：

　　限制：包含范围值、极限值等。范围值主要指数据的取值范围。极限值主要指数据的显示限制。

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

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

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

　　14.线框图绘制心得：

　　通过明暗对比表达;

　　不使用截图和颜色;

　　合理的布局;

　　遵守栅格规范;

　　标记第一屏高度;

　　表达清楚ui逻辑;

　　考虑视觉实现后的效果;

　　了解视觉趋势。

　　15.写交互说明的决窍：

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

　　不遗漏特殊状态的描述;

　　避免过长的说明;

　　关于重复出现的模块，可独立出来取个名字。

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

　　16.关于设计规范。(规范不是随产品的形成而形成的，而是在产品逐渐成熟、发展的过程中慢慢建立起来的。)

　　Q: 什么是设计规范?

　　A: 设计规范是对设计的具体细节、技术要求，是设计工作的规则和界限，是一种模板化应用的方法……(包含交互规范、色彩规范、logo规范、ui图标规范、控件规范……)

　　Q: 没有规范会出现什么问题?

　　A: 产品小时并不太容易出现问题，但产品规模不断扩大时，需要越来越多的设计师，问题就产生了：

　　不同频道模块独立设计;

　　同类功能组件存在多种样式;

　　同类元素多样性;

　　设计效率低下;

　　设计质量难以把控。

　　Q: 规范解决了什么问题?

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

　　提高易用性。

　　满足团队协作需求。

　　17.设计评审的目的：

　　检验目标 ：在项目初期的需求分析阶段，产品人员和设计人员就已经一起分析出了产品定位或设计目标。

　　发现问题：设计评审集中了项目且中的各个角色，可以及时发现问题与风险。

　　达成共识：设设评审需要让项目成员达成共识，这样才能顺利进入下一个环节，为下一个流程分配任务。

　　18.评审前的充足准备：

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

　　准备各种设计依据。(用户调研结果、支撑数据、竞品分析、设计实施前制定的目标)

　　做好会议邀请工作。(真正开始会议前，要昼保证设计方案已经通过产品经理及最主要的项目成员认可，至少要保证大方向是对的。正式的邀请邮件。告知会议时间、地点、陈述自己设计理念、参考哪些数据资料、设定每个环节时间。)

　　19.如何审核视觉稿?

　　对交互稿理解是否正确;

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

　　关注视觉层次是否清晰;

　　关注交互细节和状态标;

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

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

　　勤于沟通;(设计阶段，了解是否会有技术难点，设计完成后，当面沟通设计要点，开发阶段，持续跟进、解答问题。)

　　统一的规范和标准;(进行标和规范整理，与前端彩用相同规范和标准，如行高是文字高度+上下空隙高度。)

　　设计走查;(在前端和后台开发完成后，确认环节是必不可少的，不经过确认和走查就上线的产品，可能会在细节上存在疏漏)

　　21.什么是可用性测试?(定性分析)

　　简单地说，就是通过观察用户使用产品，发现产品中存在的问题的一种方法。

　　可用性测试流程：设计任务——招募用户——进行测试——分析问题

　　设计测试任务该注意什么?

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

　　尽量选择最重要、最频繁的任务进行测试;(时间控制在1小时内，5～8个功能点，简易可用性测试时间更短)

　　符合正常的操作流程。

　　测试用户的选择：

　　选择有代表性的用户;

　　用户数量的选择;(有调查表明，5名左右用户可以发现大约85%问题，随着用户数量增多，发现新问题会逐渐减少。小功能3～5名用户，新产品、较大、重要功能5～10名用户。)

　　测试过程中的注意事项：

　　切忌引导性过强;

　　操作行为永远是重点;

　　不要忽视现场反映;

　　考虑使用场景;

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

　　问题的分析与改进：

　　可用性测试(定性分析)：样本量小，结果未必完全可靠，但可以了解到用户想法。

　　A/B测试(定量分析)：样本量大，结果较为客观，但很难直接通过数据了解到背后原因。

　　22.设定衡量标准：根据产品灵活考虑，一般由产品经理根据产品要求确定，从产品目标角度出发，将PV、UV、点击量、转化率、跳出率、二次返回率等。电子商务类网站，也可以考虑下单数、支付数、支付金额等。

　　总结：

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

　　学会做人，内在修为决定未来高度。只有不断学习方能提升自我，工欲善其事 必先利其器。

　　我们要做到别害怕被否定、学会忍耐和付出、识别真相、适度妥协、超越自我。未来，你会发现自己越来越优秀。