《破茧成蝶》用户体验设计师的成长之路读书笔记.docx

1、破茧成蝶用户体验设计师的成长之路读书笔记 破茧成蝶用户体验设计师的成长之路读书笔记 破茧成蝶用户体验设计师干货总结22点，本书共有三篇十二节，共74个知识点，441页，我将一些工作中常用到的重点内容进行归纳。方便以后快速查找和回忆。 为保持连贯性，通篇以文字为主，真的比较“干”货哦 成为用户体验设计师的信念： 用户体验设计师首先是要解决用户的某个实际问题，其次是让问题变得更容易解决，最后是给用户留下深刻的印象，让他在整个过程中产生美好的体验。 用户体验设计首先是理性的，其次才是感性的。 1.用户体验设计的特征： 严谨、理性、创意。 提供特定问题的解决方案。 (这次设计的目标是什么?要为什么样的

2、人解决什么样的问题?如何解决?) 不让用户思考。 趣味横生。 热爱生活，细心观察，勇于改变。 了解人，观察人。 理性的思路。 亲自使用，体验。 多听用户的反馈意见。 留心好的设计，在此基础上优化。 2.用户体验相关职位有哪些： 交互设计师工种： 通过分析用户心理模型、设计任务流程、运用交互知识，把业务逻辑以用户能理解的方式表达给用户，最终实现产品战略的过程。 产出物：竞品分析文档、用户反馈整理、流程图、设计草图、设计原型。 视觉设计师： 平面设计师(很好的传达思想，较强感染力，艺术，创意)、原画设计师(要求设计者很强的手绘，充满艺术表现)、推广设计师(突出重点，快速抓住眼球，内容直观)、界面设

3、计师(ui设计师 具备交互知识也有良好的审美感觉，引导用户操作，让用户感到美感)等。 产出物：有时交互设计师的事一起做。 用户研究员：研究用户的人 用研 研究了解用户特征，行为习惯为产品、运营、推广、设计决策提供必要方向和支持。 产出物：市场分析、竞品分析、创建人物角色、问卷调查、焦点小组、用户访谈、可用性测试，各种类型用研报告。工作涉及市场、产品、运营、推广、设计等方面。 常面临问题：研究周期过长，赶不上进度。太过偏重研究过程和数据结果，易读性差。和产品联系不够紧密。 3.侧重考查设计师的哪些方面： 对用户体验具备浓厚的兴趣。 具备良好的素养。 具备强大的思维能力。 掌握专业技能。 在面试时

4、，兴趣、素养(包括性格、个人修养、沟通能力等)、思维、技能(专业能力、项目经验等)是考察应聘者的主要方面。 那么设计师具体该如何做?如可掌握主动权?如何主导项目回归正确的设计流程呢? 主动出击，主动和产品经理沟通和交流，让他意识到你对产品的热爱、对工作的主动。 搬到产品经理旁边去吧。及时关注产品经理的动态，及时和他探讨。 你应该了解以下工作的具体细节： 产品经理重大方向、商业目标、功能业务等; 交互设计师重逻辑、细节、情感、创意、界面等。 4.产品定位的内容： 例：专为摄影初学者使用的简单易用的修图软件。 使用人群：摄影初学者 主要功能：修图 产品特色：简单易用 产品定义的作用：迫使产品经理努

5、力去思考产品的方向和机会，在激烈的竞争中杀出一条血路;其次产品定义为产品限定了大致范围，让团队成员不至于在千头万绪中感到无从下手、难以取舍;最后产品定义使团队成员的凝聚力更强、思想更统一，而不是各自为政。 5.需求文档应该包含什么内容： 文档修改与审核记录。 背景描述：为什么要做这个产品模块、市场行情、业务目标、产品定位等。 用户类型特征：简单的描述目标用户情况或现在使用人群的情况。 项目时间安排：何时启动，何时完成等。 信息结构：这里可简单理解为内容或页面的层级。 整体业务流程说明：对于涉及较多的产品功能，需要业务流程图，帮助设计师和项目成员理解具体的业务逻辑。 需求详细说明：每一条需求的详

