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

04 设计流程-设计师具体做什么
4.1 设计师如何参与一个具体的项目
用户体验设计的目标可以归纳为：解决用户需求，减少用户理解和操作的成本，给用户留下美好而深刻的印象。
 
05需求分析-拿回产品的主导权
5.1 和产品经理一起做需求分析
需求考虑的角度：商业利益、项目角度、用户角度
5.1.1 不可忽视的产品定位
1、什么是产品定位？产品定位是产品设计的方向，也是需求文档和设计产出物的判断标准
2、产品定位的内容
产品定位包括产品定义（使用人群、主要功能、产品特色）和用户需求（目标用户、使用场景、用户目标）
产品定位核心：主要功能、产品特色、目标用户 
3、产品定义:就是一句话概括某个产品，例：一款专为摄影初学者使用的简单易用的修图软件。 
（使用人群：摄影初学者  产品特色：简单易容  主要功能：修图）
4、用户需求：一条用户需求可以看作是“目标用户”在“合理场景”下的“用户目标”，其实就是解决“谁”在“什么环境下”想要“解决什么问题”
5、选择目标用户（选择哪种类型作为产品的目标用户，需要权衡用户对公司的价值及潜在需求量）
6、确定产品定位并据此筛选需求（使用场景、用户目标、关键词的结果依赖于不同的思考、调研方法。如使用头脑风暴等）

5.1.2 需求从哪儿来
1、用户调研（通过问卷调查、用户访谈、信息采集等手段来挖掘需求；走到用户中，了解目标用户在真实使用环境下的感受、痛点、期望） 
2、用户反馈（产品在测试阶段或正式发布后，可能会受到很多用户反馈）
3、竞品分析（找到有代表性的同类产品、对比产品之间的优势、劣势，从而发现产品的突破口。）
4、产品数据（产品上线后，就可以收集到产品的相关数据了，如点击痕迹、浏览痕迹、浏览时长等。设计的时候要考虑到后期收集数据的需求，要预先埋点）

5.1.3 如何分析与筛选需求
1、如何分析与筛选需求
  挑苹果法
  ○1筛掉明显不合理的需求（目前不可能实现的/不合常理的、价值不大的、无合适场景的）
  ○2挖掘用户目标（用户的真实需求是什么）
  ○3匹配产品定位（目标用户、主要功能、产品特色）
  ○4考虑项目资源/定义优先级（实现成本、商业价值/用户价值等）
2、需求的产生
产品定位->产品需求->需求优先级

5.1.4 了解需求文档
1、需求文档包含什么内容
文档修改与审核记录、背景描述、用户类型和特征、项目时间安排、信息架构、整体业务流程说明、需求详细说明
2、需求文档的后续迭代
○1首先要认识到，需求文档不可能一次到位 
  ○2有一些较细节的东西在需求阶段不容易考虑清楚，要到具体的设计阶段才会有更深入的思考
  ○3设计师不要严格按照需求文档来做设计（产品经理考虑的角度和设计师不可能完全一样，需求文档更多的是体现业务、产品要求、功能等内容，而设计师还需要更多地考虑目标用户的特征、使用场景、痛点等，这些信息综合起来，才是设计的主要依据）
5.2倾听用户声音
5.2.1 拥抱用户
1、产品不可能满足所有用户的需要，我们首先必须明确：谁才是我们的目标用户？ 产品经理和设计师要跟目标用户打成一片，融入这个角色中，才能深刻体会到用户的本质需求 
2、persona   
5.2.2 别被用户牵着走
○1用户说的不一定是心中所想的（如说喜欢黄色产品最后选择黑色，可能猜测主持人意愿等）
○2用户没有表达出自己的真实需求（用户的真实需求是什么） 
○3该用户不是你的目标用户（不是你的目标用户，提的意见没多大参考价值）
○4用户意见不一定专业（需要设计师经过判断和思考，重新审视用户意见的合理性）
综上所述，我们既需要通过调研、观察、询问、记录意见等方式了解用户的想法，同时又要避免不经思考，完全照搬用户的意见来设计产品需求。因为用户的意见并不一定是真正的用户需求，我们需要先去识别（目标用户在合理场景下的真实需求/目标才是用户需求）
5.2.3 如何对待用户意见
○1根据目标用户考虑
○2根据使用场景考虑（1、使用场景一方面和使用平台有关2、人在不同场景下会有不同的行为）
○3根据用户目标（真实需求）考虑 
○4根据产品定位考虑
○5根据项目资源考虑
5.3设计师的逆袭
5.3.1 如何面对强势的产品经理
不管是用研、交互还是视觉设计师，不仅要懂用户，还要学会站在产品的角度想问题，平时也要注意学习产品方面的知识。这样才能和产品经理站在同等的高度沟通。 
5.3.2 拒绝不靠谱的需求文档
需求文档作用
○1可以有些地帮助产品经理理清产品功能、内容、业务逻辑等整体信息。
○2大大方便了团队的沟通，让团队成员在项目前期迅速准确、全面地了解你的想法，而仅靠简单的沟通则很难遍历到所有的需求点，且面对多人团队时效率很低。
○3可以帮助其他项目成员有针对性的提出问题
○4不仅有利于项目的持续发展，还能促进产品经理自身能力，专业性的提高。
5.3.3 从“功能需求”到“设计需求”
1、残酷的现实要求设计师学会走弯路

