简介

精彩点评

• 

  CHAO ¹

  推荐

  本书算是一本用户体验设计师分入门科普教材。层次清楚，条路清晰，内容也随着流程随之深入。将设计师平时看到但没意识到，想到但是没有实践的点全部铺开来一一讲解。 读完书也学习到了很多东西 1:什么才是优秀的交互设计师 优秀的交互设计师可以快速判断出设计方案的优劣，更可以凭借经验和专业能力更快速地得出可靠的设计方案。一个好的设计师，能够节省产品人员挠头画原型的时间；能够减少产品人员因不断碰壁而不得不反复改原型的时间；避免了整个项目因为一些明显的错误而导致的不必要的迭代；节省了用户研究员做可用性测试的次数（好的交互设计师凭借经验即可发现大部分问题所在，节约可用性测试的时间和成本）；节省了视觉设计师理解、修复不专业的原型稿的时间；节省了前端揣测不完整的原型说明的时间；减少了开发因为需求或交互反复变动的抱怨。 2:产品定位的重要性 产品定位是产品设计的方向，也是需求文档和设计产出的判断标准。此外，产品定位也使团队成员形成统一的目标和对产品的认识，使团队更有凝聚力，使得沟通效率、工作效率得到了大大提升。 3:如何简化复杂的操作 通过减少干扰项、转移复杂操作、简化操作方式、优化操作过程等方法，都可以简化复杂操作。 4:实现商业价值与用户需求的平衡 因为要保证商业价值与用户需求的平衡，因此在实际的设计工作中，产品经理这个角色是不可缺少的。一般来说，产品经理在项目中占据了一定的主导地位。他需要考虑产品的定位及方向，并提供细致的需求文档以供设计师和项目成员参考。此外，产品经理可能还要负责项目推进、争取资源、协调沟通等工作。他对整个项目的结果负责，是团队的精神领袖。 嗯，此书还值得再看一遍

• 

  Let it be

  推荐

  13年的书，现在看书中的很多案例或交互时有种恍如隔世的感觉，比如iOS6的拟物化设计风格，比如书中提到的现在已经消失的APP Path等。由不得的让我们这些互联网er感叹：互联网发展的真的是快，变化真的是快…… 第一次读这本书的时候是在大三下学期，正在学习UI，准备放弃自身的工业设计专业转一名UI设计师或交互设计师，但其实内心是想转产品经理。然而当时不知道是听谁说的，既然你想做产品经理，那就一步到位，直接找产品相关的工作吧，于是，就半推半就的做产品做到现在。 回过头说这本书吧，虽然是13年的，但仍不失作为一本极好的产品/交互设计师的入门书籍。大道至简，知易行难，这也是我做产品3年来的最大感受。书中的理论、方法现在看依然有效，看你怎么去按照公司环境、团队环境去执行。

• 

  昀珈

  推荐

  很好的一本用户体验入门书籍，作者本身就处于设计的一线，把自己成长的过程在文字中缓缓到来，给读者一种面对面的感觉，比较真切。 书中的诸多理论对我而言有点熟悉感，跟以前读过的一些工业设计书籍相似，可谓是其形有异，其理相通，如书里所说的用户调研，竞品分析，用户反馈，产品数据等，我已经不止一次在别的书中看过，书里强调的洞察，换位思考等，也算是比较熟稔了。 给我印象比较深的是作者以自身工作经历为题材，结合书中语言的一系列分享，给了我第一视角般的感同身受，更加深刻了书中文字，这种题材分享的方式是值得提倡的。 但凡论理，知易行难，先行后知，看书所得终究较浅，想要更好地消化吸收，我们需要更多的实践才行。