6、细说明。一个文档里会有若干条这样的说明。 6.如何搞定信息分类： 逻辑归类：人们生活中熟悉的分类逻辑对内容进行组织。 卡片分类：可以设计出符合用户心智模型的信息架构。(邀请用户把类似的东西放在一起)在产品设计初期，可知道用户对网站内容的期望，为信息架构搭建提供依据。 开放式：给用户足够自由度来进行信息归类。不适用内容复杂、信息量庞大的网站。不可控。 封闭式：利于掌控。 数据分析软件(IBM、EZSort、Cardzort、Websort) 7.好的导航设计： 导航的自我解释。 iPhone家的官网导航，左上方的网站logo告诉用户正在访问iPhone家的服务，无论什么时候点这里都能回到首页，右

7、边的mac字体成浅灰色显示，与其他同级元素有差别，下方icon形象显示mac的产品，告诉用户整个页面信息都是属于这个分类下，banner右下方显示新款按钮。清楚的解释了“我从哪里来?”、“我现在在哪里?”、“我能去哪里?” 深广度平衡。 相较于鼠标不停的点击，眼睛在页面上扫视的成本要低很多，比起深层次的导航结构，广度导航更利于用户发现信息。但广度超出用户接受范围人们要阅读很多选项才能选择，如vivo家的导航广度平衡，但哇点的就有些多。 用户所需信息与商业推广信息平衡。 智联的推广信息就特别多了 用户有时候都在网站上找不到输入框。 为重要功能和常用功能设置快捷入口。 淘宝的购物车设置的快捷入口。

8、 8.如何突出主要任务? 分解用户任务：首先要明确用户使用web产品时，要完成的任务有哪些，并详尽地分解出这些任务; 排列任务优先级：子任务所对应功能的优先级进行排列。 组织合并相关任务：需要将这些任务按一定的意义组织起来，便于用户理解和使用。 图一购票任务分解：选影片、电影院、观影时间、座位、输入手机号、确认订单。 图二任务优先级：浏览影片详情、评论详情，观看地预告片优先级最低 图三组织任务：将内容组织后得到8个视图界面：浏览影片列表、票房排行，优惠推荐、影片简介，详情、观看预告片、选区域，影院，日期，场次、选座、输入手机号、确认购票。我们图五可按优先级分成三个页面，列表页、详情页、选座页。

9、 9.如何引导用户完成任务： 相似性引导：如果大小，颜色，形态，视觉元素等因素相似，那么这些相似的因素可以牵引着用户的视觉。 方向性引导：对于操作步骤较多的任务，可以利用具有指向性的箭头，进行方向性引导。 运动元素引导。加入购物袋利用运动元素引导用户去购物车结算，垃圾桶盖揭起引导用户点击删除。 向导控件。 10.如何简化复杂的操作? 减少冗余步骤和干扰项。 将复杂操作转移给系统。 简化操作方式。 优化操作过程。 闹钟的设置，直接在界面上上下滑动选择，减少跳转页面与输入步骤 界面大量留白 减少干扰项。 qq邮箱的邮箱号可在输入一次后自动存储。将复杂的操作转移给系统处理。 Pages的内容选择后可

10、右键弹出用XX搜索，不用再复制粘贴打开浏览器，简化操作方式。 XX的注册，清晰准确的提醒、合适的选项、适时的帮助、合理的默认值，可帮助用户降低出错率。 11.信息量太大，页面怎么摆? 让页面层次不言而喻;(分解-排列-组织) 让重点信息跳出来; 将次要信息藏起来; 网易的模块与模块，段落与段落，标题与正文之间划分高度，使整个页面之间层更架清晰，合理。 qq的邮箱界而，对用户来说，未读邮件是需要被首先看到的，所以字体加粗显示，而己读的弱化显示，采用了较弱的黑灰色。 ui中国将次要信息放在更多的下拉列表隐藏起来。减少了复杂信息对用户的干扰。 12.捕获用户的芳心： 拟物化的视觉; 隐喻化操作; 可

11、控的感受; 积极的反馈; 贴心的提醒; 互动的乐趣; 惊喜的力量; 情境的烘托。 13.标准原型应该包含什么内容： 简要说明与信息结构; 任务流程与页面流程; 线框图&交互说明; 交互说明有以下几种类型： 限制：包含范围值、极限值等。范围值主要指数据的取值范围。极限值主要指数据的显示限制。 状态：包含默认状态、常见状态、特殊状态等; 操作：包含常见操作、特殊操作、误操作、手势操作等; 反馈：用户操作后得到的反馈动作，包含提示、跳转、动画等。 14.线框图绘制心得： 通过明暗对比表达; 不使用截图和颜色; 合理的布局; 遵守栅格规范; 标记第一屏高度; 表达清楚ui逻辑; 考虑视觉实现后