2、如何寻找设计目标
3、根据设计目标重新定义需求
5.3.4 如何“抄袭” 竞品 
1、在抄袭中寻求创新（抄袭的目的不是复制，而是不比对方差）
2、直接抄袭竞品的风险
○1影响企业形象
○2出现严重错误
○3驴唇不对马嘴
○4东施效颦
○5永远落在对手后面
3、如何对待“抄袭”竞品的要求
○1尝试所有的操作，截取全套的竞品截图；
○2根据截图绘制流程图，然后再根据流程图倒推需求
○3再根据5.3.3 的方法，提炼设计目标，确定设计需求，然后再开始正常的设计过程
  

06设计规划-从需求到设计草图
6.1 从需求到界面，隔着一扇门
6.1.1 如何搞定信息分类
信息的分类与组织是设计一个网站的基础
○1逻辑归类
○2卡片分类（开放式、封闭式）
6.1.2 好的导航是成功的一半
信息的分类与组织是设计一个网站的基础，而导航设计在互联网产品中又扮演着重要的角色。
1、导航在自我解释（如ebay女装类目页面，界面中的导航设计，通过面包屑与页面元素相呼应的方式，使用户理解产品的信息结构。清楚的解释了“我从哪里来””“我现在在哪” “我能去哪里”的问题）
2、深广度平衡
在导航的信息组织中，层级的数目可以称为导航的深度，每一层级中包含的菜单项数可以称为导航广度。
○1导航过深  用户需要耗费多次点击，才能找到所需信息
○2广度过广 一般来说，超过7个选项，用户就很难记住了。
3、用户所需信息与商业推广信息平衡
对导航的设计，一方面要了解用户的信息需求；另一个方面也要了解网站背后的商业目的。用户目的与商业目标之间肯定存在矛盾。对不同类型的信息进行分类组织，在不影响用户找到所需信息的情况下进行商业推广，可以减少对用户的干扰。
例：韩国电子商务网站乐天的分类，信息被分为3类。
最上方最突出的信息委上面类目，满足了用户查找商品的需求。
在导航中部，乐天为用户推荐了公司旗下的其它网站，并在背景色上加以区分，使它在视觉上弱于用户所需信息
在导航最底部，有一个活动推广链接，虽然它所处的我位置最不明显，但在颜色上进行了强调，对推广活动感兴趣的用户，可以再这里找到它
4、为重要功能和常用功能设置快捷入口（如淘宝购物车）
用户在使用时，并不会考虑产品逻辑，只希望在需要时能立刻找到自己想要的功能
6.1.3 主要任务与次要任务
通过对重要功能、信息进行分类和组织，可以帮助用户迅速找到入口，进入一个具体的界面，再通过界面上的信息提示完成各种任务。我们在设计界面时，必须明确哪些是主要信息，哪些是次要信息。
分主要任务（设计主线）和次要任务（设计支线）
6.1.4如何突出主要任务？
○1分解用户任务 
   从用户行为出发，详细描述用户的使用过程，将用户的任务分解为具体的行为操作。（用户行为即用户的这个子任务）
目的：在线购票
主要任务：选择影片－选择电影院－选择座位－输入接受的电子票号码－确认订单
子任务（可以理解为行为吗？）：如选择影片子任务有：浏览影片列表、浏览票房排行、浏览优惠推荐、浏览影片简介、浏览影片详情、浏览评论详情、观看预告片、选定要观看的影片
○2排列任务优先级
要突出用户的主要任务，就要对这些子任务所对应功能优先级进行排列。　
通过使用人数、使用频率和重要程度３个维度来排布优先级，优先级并不是出现的先后顺序，而是在页面中的重要程度。这些任务出现的次序，要按照主行为流的次序排列。
○3组织合并相关任务
将次序相同、操作相似、界面类似的任务组合起来，合并为同一组模块展现在用户面前。

6.1.5如何引导用户完成任务？
○1相似性引导
   大小相似、色彩相似、形态相似、视觉元素引导相似
○2 方向性引导
   用具有指向的箭头，进行方向性引导