• 

  Tancy冰溪

  推荐

  《破茧成蝶：用户体验设计师的成长之路》笔记整理： 设计师既需要一定的灵感和天分，也需要后天努力的学习，掌握一定的技巧和方法，更重要的是严谨细致的心思。 软件技能是呈现想法的方式，熟练掌握软件的操作技能是设计基础，而设计最重要的是灵活运用产品思维解决问题的能力。 设计师必须有能力去解决一些更深层次的、抽象的问题。这其实涉及一个思考习惯，就是从整体到局部，再到细节，最后回归整体的思考过程。 【交互设计】 /通过分析用户心理模型、设计任务流程、运用交互知识，把业务逻辑（功能规格或内容需求）以用户能理解的方式表达给用户，最终实现产品战略（公司需求和用户需求的最佳平衡点）的过程。 /交互设计师的产出物包括：有竞品分析文档、用户反馈整理、流程图、设计草图、设计原型，等等。其中最常见的是设计原型。设计原型的样式没有固定的标准，手绘、软件绘制都可以 /交互设计师除了基本的设计工作外，还要沟通、宣传、执行、跟进自己的设计方案，确保最终的结果和自己的设计方案没有偏差。产品上线后，还要继续跟进，解决线上问题、收集反馈意见，为下一次迭代做准备。 【用户研究】 /即通过各种分析和研究，深入地了解用户特征、用户行为习惯等，从而为产品、运营、推广、设计决策等提供必要的方向和支持。 用户研究员日常的工作可能有市场分析、竞品分析、创建人物角色、问卷调查、焦点小组、用户访谈、可用性测试等。 /用户研究员的工作涉及市场、产品、运营、推广、设计等方方面面，所以要求从业人员不仅应具备基础的研究分析能力，更要懂市场、运营、产品、设计等方面的相关知识，才能更好地给出建议和决策。 /用户研究员的产出物主要是各种类型的用研报告。它更偏向于比较客观和实际的研究结果。 【用户体验设计的特征】 1，严谨，理性，创意 2，提供特定问题的解决方案 3，不让用户思考 4，趣味横生 【用户体验设计师的价值】 /项目价值： 好的用户体验设计师在项目中具备足够的影响力，能够充分组织、调动、协助好其他角色。他的存在既保证了良好的产品体验，又能使得项目顺利、有序地进行下去，对提升项目质量和效率都起到了极大的作用。 /设计师是如何在项目中体现自己的价值 1 通过专业技能节省其它环节的时间 2 跟进各个环节，保证产出物质量 3 促进统一化标准化，提升设计效率 4 促使项目流程更合理，更有规划 5 协助产品经理组织各个环节，是整个项目的有力推动者。 /跟进视觉、前端（当然视觉设计师的跟进也很重要）、开发，保证最后上线的结果和设计稿一致，给产品更好的体验。 /标准的原型、详尽细致的交互说明减少了团队成员的理解和沟通成本 /交互设计师分析、重塑需求；与用研配合，了解用户特征与行为；设计结构、流程、界面、动态效果；跟进视觉、前端、开发；及时整理线上问题，准备下次迭代……这个过程几乎贯穿了产品周期的始末，并且交互设计师需要与各个环节打交道，沟通协调，PK想法。 /品牌价值： 整体品牌形象。统一的设计理念及风格可以更好地增强公司品牌识别度，起到非常好的宣传作用 【项目设计流程】 /用户体验设计的目标：解决用户需求，减少用户理解和操作的成本，给用户留下美好而深刻的印象。 1 分析需求，即清楚我们要做一个什么样的产品，目标用户是谁，要达到什么效果，具体有哪些功能、内容… 2 在草图上梳理信息架构，设计任务流程，设计界面，确认没有问题后再用专业的软件工具把设计方案呈现出来。 3 设计评审后，设计师要去跟进后续的视觉、前端、开发、测试环节，确保最后的产出物和自己的设计方案一致。 4 产品上线前后，需要使用一些方法对产品体验、效果进行检验。小的问题可以及时解决、迅速发布；较大的、比较耗时的问题可以留到下次优化迭代时统一解决。 【需求分析】 平衡商业价值和用户需求。实际工作中，需要从商业、用户、技术三个角度来平衡考虑需求。 【产品定位】 产品定位是关于产品的目标、范围、特征等约束条件，它包括两方面的内容：产品定义和用户需求。 /产品定义：使用人群、主要功能和产品特色； /用户需求：目标用户、使用场景和用户目标。 /产品定义中的主要功能、产品特色和用户需求中的目标用户形成了产品定位中最核心的内容，是产品设计最主要的方向和依据。 /产品定义的作用： 1 思考产品方向，在竞争中脱颖而出 2 限定产品范围，让团队有迹可循 3 增强团队凝聚力，统一产品思想。 用户需求： 包括目标用户、使用场景和用户目标 /该选择哪种类型作为产品的目标用户，需要综合权衡用户对公司的价值以及潜在需求量。 /目标用户确定后，得出产品定位，根据产品定位筛选匹配的使用场景和用户目标，从而得出相匹配的关键词（产品需求） /为了和设计师一起确定产品定位，产品经理需要事先做更多的准备工作，包括：了解市场调研结果，了解市场上同类产品的情况，了解潜在用户的基本情况，了解自身优势与劣势… 【如何分析与筛选需求】 /通过用户调研、用户反馈、竞品分析、产品数据等需求采集方式。 /从现象看到本质，挖掘用户的真实需求，并考虑如何将其解决。 /进一步分析提炼出的用户真实需求是否匹配产品定位（目标用户、主要功能、产品特色等），以此来决定如何取舍。被选中的需求可根据匹配程度排列需求优先级。 【需求的产生】 先确定产品定位，然后通过不同的方式来收集大量的需求，识别这些需求的有效性和真实性后，根据产品定位和项目资源情况筛选、提炼出产品需求，定义出需求优先级。接下来就可以重点描述每个需求的逻辑、内容等，开始撰写详细的需求文档 【需求文档】 /目录：如内容过多最好提供目录。 /背景描述：为什么要做这个产品/模块、市场行情、业务目标、产品定位等。 /用户类型和特征：简单的描述目标用户情况或现有使用人群的情况。 /项目时间安排：何时启动，何时完成 /信息结构：内容或页面的层级 /整体业务流程说明 /需求评审：排查需求漏洞及考虑技术实现难度 【设计规划】 /根据需求来确定应该提供哪些必要的信息给用户，然后对信息分门别类、有效地组织起来，并以导航的形式展现在界面上，让用户可以快速找到自己想要的信息 /设计规划的目的：通过专业的设计工作，满足用户需求，减少用户理解和操作成本，吸引用户，捕获用户芳心 【用户所需信息与商业推广信息的平衡】 用户信息需求和网站商业目的存在着一定的矛盾，合理的信息组织方式，既能满足用户需求又可以达到商业目标。对不同的信息进行分类组织，在不影响用户找到所需信息的情况下进行商业推广，减少对用户的干扰，在不同产品页面为用户推荐符合其目标的信息，从而有效平衡用户需求和商业目标二者之间的关系。 /为重要功能和常用功能设置快捷入口 【具体怎么设计任务流程】 设计任务流程分为主干线、支线，正确的构建产品功能和内容首先要脉络清晰。 设计主线即主行为流，根据用户期望目标把杂乱无章的功能点以正确的次序组织起来，以此为线索形成完整产品骨架支撑，规划产品设计实现清晰的任务流程图。 设计支线即次要行为流，帮助主行为流降低整体复杂度，打通任务流程，得到任务流、页面流设计，再细化具体界面，使用户得以迅速完成任务。 【如何突出主要任务】 可以通过分解用户任务、排列任务优先级、组织合并相关任务等方式，使用户可以专注于主要任务。 【如何引导用户完成任务】 按照用户的操作逻辑，采用相似性引导、方向性引导、运动元素引导等。 【如何简化复杂的操作】 1 减少冗余步骤和干扰项：简化阻碍用户目的明确轻松操作的中间环节 2 将复杂操作转移给系统：复杂性临界点操作借助系统完善 3 简化操作方式：优化方便快捷一目了然的用户使用操作流程步骤 4 优化操作过程：提供合适的首选项，适时帮助，及时反馈，提供合理的默认值等方式。 【页面层次】 面对信息量大的页面可以利用分解-排列-组织原则，用视觉语言突出信息模块之间的逻辑关系，采用接近原则将相关内容组织在一起，注意页面布局排版的节奏感，视觉体现的差异性，内容信息的主次之分，字号色彩对比，页面层次关系的处理，重要元素的突出。 【界面雏形】 通过确定产品定位、需求采集与分析、撰写需求文档、信息组织、任务分解、绘制草图等一系列理性的步骤，得到界面雏形 /在需求分析、设计任务流程、信息架构、导航、操作逻辑等阶段，设计师需要使用偏理性、逻辑的思维方式 /绘制界面细节时，设计师又需要使用偏感性的思维方式 【以人为本的界面设计】 了解用户需求，考虑用户使用场景，有正确的页面逻辑，简洁明了快捷方便的操作流程，让设计形式符合用户的心理模型。 【符合用户心理模型】 平衡好理性的逻辑和感性的用户行为习惯，在逻辑合理的同时兼顾轻松直观的情感体验。 【贴心的设计】 1 可控的感受：增加用户对界面的可控感，建立用户心理预期，缓解等待焦虑使用户安心 2 积极的反馈：增强用户信心，鼓励用户操作，提升用户体验的愉悦感 3 贴心的提醒：可视化的方式帮助用户确认信息，降低用户认知负担，避免操作疏忽遗漏误操作等造成严重影响 【如何调动用户的情感】 1 互动乐趣：丰富的动效生动充满活力的界面体验，新颖的创意交互让产品更具情感化。 2 惊喜的力量：超出用户心理预期的隐形惊喜，比如关键词触发的彩蛋和背景特效 3 情境的烘托：故事情节的设计，通过视觉动画音效的烘托，场景带入感的情感体验 【标准的原型应该包含】 一，简要说明与信息结构： 1 变更日志 —— 一般包含日期，变更内容，变更原因，备注等； 2 版本说明 —— 需要包含版本号，日期，更改内容等； 3 信息结构 —— 包括产品内容的组织，页面层级的分布等，考虑产品逻辑结构跟用户习惯。 二，任务流程与页面流程：任务流程体现在用户使用产品时的操作步骤遇到的结果及系统反馈引导用户完成用户目标，是页面流程的基础和依据，页面流程则更具体更清晰的看到用户操作过程中的完整过程。 三，线框图和交互说明：原型包含线框图的静态样式+交互说明的动态效果 交互说明有几种类型： 1 限制- 范围值（数据的取值范围）和极限值（数据的显示设置） 2 状态- 默认状态（显示的文字，数据，选项）常见状态（某个模块常见的几种状态）特殊状态（非正常情况下样式，文案，说明）等 3 操作- 常见操作（正常操作时的反馈状态）特殊操作（极端情况下的复杂操作）误操作（用户操作错误怎样避免）手势操作（移动产品操作方式，常见有：点击，双击，长按，捏，伸，滑动等） 4 反馈- 用户操作后的反馈动作，包含提示（系统反馈用户的文字说明）跳转（点击链接页面跳转的方式）动画（系统通过趣味性的动画反馈）等。 【线框图】 1 通过明暗对比表达：深浅色块之间的对比关系，使各模块元素之间的布局关系及优先级更直观体现。 2 不使用截图与颜色：规范清晰的想法表达避免具体细节及视觉干扰。 3 合理的布局：简单的结构标准的布局。 4 遵守栅格规范：栅格设计系统确定网站布局及具体尺寸，工整简洁，交互稿字号，间距符合视觉要求（间距最小10px） 5 标记第一屏高度：重要内容及重要操作按钮完全显示，避免影响转化率。 6 表达清楚ui逻辑：元素，逻辑层级复杂时，保证文字，链接，操作等样式符合所代表的重要程度，合理归类引导用户行为，有效区分优先级。一般操作的优先级大于链接，链接大于文本 7 考虑视觉实现后的效果：线框图逻辑清晰，视觉考虑周详。 8 了解视觉趋势：发现目前流行的UI视觉风格，合理融入到绘制线框图设计中 【写交互说明的诀窍】 1 尽量使用真实，符合逻辑的数据内容 2 不遗漏特殊状态的描述 3 避免过长的说明（用流程图代替文字说明） 4 用表格罗列各种状态巧妙组织文字说明 5 关于重复出现的模块独立出来（运用模块化的思维方式处理较复杂的问题） 6 修改原型，更新交互说明切忌口头沟通 【设计规范】 是对设计的具体细节、技术要求，是设计工作的规则和界限，是一种模板化应用的方法…… 设计规范包含很多内容，比如交互规范、色彩规范、logo规范、UI图标规范、控件规范，等等 /设计规范的优点： 1 “一致性”形成鲜明的产品特征，增强用户粘度 2 提高易用性（对常用组件进行标准化的控制，规范界面元素样式） 3 满足团队协作需求 4 避免重复劳动，提高工作效率，提升设计质量，降低培训和支持成本，减少团队成员犯错几率等。 【设计规范分类】 1 纵向：交互规范和视觉规范，交互规范先于视觉规范 2 横向： /产品战略级方向规范：整个企业门户风格布局即品牌规范，恒定共识的基本控件，基本交互的设计规范等 /单个项目设计规范：不同性质的产品类别的设计规范说明。 【设计评审的目的】 1 检验目标：是衡量项目初期的产品定位和设计目标有无偏离方向，有无达成目标的依据。 2 发现问题：在确定设计方案阶段，充分考虑设计缺陷，技术可行性的问题反馈，及时更正调整方案。 3 达成共识：产品，开发，运营，设计，项目成员之间合理沟通，达成共识。 【设计评审前准备】 1 事先考虑所有可能的方案：合理思考，列举存在的问题。 2 准备各种设计依据：以用户调研结果，数据支撑，竞品分析，设计实施目标等 阐述方案的设计理由。 3 做好会议邀请工作：保证设计方案有正确的大方向，正式邀请邮件附上设计稿，邮件正文告知会议地点时间及阐述设计理念参考数据资料信息等情况后，提醒大家提前熟悉设计方案，想好自己的问题以便会上讨论。设定好每个环节的时间，从产品定位，设计目标，到具体设计方案，每个模块等等，记录待解决问题。 【审核视觉稿需注意】 1 对交互稿理解是否正确，是否违背交互逻辑，是否会引起用户歧义。 2 拒绝毫无发挥的视觉设计，在交互原型表达逻辑和传达信息的基础上是否美化了界面渲染了气氛 3 关注视觉层次是否足够清晰，视觉元素是否清晰的引导用户 4 关注交互细节和状态标注，提高开发效率。 5 在审美方面不要过分干涉，色彩及形态的视觉呈现是主观感性的。 【设计走查】 产品demo交互走查包括，交互动作，操作及反馈，交互控件的各种状态，极端，极限和出错情况，默认值是否正确，第一屏高度，悬停状态，文案等细节，配合撰写测试用例。视觉方面包括视觉样式，色差，尺寸间距，图片质量，是否符合栅格等检查。 【检查设计成果的方法】 1上线前：可用性测试、A/B测试 2 上线后：收集产品反馈，用户数据 【可用性测试流程】 1 设计任务：能够反映出核心操作的典型任务 2 招募用户：5名左右有代表性的用户 3 进行测试：观察用户操作，记录发现问题 4 分析问题：找出最严重的问题，并进行优化 【可用性原则】 符合用户使用需求 易学性 一致性-减少不同环境里因词语，结构，形式等的不同而导致用户不必要的思考和错误 易于辨识-看到每个内容组织时能快速定位自己想要找的内容 有效的反馈信息-相应的及时反馈通知操作情况 方便快捷-最少的操作完成相应的任务达到目的 预防出错-降低用户错误操作可能性 容错性-允许用户尝试和出错，且不会对操作和系统造成破坏性影响，可以从中进行恢复 再认而不是再现-尽量让用户选择而非回忆 符合认知习惯-不违背用户经验及认知习惯 用户自由控制权-出错时用户无须多于操作，有紧急出口，允许撤销和重复 帮助和说明-必要的帮助提示说明 【A/B测试】为同一个目标设计2个方案，通过用户使用情况，衡量哪个方案更优。 1，设定衡量标准：从产品目标角度，将pv，uv，点击量，转化率，跳出率，二次返回率等数据作为衡量标准，提前与开发沟通提取相关数据。 2，对同一个用户呈现相同的页面：保证用户使用网站时，看到的是同一个方案的版本。 3 ，保证两个版本同时测试：防止环境变量，为保证数据的准确性。 4，单一变量：可以选取按钮，标题，说明文案，产品图片，页面结构布局或色彩风格等因素作为两个方案相同的变量。 5，A/B测试的延伸——灰度发布：平滑过渡的发布方式。旧版新版对比切换，观察用户反馈和产品数据，决定产品升级还是发现问题及时优化，直观的看出改版的成果差距。 【提升品牌形象的一些设计规则】 保证关联性—表现产品功能，迎合目标群体，体现产品特色 力求一致性—应用内一致，平台内一致，平台间一致 追求独特性—个性的标志，独特的风格，亮眼的细节 设计师需要识别需求的有效性，重新审视需求，重塑需求，归纳出真正的设计目标，梳理结构流程&界面设计，通过自己的专业积累为公司、用户创造最大的价值，并在这个过程中逐渐提升自我的价值。