12、的效果; 了解视觉趋势。 15.写交互说明的决窍： 尽量使用真实、符合逻辑的数据内容; 不遗漏特殊状态的描述; 避免过长的说明; 关于重复出现的模块，可独立出来取个名字。 如原型有修改不要口头沟通，而要更新交互说明并告知大家。 16.关于设计规范。(规范不是随产品的形成而形成的，而是在产品逐渐成熟、发展的过程中慢慢建立起来的。) Q: 什么是设计规范? A: 设计规范是对设计的具体细节、技术要求，是设计工作的规则和界限，是一种模板化应用的方法(包含交互规范、色彩规范、logo规范、ui图标规范、控件规范) Q: 没有规范会出现什么问题? A: 产品小时并不太容易出现问题，但产品规模不断扩大时，

13、需要越来越多的设计师，问题就产生了： 不同频道模块独立设计; 同类功能组件存在多种样式; 同类元素多样性; 设计效率低下; 设计质量难以把控。 Q: 规范解决了什么问题? A: “一致性”形成鲜明的产品特征，增强用户粘度。 提高易用性。 满足团队协作需求。 17.设计评审的目的： 检验目标 ：在项目初期的需求分析阶段，产品人员和设计人员就已经一起分析出了产品定位或设计目标。 发现问题：设计评审集中了项目且中的各个角色，可以及时发现问题与风险。 达成共识：设设评审需要让项目成员达成共识，这样才能顺利进入下一个环节，为下一个流程分配任务。 18.评审前的充足准备： 事先考虑所有可能的方案。 准备各

14、种设计依据。(用户调研结果、支撑数据、竞品分析、设计实施前制定的目标) 做好会议邀请工作。(真正开始会议前，要昼保证设计方案已经通过产品经理及最主要的项目成员认可，至少要保证大方向是对的。正式的邀请邮件。告知会议时间、地点、陈述自己设计理念、参考哪些数据资料、设定每个环节时间。) 19.如何审核视觉稿? 对交互稿理解是否正确; 拒绝毫无发挥的视觉设计; 关注视觉层次是否清晰; 关注交互细节和状态标; 在审美方面不要过分干涉。 20.开发阶段，设计师该做些什么? 勤于沟通;(设计阶段，了解是否会有技术难点，设计完成后，当面沟通设计要点，开发阶段，持续跟进、解答问题。) 统一的规范和标准;(进行标

15、和规范整理，与前端彩用相同规范和标准，如行高是文字高度+上下空隙高度。) 设计走查;(在前端和后台开发完成后，确认环节是必不可少的，不经过确认和走查就上线的产品，可能会在细节上存在疏漏) 21.什么是可用性测试?(定性分析) 简单地说，就是通过观察用户使用产品，发现产品中存在的问题的一种方法。 可用性测试流程：设计任务招募用户进行测试分析问题 设计测试任务该注意什么? 给出使用目标，而不是直接操作; 尽量选择最重要、最频繁的任务进行测试;(时间控制在1小时内，58个功能点，简易可用性测试时间更短) 符合正常的操作流程。 测试用户的选择： 选择有代表性的用户; 用户数量的选择;(有调查表明，5名

16、左右用户可以发现大约85%问题，随着用户数量增多，发现新问题会逐渐减少。小功能35名用户，新产品、较大、重要功能510名用户。) 测试过程中的注意事项： 切忌引导性过强; 操作行为永远是重点; 不要忽视现场反映; 考虑使用场景; 感谢被测者，并给予一定报酬。 问题的分析与改进： 可用性测试(定性分析)：样本量小，结果未必完全可靠，但可以了解到用户想法。 A/B测试(定量分析)：样本量大，结果较为客观，但很难直接通过数据了解到背后原因。 22.设定衡量标准：根据产品灵活考虑，一般由产品经理根据产品要求确定，从产品目标角度出发，将PV、UV、点击量、转化率、跳出率、二次返回率等。电子商务类网站，也可以考虑下单数、支付数、支付金额等。 总结： 界面中的视觉设计不是艺术作品，正确地理解信息和传递信息是最重要的事，忽略内容而关注形式是不可取的。 学会做人，内在修为决定未来高度。只有不断学习方能提升自我，工欲善其事 必先利其器。 我们要做到别害怕被否定、学会忍耐和付出、识别真相、适度妥协、超越自我。未来，你会发现自己越来越优秀。