　清晰的视觉纵向线
○3 运动元素引导
　用具有指向的箭头，进行方向性引导
　清晰的视觉纵向线
○4向导控件（ＷＩＺＡＲＤ）
１、在陌生的页面环境下，为用户指导方向
２、让用户对整个操作有个预期，任务一共多少步骤、所处在哪个步骤、还有多少步完成任务。
6.2设计友好而易用的界面
6.2.1 如何简化复杂的操作
○1减少冗余步骤和干扰项
○2将复杂操作转移给系统（如地图默认我的位置）
○3简化操作方式（功能手机和智能手机）
○4优化操作过程（如登陆页面）
操作中得不到反馈，发生错误后，比操作过程的冗余更可怕。提供合适的首选项、适时帮助、及时反馈、提供合理的默认值等，这些细节的优化，可以帮助用户降低出错几率，使他们能够更快更顺畅的完成任务。
6.2.2 信息量太大，页面怎么摆
1、让页面层次不言而喻
 信息为主的页面，将信息分解为容易理解的信息模块，更加用户想看到什么和我们想让用户看到什么为内容模块排列优先级。和分析用户任务过程类似（分解-排列-组织）
○1逻辑相关的在视觉上归为一类
○2内容或重要程度不同的在视觉上体现差异
（同类信息：接近原则  内容或重要程度不同信息：差异原则）
○3逻辑上有包含关系的在视觉上进行嵌套
○4将重要信息跳出来（电商评论模块）
○5将次要信息藏起来（谷歌首页 ，按使用平率分3个层级功能划分。）

6.2.3 理性的规划VS感性的界面
1、以人为本的界面设计（淘宝收藏夹和购物车差别）
 信息为主的页面，将信息分解为容易理解的信息模块，更加用户想看到什么和我们想让用户看到什么为2、帮助用户找到想要的东西
3、吸引无目标的用户
4、符合用户心理模型
07设计规划-从需求到设计草图
7.2 标准原型包含的内容
1、简要说明与信息结构（变更日志、版本说明、信息结构）
2、任务流程与页面流程（业务流程偏向于业务限制、后台逻辑等；任务流程主要关注用户如何操作、界面如何反馈等，从而引导用户完成用户目标；任务流程图是页面流程图的基础和依据）
3、线框图&交互说明
针对你以前说的喜欢做动效来代替交互说明，不可取的原因：
○1做动态效果比较浪费时间
○2浏览原型的人需要逐一操作才能看到效果，一旦有某个地方没有操作到，就可能会遗漏。 
○3文字说明可以让团队成员清晰、快速的看到全部动态说明，一目了然。 
但有些动态效果用文字说明或静态图片描述不直观，因此建议采用交互说明与动态效果相配合的方式

交互说明的几种类型：
○1限制（范围值、极限值）
○2状态（默认、常见、特殊）
○3操作（常见、特殊、误操作、手势）
○4反馈（提示、跳转、动画）
7.3 你针对会画线框图吗
1、通过明暗对比表达
2、不使用截图与颜色
3、合理的布局
4、遵守栅格规范
5、标记第一屏高度（570像素，松600像素）
6、表达清楚UI逻辑
7、考虑视觉实现后效果
8、了解视觉趋势
7.4 写交互说明诀窍
1、尽量使用真实、符合逻辑的数据
2、不遗漏特殊状态的描述
3、避免过长的说明
4、避免流水账式的说明（流程图代替文字说明、用表格罗列各种状态、巧妙组织文字说明如if、f else、 case等、制作动态效果）
5、关于重复出现的模块（例：迷你收藏夹0
6、如原型有修改，不要口头沟通，而要更新交互说明告诉大家
7.5 关于设计规范
 
08项目跟进-保障设计效果的实现
8.1做设计评审的主导者
1、设计评审的目的（检验目标、发现问题、达成共识）
2、评审前的充足准备（首先考虑所有可能方案、准备各种设计依据、做好会议邀请工作）
3、如何在评审中掌握主导权（首先考虑所有可能方案、准备各种设计依据、做好会议邀请工作）
○1主导流程（明确设计方向->阐述设计分析->展示设计方案->引导讨论）
○2提高效率
○3区分和收集有价值的反馈意见 
8.2如何评审视觉稿
1、对交互稿理解是否正确（○1注意视觉改变是否合理、○2有无违背交互逻辑、○3会不会引起用户歧义  ） 
2、拒绝毫无发挥的视觉设计（视觉注重美化界面、气氛渲染，交互更注重逻辑、传达信息以及对用户的引导作用）
3、关注视觉层次是否清晰（○1正确的理解信息并传达出来是对视觉设计师的最基本要求、○2让界面更美观、更有氛围、○3通视觉层次清晰，通过视觉元素清晰地引导用户）
4、关注交互细节和状态标注
5、在审美方便不过分干涉
09成果检验
9.1 可用性测试
9.2 AB测试