• 

  阿柯

  推荐

  笔记整理。字数有限，挑些与UI设计相关的～～ 采集需求的主要方式：用户调研、竞品分析、用户反馈（上线后）、产品数据（上线后） 5.2 倾听用户的声音 ● 拥抱用户 我的目标用户，我做需求、设计决策时要围绕他来考虑。他的使用场景、使用目标是什么？我们希望他如何使用我们的产品，以实现我们的商业价值？ ● 别被用户牵着鼻子走 需要从用户的言语中挖掘他内心的真实需求 他的很多意见只是一种直观感受，不太可能经过缜密的思考。有的时候用户的要求甚至是不合乎常理的。这就需要设计师经过判断和思考，重新审视用户意见的合理性。 调研、观察、询问、记录意见等方式了解用户想法，同时又要避免不经思考，完全照搬用户的意见来设计产品需求。因为用户的意见并不一定是真正的用户需求，我们需要先去识别（目标用户在合理场景下的真实需求/目标才是用户需求） ● 如何对待用户的意见 用户意见：目标用户、使用场景、用户目标、产品定位、项目资源 5.3.1 如何让面对强势的产品经理 从专业角度出发提出改动意见，而不是依据个人主观感受，比如“这里是我们要突出的重点，希望在界面上强调一下；这里的视觉元素对文案有干扰，希望能弱化一下；这里的内容有歧义，用户难以理解；这个地方的设计和业务逻辑有冲突……” 但有的产品经理可能会这样要求设计师：“这条线往上调1像素，这个颜色换成和那个网站一样的蓝色，这里加个小鸟元素……”设计师的思绪完全被打乱，难以做出令人满意的作品。 先改进了自己的问题，成为一个优秀的设计师，我们才可能在遇到不靠谱的产品经理时，积极发挥自己的力量，成功逆袭 5.3.4如何“抄袭”竞品 ● 在“抄袭”中寻求创新 大家所说的“抄”并不一定是让设计师完全复制对方的界面，而是希望最后的结果不比竞品差 ● 直接“抄袭”竞品的风险 如果在“借鉴”的过程中在设计上有所改进，反而更容易得到认可。 虽然大家都在“抄”，但用心程度不同，最后得到的结果也不同 当我们习惯了等待竞品进步，我们就已经在退步了 我们要做的是关注竞品、研究竞品、努力超越竞品，而不是以逸待劳、自取灭亡。 ● 如何对待“抄袭”竞品的要求 我们可以通过前面提到的用户调研、竞品分析、用户反馈、产品数据等方式，了解我们的用户和竞品用户的区别，以及竞品用户在使用中有什么痛点和期望，如何更好地满足用户需求… 自己想象成一个从来没用过该产品的用户，认真体验产品，记录使用中遇到的困惑和问题，再通过自己的设计经验来解决它们。 6 设计规划 我们根据需求来确定应该提供哪些必要的信息给用户，然后对信息分门别类、有效地组织起来，并以导航的形式展现在界面上，让用户可以快速找到自己想要的信息。 我们会根据需求来设计相应的任务，排列任务优先级，并在界面上通过一系列引导，帮助用户快速完成任务。对于复杂的任务，尽量简化其操作；对于信息量过大的页面，想办法使其重点突出、一目了然 根据需求来设计相关的信息和任务，通过组织信息结构、引导用户完成任务得到一系列相关联的界面草图；然后细化草图为具体界面，在这个过程中考虑如何让用户轻松、愉悦、高效地浏览和操作；最后，我们要赋予界面一些魔力，让用户难以忘记使用产品的体验。这就是设计规划的过程。 最终的目的是通过专业的设计工作，让产品不仅能满足用户需求，减少用户的理解和操作成本，还能深深地吸引用户，让这个产品捕获用户的芳心。 6.1.1 如何搞定信息分类 ● 逻辑归类 常见的用途、品类、形状、颜色、材料、品牌等进行分类，通过数字、字母、时间等进行标识。 ● 卡片分类 开放式卡片分类 封闭式卡片分类 6.1.2 好的导航是成功的一半 ● 导航的自我解释（路径，如：“一级界面>二级标题>三级标题”） ● 深广度平衡（不能过深和过浅） ● 用户所需信息与商业推广信息的平衡 ● 为重要功能和常用功能设置快捷入口 6.1.3 主要任务与次要任务 一定要分清主次，不然用户会茫然不知所措。 通过对重要功能、信息进行分类和组织，可以帮助用户迅速找到入口。 ● 设计主线（主行为流） ● 是否设计支线（次要行为流）。 次要行为流用于帮助用户完成主行为流（迷宫的支线越少，整体复杂度越低） ● 就像迷宫一样，需要清晰的线路，用户才不会感到迷惑 6.1.4如何确定主要任务、并通过什么方式突出它 分解-排列-组织 ● 分解用户任务 用户任务-子任务 ● 排列任务优先级 使用人数、使用频率、重要程度 ● 组织合并相关任务（6.2.2更详细） 左上重点、较大视觉区域、不同展现形式 、差异原则（重点突出、次点弱化） 6.1.5如何引导用户完成任务 ● 相似性引导 大小、色彩、形态、视觉元素等的相似性 ● 方向性引导 ● 运动元素引导 6.2.1如何简化复杂的操作 ● 减少冗余步骤和干扰项 ● 将复杂操作转移给系统 ● 简化操作方式 ● 优化操作过程 6.2.2信息量太大，页面怎么摆 ● 让页面层次不言而喻 分解-排列-组织 接近原则（逻辑相关） 差异原则（重要程度不同） 嵌套（逻辑包含） ● 让重点信息“跳出来” ● 将次要信息“藏起来” 6.2.3理性的规划VS感性的界面 ● 以人为本的界面设计 考虑用户的使用情境和心理感受。 ● 帮助用户找到想要的东西 目标明确的用户（帮助快速找到信息） 目标模糊的用户（帮助明确需要） 没有目标的用户（帮助激发需求） ● 吸引无目标用户 换位思考，用感性的思维方式来给他们营造贴心、友好、有吸引力的界面。 ● 符合用户心理模型 避免过分追求逻辑上的完美，平衡好用户情感与界面逻辑的关系。 6.3.1来自真实世界的灵感 设计元素——潜意识因子，引起认同感和情绪体验（共鸣） ● 拟物化的视觉 效率的应用——简洁 娱乐型应用——对情感有追求 抽象物体的特征，化繁为简 （在情感和效率中达到一个平衡） ● 隐喻化的操作 逻辑关系符合现实 （应用）可视化对象和操作——（现实世界）对象与操作，类似。用户就能快速领会如何使用它。 6.3.2 贴心的设计惹人爱 ● 可控的感受 增加用户对界面的可控感，形成操作预期，使用户安心。（提示和状态展示） 正确地预计未来可能出现的问题，并提前采取措施或提醒用户。（预先设置提示） 缓解等待的焦虑感，给用户一种期待，增强用户的可控感。（如：正在输入） ● 积极的反馈 新手鼓励 ● 贴心的提醒 登录的细节处理 发现用户可能出现疏忽时的提醒 通过改变状态提醒用户 6.3.3如何调动用户的情感 ● 互动的乐趣 互动（动效、反馈、提示、文案）—考虑用户心理感受—趣味性—调动情感 ● 惊喜的力量 超预期体验—记住—分享 ● 情境的烘托 活动页—熟悉的场景—吸引注意力—情感共鸣 8.1 做设计评审的主导者 如果设计师无法主导评审会，原本完整的设计方案很可能会被各种意见影响，变得面目全非。 ● 设计评审的目的 1、检验目标 2、发现问题 3、达成共识 ● 评审前的充足准备 没有充分的准备，很容易受到项目组相关人员的质疑 1、事先考虑所有可能的方案 反之，一方面可能会错过更优的方案；另一方面，在评审时被问到“这里为什么不设计成那样”时很可能会措手不及 2、准备各种设计依据。 用户调研的结果、支撑的数据、竞品分析、设计实施前制定的目标，等等 3、做好会议邀请工作。 ● 如何在评审中掌握主导权 1、主导流程。 主导流程，清晰表达设计意图和设计要点， 2、提高效率，控制话题。 偏离主题的讨论和对于某个细节的持久争论是会议效率的两大杀手 3、区分和收集有价值的反馈意见。 带有个人喜好的反馈意见，不需要去深入探讨，设计师只需阐明这样设计的原因即可 不要过于捍卫自己的设计，积极采纳那些有价值的反馈。 ● 评审后的分析与跟进 多点精力放在设计规划、设计评审、后续推动跟进上，而不只是一味地画线框图， 8.2 如何审核视觉稿 正确地理解信息和传递信息是最重要的事，忽略内容而关注形式是不可取的。 ● 对交互稿理解是否正确 视觉设计师往往更注重美观性，而交互设计师更注重逻辑性以及对用户的引导作用。 ● 拒绝毫无发挥的视觉设计 视觉设计不仅要把交互稿的逻辑和信息正确传达出来，还要发挥出视觉设计师的创造力，把界面设计得更加美观，更加有氛围。 ● 关注视觉层次是否足够清晰 ● 关注交互细节和状态标注 很多时候，设计稿看起来精致美观，而开发出来的页面却偏差很大，就是因为这些细节的疏漏。 ● 在审美方面不要过分干涉 一方面很难令所有项目组成员达成一致观点，这样每个人都将自己的喜好强加于视觉稿，那么设计将没办法进行下去。另一方面，过多的干涉也会影响视觉设计师的发挥空间 8.3 开发阶段，设计师该做些什么 设计师：“产品上线了怎么和设计稿不一样？渐变呢？阴影呢？交互动画呢？怎么都没了？” 前端工程师：“有吗？我怎么没看出来……” 设计师关注页面的交互细节以及视觉是否美观。平滑的交互动画和渐变、阴影设计细节等，都能使界面看起来更加精致。 对于工程师来说，简洁的代码、快速的响应、可复用的控件才是他们所关注的。 ● 勤于沟通 设计阶段——了解是否有技术难点 设计完成之后——当面沟通设计要点 开发阶段——持续跟进，解答问题 ● 统一的规范和标准（现在的工具很多，很多情况下可以不用特意标注了） ● 设计走查 很多用户体验的不完善，都是源于细节的不足。 视觉设计师对产品进行走查，如视觉样式、是否有色差、尺寸间距、图片质量、是否符合栅格， 09 成果检验——设计优劣可以判断 上线前：可用性测试、A/B测试 上线后：用户反馈、产品数据 设计师主动索要用户反馈及数据结果 （总是会说“我觉得”“用户觉得”“用户认为”……实际上，这些都是个人的主观想法） 9.1 可用性测试 可用性测试流程： 1、设计任务（能够反映出核心操作的典型人物） 注意：给出使用目标，而不是直接地操作。 2、招募用户（5名左右有代表性的用户） 3、进行测试（观察用户操作，记录发现问题） 4、分析问题（找出最严重的问题，并进行优化） ● 设计测试任务该注意些什么 给出使用目标，而不是直接地操作。 符合正常的操作流程。 ● 测试用户的选择 选择有代表性的用户 5名左右的用户可以发现大约85%的问题 ● 测试过程中的注意事项 切忌引导性过强 操作行为永远是重点 不要忽视现场反应 考虑使用场景 感谢被测者，并给予一定报酬 ● 问题的分析与改进 整理问题时，可以按照问题频数、严重等级、优先级和违反的可用性准则这几项标准进行记录， ● 灵活运用可用性测试 著名建筑师赖特说过：“修改草稿只需要橡皮，修改实际产品则需要铁锤。 9.2 A/B测试 定性分析样本量小，结果未必完全可靠，但可以了解到用户的想法；而定量分析虽然样本量大，结果较为客观，但我们很难直接通过数据了解到背后的原因。 同一个目标设计2个方案。 ● 设定衡量标准 PV、UV、点击量、转化率、跳出率、二次返回率 下单数、支付数、支付金额等 ● 对同一个用户呈现相同的页面 ● 保证两个版本同时测试 ● 单一变量 ● A/B测试的延伸——灰度发布 观察用户反馈和产品数据 9.3 定性的用户反馈和定量的产品数据 ● 收集和读懂用户反馈 从内容、功能、使用流程、设计、新功能建议和现有Bug等几个方面对问题进行归纳。 ● 用数据检验产品目标 这些目标可能是点击量、转化率提升了多少，也可能是销售额、网站营收要达到什么样的数字 商业价值与用户需求的平衡也是设计师需要考虑的问题。好的设计也一定能给公司带来价值。 产品的进步是和每一个环节都分不开的。所以这些可以量化的产品数据，也是检验设计成果的一个方面。 10.1 好的设计师VS 糟糕的设计师 ● 好的设计师 对设计充满兴趣和激情 有天分：思维活跃 好的设计师不仅需要有想法、有创意，还要有高度的概括、总结能力及抽象思维能力，可以迅速归纳出问题的本质。 执行力强 情商高 超出预期 有条理 有上进心 眼界开阔、知识面广（懂产品、运营和推广） 乐于分享 ● 糟糕的设计师 缺乏兴趣、不用心 心态不好、顽固任性（抱怨） 不会合理安排时间 时间估算不准 不会恰当表现（沟通、宣传、推进自己的方案） 过于被动 沟通及团队协作能力差 学习意愿不强 不够专业（思考的广度和深度） ● 从哪几方面来提高 三个方面：专业、沟通、流程。 不能仅仅把自己定位成一个专业人员，而是要把自己当做一个具有专业技能的组织者、推动者、强大的执行者。 内功：兴趣、素养（包含良好的沟通）、思维、技能 10.2 学会思考，事半功倍 ●对一个任务的思考：老板的真实用意是什么？他想从中得到什么信息？ ●对用户需求的思考：用户为什么需要这个功能？他想满足一种什么需求？解决这种需求用简单的yy功能其实更合适。 ● Why，What，How三步分析法 Why：得到外界结论时先思考为什么。（为什么是这个样子？……） What：对现状进行更深层次的解读。（这个东西是什么，本质上需要解决什么问题？……） How：在已知的基础上，如何做得更好。 10.3 在否定中积极成长 ● 别害怕被否定 在遇到否定和挫折时，不要一味地灰心丧气，而是要反思自己哪里做得不够好，积极改进，这样你就不会再被否定。 ● 学会忍耐和付出 不要抱怨 ● 识别真相 在职场中，需要有一双睿智的眼睛和一颗有洞察力的心，了解别人的潜台词 ● 适度妥协 很多时候意见不同只是因为立场不同， 思考为什么不能说服对方。是自己的理由不够充分，还是表达的不够到位？ ● 超越自我 总结，改进，学习他人闪光点 良好的思维能力+健康的心态 11.1 设计师的品牌意识 品牌的作用：价值、专业、忠诚、信任。 Logo、Slogan、用户体验、名誉，等等，都和品牌有关。 有时候正确的表达比美观的设计更重要。 合格—专业—出色 ● 保证关联性 ● 力求一致性 我们接触一款产品，就好像接触一个人，他的外观、衣着、谈吐、性格都会影响到我们对他的印象和判断 衣着品味 表里如一 用户习惯一致 平台内一致 平台间一致 内部产品一致 ● 追求独特性 个性的标志（识别性强） 独特的风格 亮眼的细节 ● 品牌宣传无处不在 12.1 为老板？为用户？为妥协项目进度？还是为自己设计？ 平衡：既要让网站有利可图，又要最大限度地保证用户体验。 设计师的价值包含了用户价值、商业价值、项目价值、品牌价值。在实际工作中，我们要尽量权衡利弊，最大化地发挥价值。首先，要排除不正确的价值观。其次，要避免过于偏激和绝对，要懂得适当变通。最后要注意平衡不同的要注意平衡不同的价值倾向，使整体价值最大化。