封面

    文前

    推荐序

    对本书的赞誉

    前言

    第 1篇 成为用户体验设计师的信念

    01 什么是用户体验设计

    1.1 设计≠艺术

    1.2 邂逅用户体验设计

    1.3 用户体验设计的特征

    1.4 用户体验设计的精益之道

    02 了解用户体验设计师

    2.1 用户体验相关职位有哪些

    2.2 用户体验设计师的价值

    03 设计师的职业困惑

    3.1 我适合干这行吗3.2 菜鸟怎样入门

    3.3 去大公司、小公司，还是设计公司

    3.4 什么样的应聘者更容易成功

    3.5 未来的发展方向

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

    04 设计流程——设计师具体做什么

    4.1 设计师如何参与一个具体的项目

    4.2 在项目中设计师容易遇到的问题

    05 需求分析——拿回产品的主导权

    5.1 和产品经理一起做需求分析

    5.2 倾听用户的声音

    5.3 设计师的逆袭

    06 设计规划——从需求到设计草图

    6.1 从需求到界面，隔着一扇门

    6.2 设计友好而易用的界面

    6.3 捕获用户的芳心

    6.4 快速表达我的想法——纸面原型

    07 设计标准——好的设计需要表达7.1 什么是原型

    7.2 标准的原型应该包含什么内容

    7.3 你真的会画线框图吗

    7.4 写交互说明的诀窍

    7.5 关于设计规范

    08 项目跟进——保障设计效果的实现

    8.1 做设计评审的主导者

    8.2 如何审核视觉稿

    8.3 开发阶段，设计师该做些什么

    09 成果检验——设计优劣可以判断

    9.1 可用性测试

    9.2 AB测试

    9.3 定性的用户反馈和定量的产品数据

    第 3篇 实现用户体验设计师的价值

    10 设计师的自我修养

    10.1 好的设计师 VS?糟糕的设计师

    10.2 学会思考，事半功倍

    10.3 在否定中积极成长11 设计师易忽略的工作意识

    11.1 设计师的品牌意识

    11.2 设计师的沟通意识

    11.3 设计师的流程意识

    12 设计师为了什么而设计

    12.1 为老板？为用户？还是为自己设计

    12.2 实现商业价值与用户需求的平衡

    12.3 实现用户体验设计师的价值

    关注微信公众号:取金之道

    免费领取电子书

    股票金融，创业，网络，文学，哲学系列等都可以在公众号上寻找。

    公众号“书单”书籍都可以。

    公众号每天推荐书籍!

    我收集了 5万本以上的电子书，喜欢看书的人，关注它就对了。目录

    封面

    文前

    推荐序

    对本书的赞誉

    前言

    第 1篇 成为用户体验设计师的信念

    01 什么是用户体验设计

    1.1 设计≠艺术

    1.2 邂逅用户体验设计

    1.3 用户体验设计的特征

    1.4 用户体验设计的精益之道

    02 了解用户体验设计师

    2.1 用户体验相关职位有哪些

    2.2 用户体验设计师的价值

    03 设计师的职业困惑

    3.1 我适合干这行吗3.2 菜鸟怎样入门

    3.3 去大公司、小公司，还是设计公司

    3.4 什么样的应聘者更容易成功

    3.5 未来的发展方向

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

    04 设计流程——设计师具体做什么

    4.1 设计师如何参与一个具体的项目

    4.2 在项目中设计师容易遇到的问题

    05 需求分析——拿回产品的主导权

    5.1 和产品经理一起做需求分析

    5.2 倾听用户的声音

    5.3 设计师的逆袭

    06 设计规划——从需求到设计草图

    6.1 从需求到界面，隔着一扇门

    6.2 设计友好而易用的界面

    6.3 捕获用户的芳心

    6.4 快速表达我的想法——纸面原型

    07 设计标准——好的设计需要表达7.1 什么是原型

    7.2 标准的原型应该包含什么内容

    7.3 你真的会画线框图吗

    7.4 写交互说明的诀窍

    7.5 关于设计规范

    08 项目跟进——保障设计效果的实现

    8.1 做设计评审的主导者

    8.2 如何审核视觉稿

    8.3 开发阶段，设计师该做些什么

    09 成果检验——设计优劣可以判断

    9.1 可用性测试

    9.2 AB测试

    9.3 定性的用户反馈和定量的产品数据

    第 3篇 实现用户体验设计师的价值

    10 设计师的自我修养

    10.1 好的设计师 VS?糟糕的设计师

    10.2 学会思考，事半功倍

    10.3 在否定中积极成长11 设计师易忽略的工作意识

    11.1 设计师的品牌意识

    11.2 设计师的沟通意识

    11.3 设计师的流程意识

    12 设计师为了什么而设计

    12.1 为老板？为用户？还是为自己设计

    12.2 实现商业价值与用户需求的平衡

    12.3 实现用户体验设计师的价值

    封面文前作为一门独立的学科和行业，用户体验设计正在快速发展并得到越来越多的重视。随着互

    联网思维这一概念的提出和兴起，“用户体验”的地位和关注度得到进一步的提升和强化。

    市面上已经有很多专业的用户体验书籍，但解决用户体验设计师在职场中遇到的众多现实

    问题的图书并不多见。本书从用户体验设计师的角度出发，系统地介绍了其职业生涯中的

    学习方法、思维方式、工作流程和方式，覆盖了用户体验设计基础知识、设计师的角色和

    职业困惑、工作流程、需求分析、设计规划和设计标准、项目跟进和成果检验、设计师职

    业修养以及需要具备的意识等，力图帮助设计师解决在项目中遇到的一些常见问题，找到

    自己的职业成长之路。

    本书由资深的一线用户体验设计师编写，书中融入了宝贵的职业经验和专业思考，对于交

    互设计师、视觉设计师、用户研究员等具有一定参考价值和借鉴意义；同时，本书也适用

    于产品经理、运营、开发等用户体验相关人员以及相关专业的学生阅读参考。

    推荐序

    成功的互联网产品离不开勇于创新的精神、一丝不苟的态度、精益求精的打磨。在网易十

    几年的发展历程中，我们始终坚持做有灵魂的产品，通过优秀的体验真正打动用户的心!

    这本书分享了网易设计师的宝贵经验和教训，可以帮助你少走弯路，在职业发展中“破茧

    成碟”、脱颖而出!

    ——网易创始人兼首席执行官对本书的赞誉

    这本书总结了用户体验实践中的典型问题，并用非常有亲和力的语言描述了作者是如何思

    考、处理与改进的，这一系列的精彩故事让我产生共鸣。这是一本拥有实战案例分享、不

    可多得的用户体验设计类图书。我认为您值得拥有，它将为您增添新的智慧与阅历!

    ——国际体验设计协会(IXDC)秘书长 胡晓

    本书是网易优秀设计师以自身工作经历为蓝本，结合工作中的心得、体会熔铸而成的扛鼎

    之作，实为一部用户体验设计师必看的经典作品!

    ——阿里巴巴中文站资深用户体验专家 汪方进

    作为一名顶级互联网公司的设计团队负责人，作者在用户体验领域内的思考和实践经历了

    不同的阶段，而与之对应的是这段时期无论产品载体还是产品盈利方式都有着快速的演变。

    本书不仅有着大量切中要害的对工作困惑的解答，同时也是设计师成长之路和设计方式演

    进的良好结合。它是初学者的必备!

    ——友盟产品设计总监 张立洲

    这本书让我们可以从另外一个角度探讨一个好的产品是如何产生的，以及一个产品经理怎

    样才能更好地与设计师们配合。无论是设计师、产品经理，还是产品运营人员，都能从这

    本书中得到很好的帮助!

    ——搜狗用户平台事业部产品经理 曾奇

    前言今年是我做交互设计的第 5个年头。

    2009年 6 月，我来到中国移动研究院，成为一名交互设计实习生。在这里，我接触到了

    很多设计高人，他们的指导使我受益终生。我的交互设计之路就这样开始了。

    2010年 7 月，我研究生毕业，并拿到了网易的 offer，成为网易 UEDC(网易用户体验设

    计中心)的一名交互设计师。在这里，有很多非常优秀、年轻的设计师，大家定期在一起

    沟通交流，在快乐的氛围中不断成长着。UEDC十分重视设计师的个人提升。部门领导鼓

    励大家写博客并组织、参加业内的交流分享活动，这使我获益良多。就是在这个时候，我

    开始养成了写博客的习惯，也经常看其他设计师的博客。从别人的文章或分享里，我学到

    了很多东西。我非常感谢他们无私的奉献，也决定未来要把自己所掌握的知识或心得分享

    出去，回馈他人。通过做项目、做总结、写博客、做分享、不断学习别人的精华，我在交

    互设计的道路上快速驰骋着。

    2012年 3 月，我来到网易技术部，开始组建部门的 UED团队。在这里，我的工作重心由

    原来的自我提升逐渐转向为提升他人。除了做一些重要项目外，我把其他一些精力放到了

    招聘、辅导新人和其他团队的沟通协调上。在这个过程中，我发现了很多问题，比如：为

    什么设计师老抱怨自己没有话语权；为什么很多好的方案得不到实施；为什么有些设计师

    很努力却进步很慢；为什么设计师老被抱怨太过学院派，不接地气；设计师普遍容易出现

    什么问题，如何解决；很多新入行的产品经理、视觉设计师、运营推广人员不了解交互设

    计师的工作范围及职责，应该如何和他们合作……

    类似的问题还有很多很多。总的来说，这些问题可以归结于一点：专业理论和工作环境脱

    节。很多人在学校是好学生，读过不少专业书籍，也拿过不少奖项，但是在实际工作中却

    表现平平。工作环境毕竟不像学校和书本中那么纯粹和理想，我们会面临很多意想不到的

    情况。这是每一个“学院派”设计师都需要面临的问题。

    现在我希望能把我这 4年多积累的经验分享给大家，让设计新人或在职场中感到迷茫的

    设计师可以更顺利地工作和发展。为什么要用写书的方式来分享呢？因为现在市面上虽然有很多关于用户体验、交互设计方

    面的书籍，但它们普遍更侧重于专业、理论方面的讲解，这些内容难以解决中国设计师在

    职场中遇到的很多现实的问题。我们知道国内外的环境是不同的。国外的设计环境更专业、成熟一些，而国内用户体验兴起得较晚，在工作流程、方法、意识上均有很多不完善的地

    方，这给设计师造成了不少困扰。

    因此我希望能写这样的一本书，它能够比较系统地介绍设计师的学习方法、思维方式、工

    作流程、工作方法，最重要的是理论和实际情况相结合，帮助解决设计师在项目中遇到的

    一些常见问题，同时也帮助产品经理、开发工程师、运营推广人员等了解设计师的工作，以便能够更好地与设计师相处和合作。相比具体的专业理论知识，本书更侧重于观念和方

    法，希望帮助设计师找到自己的职业成长之路。

    本书不光面向初级的交互设计师、视觉设计师、用户研究员，还适用于希望了解用户体验

    设计的产品经理、开发工程师、运营推广等相关人员。

    本人的工作经验不多，水平还十分有限，仅希望借此书能把个人的经验分享给大家，帮助

    更多有需要的人。如书中有错漏之处，还望海涵。

    最后，感谢网易公司对我的培养和信任，谢谢它慷慨地给予我各种犯错误的机会；感谢李

    月和我合作一起写完这本书，并且帮忙对里面几乎所有的配图都进行了重新的设计，非常

    辛苦；感谢胡云杰、杨烽亮、崔海军、魏玮、丁红岩等同事在这本书上给予我的直接帮助

    和支持!

    刘津

    2013年 12 月

    第 1 篇 成为用户体验设计师的信念01 什么是用户体验设计

    “这个东西好难用!”

    “购买的入口在哪里，半天都找不到啊!”

    “不小心删除了重要的信息，怎么办啊，急死我了!”……

    这些话我们经常会听到，它们都是在抱怨让人痛恨的用户体验，而这种体验往往来源于糟

    糕的设计。不要小看一个糟糕的设计。它不仅耽误事情，还会让无辜的用户觉得很倒霉，甚至产生挫败感，对自己丧失信心。

    糟糕的设计是怎么产生的呢？要解答这个问题，我们需要探寻本质，了解用户体验设计的

    含义。

    1.1 设计≠艺术

    一说到设计，很多人会首先联想到绘画、创意、各种漂亮的手稿、雕塑模型等。那么，设

    计纯粹就是漂亮的外观吗？设计是关于创意的工作吗？它和艺术类似吗？这些问题不仅让

    很多外行人感到疑惑，就连一些年轻的设计师可能也搞不清楚。

    那么设计和艺术到底是什么关系呢？我们看看下面这个例子就明白了。

    图 1-1 是艺术大师毕加索的一幅作品。你觉得它表达的是什么含义呢？每个人都会有不同

    的见解，有的人甚至可能会说“我完全看不懂”。不过没关系，这恰恰就是艺术的魅力。图 1-1 毕加索的画(图片来源于网络)

    我们再来看一个例子。

    图 1-2 是某用户体验设计师的作品，准确地说应该是半成品。内容包含页面草图(线框

    图)、页面流程、简单的交互说明等。它看起来理性而又专业。最终，视觉设计师将根据

    这些草图绘制优美的界面，也就是我们在使用网站或软件时所看到的。

    现在大家可以分清艺术和设计的区别了吧？简单地说，艺术是感性的，而设计是相对理性、精密的。艺术所表达的是创作者的个人意识，而设计是为了解决用户具体的问题。

    很多不了解设计的人会以为设计是充满想象力、天马行空的，而非理性的。实际上设计并

    不是搞艺术，设计师既需要一定的灵感和天分，也需要后天努力的学习，掌握一定的技巧

    和方法，更重要的是严谨细致的心思。我见过很多产品经理或交互设计师，在画线框图时，没有任何章法，完全凭借想象和喜好绘制。这就变成了没有任何价值的“艺术创作”了，而

    糟糕的设计也多半来源于此。

    图 1-2 用户体验草图设计阶段(图片来源于网络)

    1.2 邂逅用户体验设计

    用户体验是什么？抛开那些晦涩难懂的专业术语，用一句话概括就是：你在使用一个产品

    时的主观感受。那用户体验设计又是什么呢？自然就是为了提升用户体验而做的设计了。

    既然用户体验是感性的，那么设计师该如何去做，才能满足用户主观的使用感受呢？这也

    是让很多设计师头疼的问题。

    来看看网络上很火的一些设计案例。

    图 1-3 左边这个场景是否会让你感到似曾相识且痛恨无奈？而右边这个设计，则很好地解

    决了这个问题。

    图 1-4 这个案例来自国外：在小便池上放了一只苍蝇的图案，尿液溅出率降低了 80%。

    因为人的视线会不由自主地集中在苍蝇上，并瞄准它……图 1-3 某公司的新型插座(图片来源于网络)

    图 1-4 小便池上的“苍蝇”(图片来源于网络)

    接下来，请看一些糟糕的设计，如图 1-5 所示。

    图 1-5 网上流传的“天才设计师的作品”(图片来源于网络)从上面的这些例子可以看出，用户体验设计首先是要解决用户的某个实际问题，其次是让

    问题变得更容易解决，最后是给用户留下深刻的印象，让他在整个过程中产生美好的体验。

    视觉体验只是整体体验的一部分，因此外观的美丑、是否有创意，仅是设计中的一部分内

    容，它并不是设计的全部。

    因此，用户体验设计首先应是理性的(如解决用户插电源的烦恼、解决厕所里到处是尿液

    的尴尬局面等)，其次才是感性的(设计的美观度，瞄准“苍蝇”的趣味性等)。只要你的

    方案能够解决用户的实际问题，又能带给他好的感受，用户就很容易感到满意。所以说感

    性的用户体验其实并不难满足，只要设计师所做的设计合理而又让人感到有趣。

    1.3 用户体验设计的特征

    从前面的案例中，我们可以总结出如下用户体验设计的一些特征。

    ● 严谨、理性、创意

    用户体验设计充满了理性和严谨，因为它首先关注于解决用户的问题，同时也需要优质的

    创意，帮助用户获得更好的体验。

    ● 提供特定问题的解决方案

    为了避免把设计当做自己无限发挥创意的舞台，以至于出现糟糕的体验。设计师在设计前，请先问问自己，这次设计的目标是什么？要为什么样的人解决什么样的问题？如何解决？

    我们来看看下面这个例子。

    图 1-6 是 2幅网络上流传的照片。左图的通道是为了残障人士而设计的吗？看样子好像是，又好像不是，让人匪夷所思。右图是钢铁侠造型的 U 盘，外观很酷是不是？但是使用的

    时候好像出了点问题。钢铁侠的手紧紧地按住了关机键，且手臂不能自由活动……图 1-6 网上流传的设计(图片来源于网络)

    为什么会出现这样的设计呢？因为设计者没有很好地考虑设计目标，没有把自己代入用户

    使用的场景中去考虑问题，仅仅是依照自己的想象在创作，所以造成了笑话。

    ● 不让用户思考

    很多设计师喜欢找这样的借口：我这个设计很有创意，用户第一眼看到的时候不会用没关

    系，他第二次不就会了吗？可惜的是，用户可不会这么想。他第一次遇到挫折的时候，很

    可能会头也不回地扬长而去……再也没有第二次的机会了。

    当然还有更糟糕的情况，那便是用户不得不用，但却被糟糕的设计搞得百思不得其解的时

    候。图 1-7 是一个网友拍的，我觉得很有意思就收藏了。你的设计会不会有时候也让人一

    头雾水呢？图 1-7 某路段的指示牌(图片来源于网络)

    ● 趣味横生

    趣味性可以为你的设计加分，让用户产生难以忘怀的奇妙体验。例如，针对厕所尿液溅出

    的现象，常见的做法是贴一个小提示，但效果并不好。为什么苍蝇图案的效果这么好？因

    为它抓住了用户的心理和行为习惯，同时又充满了趣味。趣味性的东西更容易吸引用户。

    这就好像一个人，如果他的存在能解决你的实际问题，你一定会对他产生好感，如果他还

    能给你带来欢乐，那你一定会对他留下深刻的印象。

    图 1-8 是 Path?3.0 版推出的商店功能，用户可以在里面购买喜欢的贴纸。当你轻轻晃动

    手机时，贴纸会顺着你摇晃的方位改变角度。发现这个小变化，足以让人感觉兴奋和惊奇。

    试问使用这样的产品，你的体验能不好吗？图 1-8 Path的商店界面

    1.4 用户体验设计的精益之道

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

    细心观察生活中每一个不如意的地方吧，也许它就是你改变世界的机会。

    我保证，我曾经无数次地遇到过那个讨厌的插座问题，而我所做的仅仅是无奈地把其中一

    个拔掉，或者等其中一个用完了再用另一个；要不就是再买个插线板。我相信在中国，插

    线板的销量应该很好吧。但我却从来没想过怎么在设计上改进这个问题。在看到图 1-3 所

    示的设计后，我才发现改变原来如此简单。● 了解人，观察人

    做设计是为了解决“人”的问题，是为了让“人”从中获得良好的体验。所以说到底，我们是

    在做以“人”为中心的设计。那么这就需要了解“人”的想法、行为、习惯等，学会换位思考。

    有的人可能会说：“我自己也是人，也是用户，所以我觉得就应该按我自己理解的去设计”。

    但糟糕的是，人有共性，也有较大的差异性。你的个人想法并不能代表大众的想法。所以

    设计师必须有一种本能。他的想法不能太“偏”，能体会大多数人的想法，同时又能够领先

    于大众的想法，创造新的设计。这对于绝大多数设计师来说都是个巨大的挑战。

    平时多注意观察普通人的日常使用行为是一个好的习惯。但要注意不要以偏盖全，而是多

    思考背后的原因，归纳人的共性。

    另外，设计师要注意积累自己的知识面和思考深度，多读一些优秀的著作(不光是设计专

    业方面的，还可以包含人文历史等)，进一步了解人性。

    ● 理性的思路

    很多设计师把设计理解为简单的外观设计，一上来就开始构思界面细节，缺乏一个完整清

    晰的思路，以至于设计方案遭到各种质疑。当然，其他人的意见未必都是正确的。设计师

    本人如果都没有认清设计的本质，就更不要指望非专业人士有正确的理解了。最糟糕的情

    况是，所有人都把设计方案当成是画作，而每个人又都有自己的喜好，因此讨论无休无止，永远都确定不了最好的方案。

    遇到问题时，我们该如何思考呢？图 1-9 遇到问题时如何思考

    如果你在工作中是按图 1-9 的顺序按部就班地思考并向团队成员进行解释的，而不是直接

    展示一幅完成的画面，那还会受到这么多只关注表象的质疑吗？

    ● 亲自使用、体验

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

    我曾经见过很多糟糕的设计，它们之中有些根本无法使用，而设计者却丝毫不知情。其实

    只要亲自试用，就可以轻而易举地发现很多的问题。所以想要做出好的设计，首先要保证

    设计师深爱自己的作品，把它看的像名誉一样重要，多番使用和体验，直至完美无缺。

    这也可以解释，为什么很多并不懂设计的人反而可以做出体验很好的产品。原因就在于他

    会不停地去试用，发现问题，直至每一个细节都做到没有缺憾。

    ● 多听用户的反馈意见

    亲自试用并不见得能发现所有问题。毕竟你对这个产品太过熟悉，很多东西已经习以为常，而用户却可能并不了解。

    我曾经为一个用户量极大、但骂声一片的网站做过一些优化建议工作。当时我看到一个陌

    生的专业名词，提醒他们应该把它改得更通俗易懂些。但他们的领导却不以为然，说这个

    词他们天天都挂在嘴边，已经熟悉的不能再熟悉了，并认为它就应该这么叫，没有任何理

    由更改。当一个人已经知道某件事时，他就很难想象出自己不知道的话会是一番什么情形。我们可

    能会嘲笑不会用传真机的博士，却忘记了自己第一次使用时的尴尬场景。

    设计师永远不是为了自己去设计的，多听听用户的反馈意见，才能更快发现设计上的问题

    以及用户的困惑，做出更受用户喜爱、用户体验良好的产品。这也是设计师的工作目的。

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

    一个人如果读过大量优秀的文学著作，那么对他的写作就会有较大的帮助。同理，如果一

    个设计师常年累月，潜心研究了大量优秀的设计作品，那么他的设计质量自然也不会差。

    图 1-10 是 2 个应用的界面截图。同样是天气预报的应用，左边的界面元素复杂，内容杂

    乱，用户很难快速获取信息，而右边的界面就清晰很多了。如果设计师都能长期关注设计

    趋势、关注优秀的设计是什么样的，那左边这样的设计也许慢慢地就不复存在了。踩着巨

    人的肩膀，才能看得更远。图 1-10 两个天气应用的界面

    然而令人困惑的是，很多设计师以及产品经理还是在持续地产出垃圾设计。这些产品的体

    验比市面上很多类似的产品都要糟糕得多。我认为之所以会产生这种结果可能是因为：设

    计者平时没有积累的习惯，没有去观察、学习其他产品的设计；设计者缺乏鉴赏力，不能

    分辨设计的好坏；设计者为了突出自身特点，故意避开竞品的设计，但其能力又十分有限；

    时间紧迫，等等。

    不管如何，日常的积累是非常重要的。平时需要多欣赏优秀的设计，这种积累会让设计师

    在设计时胸有成竹、事半功倍。02 了解用户体验设计师

    广义的用户体验指人在使用某个产品时的主观感受。在互联网公司或软件公司里，用户体

    验主要来自用户和人机界面的交互过程。

    人与界面的交互，本质上来说和人与物品的交互并没有太大的区别，只是机器更加智能，可以通过界面不断地给用户反馈(比如点击某个按钮，跳转到某一个页面。输入某段文字，在屏幕上相应地就能出现这段话)。在这种来往间，形成了人机交互的过程。

    随着技术的发展和用户体验思想的升华，我们使用的产品界面越来越易用，用户体验越来

    越好。现在连老人和儿童都可以轻易地使用一些电子产品了，高科技产品不再神秘和高高

    在上，它们越来越贴近我们的生活，也越来越人性化。毋庸置疑，体验好的产品更容易受

    到市场的欢迎。因此，用户体验设计师这个角色也就越来越受到企业的重视。

    成为一名用户体验设计师，你就有机会让自己的想法变成实实在在的产品。当你看到人们

    在使用你设计的产品，看到它如何改变人们的生活时，你会有一种前所未有的成就感和自

    豪感!

    2.1 用户体验相关职位有哪些

    国内的设计团队，一般包含交互设计师、视觉设计师和用户研究员 3个职位。总体来说，设计团队需要负责产品的用户需求把握、视觉呈现优化和使用体验的提升。

    好的用户体验，就如同彬彬有礼的服务人员，不但能马上解决用户的问题，其优美的谈吐、机智的反应，也会给用户一次非常美妙的体验。如果把产品比做图 2-1 左侧的这个服务人

    员，那么这3个职位的作用正如图中所描述的那样。图 2-1 图解用研、交互、视觉的含义

    ● 交互设计师

    关于交互设计师的解释，确实是个难题。以前每当有人问我是做什么的时候，我都觉得很

    难用一句话描述清楚。

    最开始我会说：“我是一名交互设计师。”然后发现对面的人一头雾水。看来这种解释很失

    败!

    然后我考虑换个说法：“我是设计互联网产品的。”“哦，那不就是产品经理吗？”我的解释

    再次失败了!

    再后来，我又尝试了一种比较委婉的说法：“我是一名建筑设计师，不过我不设计房子，我设计互联网产品，比如产品的结构、信息层级、使用流程等。”对方听得一知半解，也

    不知道是懂了还是没懂。现在我会这样说：“你使用一个网站的时候，有没有出现这种情况，某个功能怎么都找不

    到，或者点了某个按钮一点反应都没有，再或者填写信息时总是无法成功提交……”对方马

    上来了兴趣，“有啊有啊，这种情况经常发生啊，尤其是那个该死的 xxxx 网站……”我马上

    趁势说：“我们的工作就是改善这种情况，让你使用网站时有一个良好的体验。”对方马上

    就明白了。

    曾经在网上也找到了比较受认同的解释，这是从交互设计积累的经验得到的，即帮助用户

    高效地完成产品所设想的任务，同时在这个过程中，能让用户感觉到愉悦和不受打扰。这

    是一种比较理想的解释。

    然而在工作中就没有这么理想化了。设计不仅要让用户用着感觉好，还要让公司有利可图。

    下面是我从具体工作的角度总结的：交互设计就是通过分析用户心理模型、设计任务流程、运用交互知识，把业务逻辑(功能规格或内容需求)以用户能理解的方式表达给用户，最

    终实现产品战略(公司需求和用户需求的最佳平衡点)的过程。这其实对交互设计师提出

    了更高的要求，即从公司战略角度去考虑问题，在满足公司需求的基础上让用户觉得易用、好用。

    交互设计师的产出物也比较丰富，有竞品分析文档、用户反馈整理、流程图、设计草图、设计原型，等等。其中最常见的是设计原型。设计原型的样式没有固定的标准，手绘、软

    件绘制都可以，主要是根据各个公司的实际情况而定的，如图 2-2、图 2-3所示。图 2-2 Balsamiq Mockups 软件的手绘风格

    图 2-3 Axure 软件绘制的线框图由于交互设计师的主要产出物是设计原型、线框图等偏具体的表现形式，所以很容易让人

    误认为交互设计师的工作就是画图，而忽略了他们背后的思考和方法。甚至很多产品人员

    也尝试着用软件画出尽可能漂亮的线框图，并认为这就是在做交互设计。就像前面所说的，缺乏思考和方法，凭借个人喜好和感觉去做设计，实际上做的并不是设计，而是没有任何

    艺术价值的“艺术品”。

    然而互联网公司的一个普遍现状就是：很多人每天忙碌的画着看似专业的线框图，却根本

    不懂得如何做设计。

    在我做交互设计的第一年，我没有碰过任何软件。企业导师鼓励我尽量在纸上表现自己的

    想法。甚至到了第二年，我还没听说过 Axure 这款软件(公司里最常见的绘制原型图的

    软件)。现在，我非常非常地感谢那一年，它让我把精力完全放在了对设计本身的思考上，而不是过早地陷入对细节表现的追逐上。

    说到底，对设计师来说最重要的是解决问题的能力，而原型只是最后一步，用于呈现他的

    想法。原型谁都可以画，但如果一个人没有扎实的基本功，没有好的理念，只会照葫芦画

    瓢地通过借鉴竞品来绘制美丽的界面，又怎么可能做出好的设计呢？

    在工作中，交互设计师除了基本的设计工作外，还要沟通、宣传、执行、跟进自己的设计

    方案，确保最终的结果和自己的设计方案没有偏差。产品上线后，还要继续跟进，解决线

    上问题、收集反馈意见，为下一次迭代做准备。好的交互设计师对整个项目可以起到非常

    积极有效的推动作用。

    ● 视觉设计师

    其实视觉设计师也分为很多种，如平面设计师、原画设计师、推广设计师、界面设计师

    (UI设计师)等。本文中主要指的是 UI设计师。

    原画设计师：要求设计者有很强的手绘能力，作品充满艺术表现力。举一个例子，如图

    2-4 所示。图 2-4 原画场景

    平面设计师：要求设计者能很好地传达思想，作品有较强的感染力，好的平面作品也不乏

    艺术感和优秀创意，如图 2-5 所示。图 2-5 某平面广告

    互联网产品的推广运营设计师：要求作品能突出重点、快速抓住眼球，内容越直观越好。

    因为在互联网上看广告的用户可没什么耐心，他们往往是忙碌且急躁的，没有心情去欣赏

    什么艺术和创意，如图 2-6 所示。

    界面设计师(UI设计师)：要求设计者既具备一定的交互知识，也具有良好的审美感觉，作品能很好地引导用户操作，同时令用户感受到作品的美感，下次还愿意光顾你的网站，如图 2-7 所示。图 2-6 某电商网站促销广告

    图 2-7 话费充值弹窗

    UI设计师必须能清晰地领会交互设计师的意图(在很多公司，并没有严格地区分交互设

    计师和 UI设计师，他们也可能是同一个人)，知道哪些内容重要，哪些内容次要，从而

    在视觉上给予清晰的引导，使用户一眼就能发现重要的信息，从而顺利地完成操作。UI设计师需要避免过于纠结作品的美观程度，而忽略了对用户的恰当引导。比如图 2-8

    中这两个界面，左图更有设计感，但图标却令人疑惑；右边的明显看起来更好用。

    图 2-8 两款社交应用的图标设计对比

    不管是什么类型的设计师，都免不了背后遭遇“一群指点江山的神”，还有可能被唤作“美

    工”。因为视觉是比较感性的，谁都可以发表看法。所以视觉设计师要做好这个心理准备。

    UI设计师要想立于不败之地，在 PK 中顽强地屹立不倒，一定要注意积累自己的知识，做

    到懂产品、懂用户、懂设计，关键时能有条理地陈述自己的观点和理由。有理有据，别人

    就不会轻易让你改来改去，你也可以做出真正优秀的作品。

    ● 用户研究员用户研究员，顾名思义，就是专门研究用户的人。用户研究员简称“用研”，数量不多，一

    般只有大公司或较大的设计团队才有这个职位，对从业人员的专业背景和各项素质要求都

    较高。他们在产品设计中有着不可忽视的作用，即通过各种分析和研究，深入地了解用户

    特征、用户行为习惯等，从而为产品、运营、推广、设计决策等提供必要的方向和支持。

    用户研究员日常的工作可能有市场分析、竞品分析、创建人物角色、问卷调查、焦点小组、用户访谈、可用性测试，等等。

    举几个例子。比如说最近做了一个促销活动，但是效果很不好，就可以找用户研究员做一

    些简单的调研，来寻找原因。再如，设计师完成设计原型后，用户研究员可以做可用性测

    试来排查设计问题。还有，产品人员在考虑产品方向和新功能时，也可以找用户研究员调

    查，看是否符合目标人群需要，等等。

    用户研究员的工作涉及市场、产品、运营、推广、设计等方方面面，所以要求从业人员不

    仅应具备基础的研究分析能力，更要懂市场、运营、产品、设计等方面的相关知识，才能

    更好地给出建议和决策。

    用户研究员的产出物主要是各种类型的用研报告。它更偏向于比较客观和实际的研究结果。

    具体要怎么解决问题，需要对报告进行深入解读，用户研究员也应通过自己的理解给出一

    些建议，如图 2-9 所示。

    用户研究员容易面临的问题是：研究周期过长，赶不上产品进度；用研报告太过偏重于研

    究过程和数据结果，易读性差；和产品联系不够紧密等。

    很多时候，产品经理不确定某个功能要不要做，想找用研调查一下，可是动辄一两个月的

    调研周期实在等不起，往往是用研结果还没出来，产品都已经上线了。另外就是用户研究

    员做报告讲解的时候，经常会出现周围的人昏昏欲睡的场面；还有就是用户研究员可能不

    了解产品背景以及相关的运营、设计知识，或本身的思维比较局限，以至于提供的建议被

    认为是无效的。所以,作为一个好的用户研究员，不仅要会研究，还要有较强的应变能力，能够根据项目

    情况、时间紧迫度，采取不同的方法应对；更要有广博的视野和知识面，能融会贯通，为

    产品提供有力的支持；最后还要注重报告的易读性，不枯燥、实用性强，既专业又能真正

    地解决用户所关心的问题。

    图 2-9 部分用研报告示意图

    目前来看，大多数用户研究员仅停留在最基础的层次，也就是会做研究，会写报告，更多

    地把自己看做一个执行者的角色。所以，未来，用户研究员这个角色还有很大的提升空间。

    2.2 用户体验设计师的价值

    一个好的用户体验设计师，一定是一个热爱生活、有激情、有梦想、喜欢解决问题的人。

    他的头脑中总是充满了各种各样新奇、有趣、靠谱的想法。他既具备理性的头脑、又具有

    一颗体察入微的心，更具有强大的执行力，可以把美好的想法转化成实际的产品。听起来这和产品经理有些像。的确，用户体验设计师和产品经理的工作有不少重合的地方，但两者也有很多区别：设计师更注重创意及逻辑、细节，设计目标更纯粹，能够更多地考

    虑用户，工作上更专注，设计方法更专业；而产品经理作为产品的主要负责人，需要考虑

    更宏观的问题，聚焦的范围比较广，更重视商业目标，此外，还需要考虑项目中的很多琐

    事。两者需要相互配合、取长补短。那么用户体验设计师具体有什么作用和价值呢？

    ● 用户价值、商业价值

    对于一个百万级用户的产品，如果用户通过优秀的设计能够更快速地完成目标和任务，那

    么这个产品为用户、为社会创造的价值有多大？如果通过优秀的设计能让每一个用户感到

    惊喜和快乐，那么这个产品又为社会创造了多大的价值和财富呢？实在是难以估量!产品

    如果受到用户的喜爱，给用户带来了价值，企业自然也会财源滚滚!追求完美的苹果公司

    发布的几款产品，可以说改变了世界!

    在日常工作中我们也经常看到这样的例子：改变一个按钮的颜色，点击率可能提升 35%；

    优化操作流程，转化率可能会提升 50%……专业的用户体验设计产生的神奇结果无需多言。

    ● 项目价值

    设计师的创意和想法离不开团队成员的支持，否则再好的想法也难以实施。好的用户体验

    设计师在项目中具备足够的影响力，能够充分组织、调动、协助好其他角色。他的存在既

    保证了良好的产品体验，又能使得项目顺利、有序地进行下去，对提升项目质量和效率都

    起到了极大的作用。

    那么设计师是如何在项目中体现自己的价值呢？

    通过专业能力节省其他环节的时间。

    正所谓“术业有专攻”。优秀的交互设计师可以快速判断出设计方案的优劣，更可以凭借经

    验和专业能力更快速地得出可靠的设计方案。一个好的设计师，能够节省产品人员挠头画

    原型的时间；能够减少产品人员因不断碰壁而不得不反复改原型的时间；避免了整个项目因为一些明显的错误而导致的不必要的迭代；节省了用户研究员做可用性测试的次数(好

    的交互设计师凭借经验即可发现大部分问题所在，节约可用性测试的时间和成本)；节省

    了视觉设计师理解、修复不专业的原型稿的时间；节省了前端揣测不完整的原型说明的时

    间；减少了开发因为需求或交互反复变动的抱怨……

    跟进各个环节，保证产出物质量。

    产品经理虽然也要负责跟进，但是各种功能、开发问题就已经很让人头大了，如果再负责

    跟进设计细节，那简直要崩溃了。没关系，交互设计师是你坚强的后盾，他会跟进视觉、前端(当然视觉设计师的跟进也很重要)、开发，保证最后上线的结果和设计稿一致，给

    产品更好的体验。

    如果没有设计师的细心跟进，那么实际上线的结果可能会和预期的有很大差别，就像下面

    这个可怜的女士一样(图片来自微博，稍经修改)，如图 2-10 所示。

    图 2-10 设计方案和上线效果往往存在很大区别

    促进统一化及标准化，提升设计效率。

    经过多年的积累和发展，设计行业中已形成了一些较通用的原则和方法。另外，设计师经

    过一段时间的积累，也会逐渐沉淀出适合项目需要的设计规范或模板。这样既保证了设计

    质量，又提升了设计效率。由产品人员设计界面，短期来看确实很快捷，但由于没有统一的设计标准，每个人的思考方式又很不一样，不利于项目的长期发展。如果再遇到人员调

    整，就会出现很多问题。

    就好像同样是画一只猫，如果没有过硬的专业能力及规则的约束，可能有的人画出来会像

    熊，有的人画出来像老虎，如图 2-11 所示。这给受众的理解带来了很大的不便。

    图 2-11 不同产品人员对同一想法的表达方式会有较大差距

    促使项目流程更合理，更有规划。

    在一个大型团队中，如果没有交互设计师，或没有懂交互知识的人员，项目流程极容易变

    得混乱。我们常见到如下情况：需求根本没想清楚；原型粗糙，后续工作难以进行；后续

    发现问题导致交互更改，大家一起返工；原型说明不全，后面每个环节都按照自己的想法

    添砖加瓦，导致产品离最初目标越来越远……而交互设计师的出现在一定程度上可以很好地改善这种局面。一方面，交互设计本身有一

    定的流程和方法，可以尽量避免大家拍脑子想问题；另外，标准的原型、详尽细致的交互

    说明减少了团队成员的理解和沟通成本，流程自然更井然有序，返工现象也会大大减少。

    协助产品经理组织各个环节，是整个项目的有力推动者。

    交互设计师分析、重塑需求；与用研配合，了解用户特征与行为；设计结构、流程、界面、动态效果；跟进视觉、前端、开发；及时整理线上问题，准备下次迭代……这个过程几乎

    贯穿了产品周期的始末，并且交互设计师需要与各个环节打交道，沟通协调，PK 想法。

    所以好的交互设计师相当于一个好管家，协助产品经理组织好各个环节，是整个项目有力

    的推动者。

    ● 品牌价值

    设计师其实还有一个非常重要的作用，那就是维护和突出公司的整体品牌形象。统一的设

    计理念及风格可以更好地增强公司品牌识别度，起到非常好的宣传作用，如图 2-12 所示。

    当然，这不是靠个别设计师可以完成的，而是要依靠公司高层认可及设计团队的力量。这

    个工作别人很难取代，各个项目的产品经理忙自己的 KPI都忙不过来呢，哪有时间和心

    思去和别的产品保持统一呢。

    图 2-12 腾讯旗下的产品图标综上所述，用户体验设计师就是这么一个神奇的职业。它为用户、为企业，甚至为社会带

    来的好处都是显而易见的。如果你对这个职业有兴趣，又认为自己很适合，那么就别再犹

    豫了，立刻投身到这个行业来吧，你会在给别人创造价值的过程中，也深刻体会到自己的

    价值。也许有一天，你真的可以改变世界!

    03 设计师的职业困惑

    3.1 我适合干这行吗

    “我不是学艺术类专业的，我适合做 UEUI吗？”

    “我是学艺术类专业的，我想转行做 UEUI，需要学习什么呢？”

    “做交互设计师，必须要手绘吗？需要学习编程吗？”

    这是我听到的比较多的问题，我想在这里解答一下。不管是做 UE(用户体验设计师，目

    前主要是指交互或用研)，还是做 UI(视觉设计师)，其实都没有绝对的专业门槛。在

    这个行业里有很多高手，他们的专业都是和设计完全不相关的。当然如果你本身是学设计

    相关专业的，在就业时会有一定的优势。

    做互联网产品的设计师需要有比较综合的能力，如果会手绘或者是编程，当然会有加分，但这也不是必须的。

    至于适合不适合干这行，我觉得最关键的问题在于是否有兴趣及天分。你可以问问自己下

    面这些问题。

    你是否热衷于各种好玩又新奇的产品呢？

    你平时是否喜欢使用各种各样的产品并研究它是否好用呢？

    你是否更容易发现使用中的各种问题，并积极想办法解决它呢？你是否充满各种灵感和创意？

    你是否喜欢思考问题，清晰地罗列各种解决方案并寻找其中的逻辑关系，并且乐此不疲

    呢？

    在绘制草图的时候，你是否有一种莫名的兴奋感呢？

    你喜欢跟人沟通和交流、展示你的想法和创意吗？

    一般来说，你的想法容易得到别人的认可吗？

    你会精益求精，总是要求自己超出预期吗？……

    如果这些你的回答都是“NO”，那就要好好考虑考虑自己是否适合了；如果确信你对这一

    行很有兴趣，也有一定天分，那么你就可以开始考虑入门的问题了。

    3.2 菜鸟怎样入门

    拿我自己的经历来说吧。当时我还在上学，无意中发现了“交互设计”这么一个职位。由于

    我自己具有理工科背景，有一定的逻辑思维能力和归纳能力，爱思考、解决问题，尤其是

    处理复杂棘手的问题，同时我又学过几年设计课程，对设计非常感兴趣。因此，直觉告诉

    我，自己非常适合这个职位。

    但光适合是不行的，还得有一定的基础知识。我还记得第一次和一群同学去一家外企面试

    实习 UI设计师的时候，面试官问：“如果让你设计一个页面，你怎么考虑呢？”旁边的同

    学上来就说：“恩，我可能画个花什么的……”面试官脸色突变，打断他道：你应该考虑用

    户的需求”。那次面试，我们几个都失败了，最后录用了一个工业设计专业的学生。后来

    我才知道，这个专业虽然不是交互设计专业，但属于相关专业，课程中也含有一些人机交

    互、界面设计的内容。于是，为了成为一名专业的交互设计师，我给自己定了一个计划：先阅读大量相关书籍，积累专业知识，然后争取找到一个实习机会，毕业后顺理成章地成为一名交互设计师。

    但其实实施起来困难重重。书倒是看了不少，但因为没有相关的工作经历，很多东西并不

    能真正地吃透；交互设计岗位基本上仅存在于几个大公司之中(现在好很多，一些小公司

    也有这个职位了)，任职机会很少；虽然学校里没有交互设计专业，但大量的工业设计毕

    业生也在抢占这个职位，竞争极其激烈。

    在经历了8个月之后，我终于得到了一家大公司的面试机会。但到了那里我就不知所措

    了。加上我一共 4个应聘者，其他 3位都是工业设计专业的，并且每个人都有半年以上

    的相关实习经历。我忐忑不安起来。

    面试环节中，一个女生迟到了半个多小时，令面试官颇有不满。更让人没想到的是，轮到

    她介绍自己时，语气咄咄逼人。不仅过于夸张地强调自己有多么优秀，还有意无意地贬低

    对手。而另一个男生，虽然专业背景和实习经历都非常符合，但却感觉没有太多激情，也

    不太懂得思考，表现平平。我不由得松了一口气。

    笔试题目很简单：“你认为你的手机有哪个地方设计的不好吗？请提出改善建议”。面试官

    给每个人发了 2张白纸，其他 3个人马上奋笔疾画，开始流畅地在大白纸上画流程图、线框图。我不由得感慨：有工作经验的就是不一样啊，相比之下我真的是个纯菜鸟。

    不会画线框图的我决定用自己的方式来回答这个问题。我认为设计一定是有理有据的，而

    不完全是在于表现形式。所以我先陈述了一下手机的一些基本使用情况，比如我认为大部

    分人都只会用到 3个功能——打电话、发短信、闹钟(那是大约 2009 年的时候)。所以

    要解决设计问题，应该先重点去排查这 3个功能的问题。最后我选择了“发短信”这个功能。

    我将自己置身于一个真实的使用场景，描述自己完成某一个具体的任务(当然这个任务必

    须得是合理的、经常发生的)时，会发生的一些情况，而目前的设计如何干扰了我完成这

    个任务，我觉得应该怎样改善更合理之类的……最后洋洋洒洒地写了两大篇纸。看着自己

    歪七扭八的一手烂字，再看看旁边 3位精美的线框图，当时真是欲哭无泪……然而最后的结果却出乎意料，我打败了其他对手，得到了去这家公司实习的机会。可以说，这家公司的交互设计师都是高人，具有 10年以上经验的人不在少数。后来我问其中一个

    面试官，为什么我可以得到这个机会。她说：“我们其实不是很注重表现形式，我们注重

    的是思维。我觉得你的思维很好。有的人可能确实有经验，但光会画图，缺乏必要的思考

    也是不行的”。

    后来，在实习过程中，我很快就学会了画纸面原型，如图 3-1 所示。但我们大部分时间的

    工作依然是思考、分析和整理各种文档等基础工作，画图的时间并不是很多。在工作的同

    时我也注意到，公司里这些大牛们平时很低调、谦逊，善于站在别人的角度想问题，对同

    事十分热心，考虑问题时注重本质、推理而不是表象。所以，学做交互其实就是学怎样做

    人，内在的修为决定了你未来的高度。图 3-1 纸面原型示例

    所以作为一个菜鸟，在入门时不要着急，慢慢地积累自己的专业知识，不光要看书，还应

    该尽量多看一些设计网站上的文章。因为书籍可能比较偏理论，而网站上的文章更偏实际

    一些。平时多注重培养自己的思维和理念，而不是急于画图。多研究一些好的产品，思考

    人家这么做的原因，这些都是设计师日常必做的功课。

    当然最重要的还是找一个实习或正式工作，积累项目经验。如果去不了大公司可以去小公

    司，小公司去不了可以自己主动做一个虚拟项目，或是优化现有的某款产品，重要的是要

    表述清楚自己的思路，而不是只展示设计结果。把这些东西当做自己的作品去应聘，也会给自己带来一些机会。做完项目后要注意及时总结，写日记、博客、读书笔记等都是很好

    的习惯。

    读书和实战项目不断地穿插进行，及时总结会让你的水平迅速得到提升。反之，如果光读

    书不思考，或光做项目不总结，你就会发现自己长期以来一直在原地踏步，没有什么实质

    提升。“学而不思则罔，思而不学则殆”，道理其实大家都明白，但做起来并不容易。学习

    本没有捷径，正确的学习方法就是最大的捷径。

    另外，如果能结交一些同行是最好的，多和人交流会让自己受益匪浅。现在也有很多免费

    的交流活动，比如移动互联网创新大会、hiued、阿里技术嘉年华等。还有一些收费较高，比如 UPA、交互设计体验日活动等，但如果你是学生，可以申请去做志愿者，也能结识

    不少业内高手。我有一个同事就是在做志愿者的时候认识了他现在的领导，获得了现在的

    工作。

    总体来说，大概就是下面这个结构，如图 3-2 所示。图 3-2 菜鸟怎样入门

    3.3 去大公司、小公司，还是设计公司

    总体来说，大公司的福利待遇更好、发展空间更大一些。设计公司的专业度更强些，但可

    能待遇一般，不过顶级的公司还是可以的。如果去不了专业的团队，也可以考虑去小一些

    的公司，至少能够积累一些项目经验。但要注意小公司的专业度可能不是很理想，在小公

    司工作更要注意积累专业知识，不要过多地受环境的影响。

    我曾经面试过一个专业背景很好的男生，他毕业后在一家较知名的小公司工作了 2年左

    右。他人很聪明、理解能力很强，又是来自名校设计专业的学生，可是测试题做得一塌糊

    涂，一些基本的概念也不了解。给他一个设计原型，让他说出其中的问题，他仅能说出一

    些非常表面的东西，如对齐、字号大小等。原因就在于这家公司交互和视觉都是他一个人来做，而他的领导非常强势、但在设计上并不专业，而他却又不得不按照领导的要求去做，每天都工作到很晚……最后我只能感叹：太可惜了。

    当然并不是说小公司一定就不好，也有很多小公司做得非常专业。只不过作为经验不够丰

    富的入门者，一定要谨慎选择一个能让自己顺利发展的平台。即使不能去一个很专业的平

    台，也要注意保持自己的专业度，不要被环境扭曲。

    图 3-3 所示的是部分知名的用户体验设计公司或大公司中知名的设计团队，可供大家参考。

    更多内容可查看 http：uedfans.cn等网站。

    图 3-3 部分知名设计公司设计团队

    3.4 什么样的应聘者更容易成功

    ● 什么样的应聘者我会说“NO”

    面试过的人也不少了，总体来说，可以把没通过的应聘者归纳成如图 3-4 所示的 3种典型

    类型。图 3-4 失败应聘者典型的 3种类型

    不过每个面试官的标准不尽相同，这里供大家参考。上述几个人的问题，主要是个人性格、修养、沟通、学习能力上的问题，而非全是专业能力上的问题。可见，专业能力并不是录

    用人才唯一的标准，基本素养更为重要。● 侧重考查设计师什么方面

    设计师所展现出来的专业技能只是冰山一角。一个优秀的设计师之所以优秀，是因为潜藏

    在技能表面下的东西。

    用户体验设计不是简单的“手艺活”，不是重复千百万次，就可以炉火纯青的。它是一门需

    要创造性的学科，同时也是一门复合型学科。用户体验设计包含人文、心理学、设计学、工业工程学等内容，对从业者的各方面素质都有较高的要求。我们所看到的技能，恰恰是

    最不重要的，因为它可以在短期内学会，但学会了并不意味着你可以做出优秀的设计。很

    多初学者却恰恰热衷于学习“技能”，为获得短期内快速的“提升”而感到满足。

    这就是为什么很多人做了多年设计师，却还被唤作“美工”或是“画图的”；还有很多设计师

    通过娴熟的技能获得了工作机会，但多年来作品质量却没有明显提高。原因就在于他们把

    最不重要的“技能”当做了自己职业中最重要的部分，没有在工作中注入自己的思想和灵魂，只是机械地使用技能，重复技能，当然也就做不出好的作品。“大师”和“工匠”的区别也就

    在于此了。

    这也是本书为什么没有一上来就讲解大家非常关心的各种设计技巧和方法，而是先从设计

    理念讲起的原因。学习了正确的理念，对设计有了正确的认识后，再学习设计技能，才能

    真正地吸收和运用。

    我们在进行面试时，着重从如图 3-5 所示的几点来考查，而不是只看设计师掌握的具体技

    能。图 3-5 技能只是冰山一角

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

    要想成为一名优秀的用户体验设计师，首先要对这方面有兴趣，有激情。都说兴趣是最好

    的老师，有了兴趣才有可能在这方面倾注热情，发挥更大的能量，不断超越自己；没有兴

    趣，则一切都是空谈。

    具备良好的素养。

    一个不学无术、不懂礼貌、不尊重他人、反应迟钝、缺乏爱心的人是绝对做不好用户体验

    的。因为做用户体验设计，就是要把冰冷的界面(互联网产品或软件)塑造成一个可以和

    用户交流的“人”，这个“人”彬彬有礼、善于沟通、聪明伶俐，想用户之所想，急用户之所

    急，和他互动过的用户都会产生良好的体验。试问，一个缺乏素养的人能塑造出如此受用

    户欢迎的“人”来吗？另外，在实际工作中，设计师需要和其他人沟通协作，比如产品经理、开发工程师、其他

    设计师等。这要求设计师有良好的沟通能力和协调能力。一个缺乏素养的人是很难做好这

    一点的。

    具备强大的思维能力。

    设计师必须具备一定的思考能力，否则就谈不上设计与创新。就拿交互设计师来说，他需

    要把抽象的概念转化为具体的页面。然而我发现，在工作中很多人是这样做的：参照需求，找类似的竞品，然后把不同竞品的页面元素拼凑起来，画成线框图。这其实不是设计，而

    是依葫芦画瓢，最后得到的结果没有任何实际意义。

    设计师必须有能力去解决一些更深层次的、抽象的问题。这其实涉及一个思考习惯，就是

    从整体到局部，再到细节，最后回归整体的思考过程。例如，老板给你一个任务，让你去

    做某产品的交互风格分析，你知道该从哪些关键点入手，从关键点的哪些维度考虑，每个

    维度下的具体内容是什么，如何组织这些信息并据此设计测试任务和方案，最终如何测

    试？在整个过程中，画线框图只是很微小的一个步骤。

    设计师还需要有足够的能力去解决项目中出现的各种棘手问题，比如流程、方法、沟通等

    问题，通过不断的思考和尝试灵活调整，这需要有强大的思维能力做后盾。

    掌握专业的技能。

    如果前三者你全都具备了，那么成为一个优秀的设计师只是时间的问题。快速学习一些基

    本的专业技能，再投身到一些项目中去，你就可以很容易地产出一些优质的作品，从而得

    到好的工作机会。某交互设计师的设计分析，如图 3-6 所示。某交互设计师的原型截图，如图 3-7 所示。图 3-6 某交互设计师的设计分析图 3-7 某交互设计师的原型截图

    因此在面试时，上述的这几点，即兴趣、素养(包括性格、个人修养、沟通能力等)、思

    维、技能(专业能力、项目经验等)是我们考察应聘者的主要方面。

    3.5 未来的发展方向

    就目前我所接触到的和听到的，一般有以下几种方向。

    复合型：复合型的设计师越来越受到欢迎。就拿交互设计师来说吧，最好懂人机工程学、设计学、心理学等，如果会点代码、会点手绘，那更是锦上添花。因此，未来，复合型的

    设计师会比较受欢迎，当然前提是各方面都比较专业，杂而不精是最忌讳的。建议先专攻

    一样，做到一定程度再去研究另一样。就目前我见过的两者兼顾型人才，专业程度都不是

    很过关。如果你喜欢做设计，未来可以考虑交互兼视觉；如果你比较细心，对研究方向感兴趣，可

    以考虑用研兼交互；如果对产品或运营感兴趣，也可以慢慢进化为一个产品经理。多学一

    些东西会让自己更有竞争力，同时研究不同专业之间的交叉点，把所学知识融会贯通也是

    提升自己的有效途径。

    此外，身兼多职还省去了沟通成本，可以更好地贯彻想法，执行力大大增强，自己也更容

    易获得成就感。缺点就是容易不知不觉变成一个杂家，多而不精。

    垂直型：这类设计师在专业程度上一般比较精深，但容易过度陷入自己的专业领域不能自

    拔，重视专业程度大于重视项目本身，导致合作、沟通中出现问题。垂直型的设计师可以

    在专业方向上不断晋升，如普通设计师、高级设计师、设计管理等。

    管理型：很多设计师会往管理方向发展。他们一般经验比较丰富，不仅精通自身的专业，对其他领域也都有所了解，对自己要求严格，并且有较强的组织协调能力和前瞻性。凡事

    愿意冲在前面，愿意承担责任。如果你觉得自己有一定的领导天分，也可以往这个方向去

    努力。

    全能型：前些时候，传出淘宝的某位设计师，业余时间自己学习开发和运营，独立完成了

    一款 iOS游戏应用，上线几个月已突破 10 万下载量，收入可观。在工作之余自己搞点小

    项目赚钱，也是一个思路。图 3-8 是国内某设计师独立开发完成的应用截图。图 3-8 国内某设计师独立开发完成的应用截图

    创业型：目前我认识的设计师中，不管是用研、交互，还是视觉，都有出去创业的。创业

    是一条艰辛的不归路，有的人赚的盆满钵满，有的人却伤痕累累。但趁着年轻去做一番事

    业，还是非常值得鼓励的。

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

    04 设计流程——设计师具体做什么

    4.1 设计师如何参与一个具体的项目

    前面提到过，用户体验设计首先是要解决用户的某个实际问题，其次是让问题变得更容易

    解决，最后是给用户留下深刻的印象，让他在整个过程中产生美好的体验。因此，用户体验设计的目标可以归纳为：解决用户需求，减少用户理解和操作的成本，给

    用户留下美好而深刻的印象。

    在具体工作中，为了达到这个设计目标，设计师不仅需要有理性的思维、巧妙的创意，还

    要在项目中学会与其他角色协作，共同达到目的。再美好的蓝图，若没有别人把它付诸实

    践，也只是一张纸而已。

    大家可能很好奇，设计师具体的工作是什么呢？如何与他人协作呢？工作中需要注意什么

    问题呢？

    下面这个项目可以告诉我们答案。

    从图 4-1 中我们可以得知：在实际项目中，设计工作可能并没有我们想象中那么轻松。

    我们首先要通过一些方法来分析需求、了解需求，即清楚我们要做一个什么样的产品，目

    标用户是谁，要达到什么效果，具体有哪些功能、内容……

    然后我们开始进行设计。在草图上梳理信息架构，设计任务流程，设计界面，确认没有问

    题后再用专业的软件工具把设计方案呈现出来。

    经过设计评审后，设计师要去跟进后续的视觉、前端、开发、测试环节，确保最后的产出

    物和自己的设计方案一致。图 4-1 设计师如何参与一个具体的项目

    产品上线前后，需要使用一些方法对产品体验、效果进行检验。小的问题可以及时解决、迅速发布；较大的、比较耗时的问题可以留到下次优化迭代时统一解决。毕竟再好的产品也不可能一步到位，快速上线、迅速试错、立即更改的方式更顺应目前竞争激烈、日新月

    异的互联网环境。

    如此这般，便形成了一个循环往复的过程，产品也在不断优化的过程中快速成长着。

    4.2 在项目中设计师容易遇到的问题

    上述流程虽看起来很合理，但在执行过程中可能困难重重。我们也许会面临如下的挑战。

    ● 时间紧张，留给设计师的时间太少。

    ● 一个设计师负责多个项目，没办法一一跟进到底。

    ● 和项目成员座位距离太远，沟通不便。

    ● 产品经理不能够清晰阐述需求。

    ● 设计师专业能力有限。

    ● 开发人员能力有限，不按照设计稿做，偷工减料。

    ● 上层领导干预过多。……

    概括起来无非在于 3方面：团队成员的专业能力、外界因素的影响、团队凝聚力。专业

    能力和外界因素我们难以立刻改变，但增强团队凝聚力其实是可以做到的。很多时候，并

    非项目成员不愿意遵守流程，而是大家对设计流程没有达成共识，每个人只关注于自己负

    责的工作，漠视和其他角色的沟通配合。这给设计师的沟通、协调、跟进造成了不小的难

    题。但设计师完全可以通过自己的努力改进这个问题。比如，我们可以找到产品经理或项

    目负责人，在流程问题上，首先与他们达成共识，得到他们的支持，同时制定一些举措(如排期时预留出设计走查的时间，而不是只给设计师做设计的时间；开发制作完毕后通

    知设计师进行走查等)，保证流程可以顺利实施下去。

    可能有人会问了，遵守设计流程有这么重要吗？如果不遵守的话会出现什么后果呢？实际

    上，在我早期经历的项目中，由于各种原因，常常会遇到“不按常理出牌”的情况(这些情

    况并非个案，在其他公司也常常会出现，在后面的章节中会具体阐述)，它们一般会导致

    如下问题。

    ● 由于需求不清晰或来回反复导致效率大大降低。

    ● 方向不明确导致设计方案被反复推翻，设计效果欠佳。

    ● 原型粗糙、缺乏规范，开发人员理解设计方案的成本增加。

    ● 上线效果与设计方案相差甚远，人力遭到浪费。

    ● 上线后不清楚具体效果，为下一次优化更新造成了障碍。……

    可见，不遵守正确的设计流程，既影响产品最终体验，也影响项目效率，还会造成极大的

    资源浪费。但设计师毕竟不是产品及项目负责人，在项目中的话语权比较有限，要想顺利

    和大家一起执行正确的流程，不仅自身要具备专业的能力，还要注意与该项目的其他成员

    的沟通和协调方法。

    这也就意味着，一个只具有专业技能、不懂变通和沟通的设计师已经远远不能胜任岗位的

    需求了。我们在学校里学的，在专业书籍上看的，只能解决工作中的一部分问题，而不是

    全部。设计师需要时刻具有紧迫感，要求自己具备更全面、更综合的能力。

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

    面几章中我会分别予以阐述。05 需求分析——拿回产品的主导权

    设计方面的书籍一般会告诉我们：设计师通过挖掘用户需求、创建人物角色、描述用户场

    景、设计用户任务等方式，绘制界面草图，最终得到可以交付给开发人员的原型。

    然而交互设计师在实际工作中，很难这么顺利地把这些流程、方法执行下去。工作中往往

    会面临各种意想不到的挑战，比如，产品经理撰写需求文档，再将其提供给设计师，设计

    师发挥的余地很小；产品经理不提供任何需求或给的需求不靠谱，设计师不知该从何入手；

    产品经理太过强势，需求来回反复；产品经理替设计师把原型画完了，设计师只有审核的

    份儿；产品经理要求设计师照抄某竞品；设计方案常常被推翻……

    这些看似意外，实则在各个公司都经常发生的情况往往会让设计师措手不及，满腹的专业

    技能无处发挥，化为一肚子的苦水和怨言。如何面对这些问题，让设计师能够自如地发挥

    自己的专业技能，顺利地实施自己的设计方案，是我们这章重点关注的内容。

    5.1 和产品经理一起做需求分析

    做产品，就不可避免地要同时考虑商业价值和用户需求。因为只有让用户满意，愿意使用

    产品，产品才能从中获得商业价值。商业价值提升了，企业才能花费更多的时间和精力在

    提升用户体验上。因此商业和用户两个因素，缺一不可。

    当然，再好的需求也要有开发人员的配合，要保证在时间允许的前提下项目可实现才行。

    因此在实际工作中，需要从商业、用户、技术三个角度来平衡考虑需求。缺少了任何一个

    角度都是十分危险的，项目都有可能以失败告终，如图 5-1 所示。

    交互设计师应该如何和产品经理合作，才能保证同时考虑到商业、用户和技术这 3个层

    次，使得项目可以顺利开展下去呢？

    现在各公司比较常见的做法是：产品经理考虑产品方向、功能、上线时间等，并撰写需求

    文档，然后将其交给设计师；设计师理解需求后，主要从用户的角度考虑，把需求转化为界面。实际上这种方式存在一些问题，即设计师没有参与前期的需求分析，如何能保证通

    过一份需求文档或简单的沟通就完全领会产品经理的思想呢？另外，由于考虑的角度不同，设计师并不能在文档中直接得到自己最需要的东西，比如产品定位、目标用户的情况、用

    户使用时的痛点、期望等信息。一连串的功能列表往往让设计师一头雾水、无所适从。

    图 5-1 需求考虑的角度

    可能有的人会说：让产品经理自己画原型就可以了，既减少了一个环节，提升了效率，又

    减少了沟通成本。但我个人认为如果有条件的话，最好还是不要让产品人员做交互设计。

    因为产品经理一般都要背负各种产品绩效指标，压力非常大。这种情况下难以避免地要站

    在商业项目角度考虑问题，很难再去心平气和地考虑用户的需求。这样就难以做到商业

    价值与用户需求的平衡，产品最终还是倾向于商业一方。况且术业有专攻。产品经理重大方向、商业目标、功能业务等；交互设计师重逻辑、细节、情感、创意、界面等。若两方

    面都涉猎，恐怕哪边都做不好。

    所以，产品经理独自完成需求文档，再传递给设计师进行设计；或是产品经理自己画原型

    都不是最好的办法。产品经理应该在初始阶段和设计师一起合作，通过融合各自的专业方

    法，共同完成需求分析。这样，才能更好地平衡商业价值和用户需求，同时也保证最后的

    设计产出不会过度偏离产品方向。

    那么具体应如何进行呢？我们首先从需求分析的前奏——产品定位讲起，看看在这一过程

    中，设计师该如何配合产品经理，为后面的需求分析打好基础。

    5.1.1 不可忽视的产品定位

    交互设计师：你的需求文档写得很详细，但是缺少最重要的东西。

    产品经理：还少什么呢？功能、业务逻辑都描述得很清楚了。

    交互设计师：产品定位啊。我不知道你这个产品是面向什么人群的，他们的使用环境如何，还有你的产品的功能、特色是什么，你跟竞争对手的差别是什么。这样我怎么做设计决策

    呢？

    ● 什么是产品定位？

    在工作中，我们经常会遇到这样的场景。一群人脸红脖子粗地讨论一个很简单的界面问题。

    A说某模块重要，应该在视觉上强化；B说这个模块他觉得不重要，应该弱化；C 说文案

    应该改成xxxxx；D说应该直接照着某网站界面抄……大家各抒己见、乱成一团，最后完

    全忘记了到底要讨论什么内容，几个小时后没有任何结果。

    还有一种情况也比较常见。设计师收到产品经理发过来的需求文档，里面罗列了所有功能

    点和功能描述说明(一般是看同类产品有什么内容就放什么内容)。于是设计师开始照着

    需求文档的内容做设计。想不清楚的时候就看看同类的产品是怎么做的。最后形成了东拼西凑的设计结果，产品也做得“大而全”。本想让所有用户都满意，但却谁都不满意。因为

    你很可能为了 1%用户的需求，牺牲了 99%用户的体验。……

    这些问题的出现都是因为在需求分析的过程中忽略了至关重要的一步——产品定位。

    产品定位是产品设计的方向，也是需求文档和设计产出的判断标准。此外，产品定位也使

    团队成员形成统一的目标和对产品的认识，使团队更有凝聚力，使得沟通效率、工作效率

    得到了大大提升。因此在确定具体需求之前，一定要首先考虑产品定位是什么。

    没有产品定位，产品就如同失去了方向盘的汽车，横冲直撞。项目团队也会成为一盘散沙，工作效率极低。

    ● 产品定位的内容

    产品定位实际上就是关于产品的目标、范围、特征等约束条件，它包括两方面的内容：产

    品定义和用户需求。产品定义主要由产品经理从网站角度考虑，用户需求主要由设计师从

    用户角度考虑。最终的产品定位应该是综合考虑两者关系的结果。需求定义的内容如图

    5-2 所示。图 5-2 需求定义的内容

    产品定义包括使用人群、主要功能和产品特色；用户需求包含目标用户、使用场景和用户

    目标。其中目标用户是在使用人群细分的基础上得到的，它也在一定程度上影响了使用场

    景和用户目标。

    产品定义中的主要功能、产品特色和用户需求中的目标用户形成了产品定位中最核心的内

    容，是产品设计最主要的方向和依据。

    ● 产品定义

    产品定义就是用一句话概括某个产品，比如一款专为摄影初学者使用的简单易用的修图软

    件。这里使用人群是“摄影初学者”，主要功能是“修图”，产品特色是“简单易用”。如果你

    的产品很难用一句话描述清楚，那么很可能是因为你的产品定位不够清晰，方向不够明确。使用人群使你明确产品主要为谁服务，所有的功能、内容、设计风格的设定都围绕这类人

    群来进行；主要功能为你划定了功能的范围和限制，比如你是要做音乐类的，还是做修图

    方面的；产品特色使你区别于同类竞争者，让你在同类产品中脱颖而出，更具竞争力。

    举个例子，在设计一款音乐播放器手机应用时，产品经理需要事先考虑哪些方面？

    我们知道听音乐的用户数量是非常庞大的，他们类型各异，具体的需求也不一样。因此满

    足所有人的需求是不可能的，这样只能制造出一个“功能复杂齐全、体验全面平庸”的产品。

    因此，我们需要知道听音乐的用户大概有哪些人群(比如，可能会有学生、白领、退休老

    人、农民工等)，他们各自有什么特征，哪类人群更适合我们重点关注，如何更好地满足

    他们的需求，同时突出特色功能，与竞争对手拉开差距。

    当然使用人群、功能、特色不是拍脑门想出来的，一般是产品经理基于市场调查、用户研

    究，以及对自身资源的综合分析得出的初步结论。

    比如，市场调研给出的结果是：学生 30%、白领 30%、老人 15%、农民工 25%。而公司

    目前的主要用户以白领居多，且这部分人群的收入较高，对公司更有商业价值，因此选择

    白领作为该产品的使用人群。而根据竞品分析和用户调研，我们可能会发现市面上的同类

    产品存在各种各样的问题，其中比较突出的有音质不佳、更新速度慢等问题，而公司恰好

    有这方面的资源，可以改善这些问题，因此可以考虑把音质、更新速度等作为产品的一大

    特色和突破点。

    最后得出的简单产品定义如下。

    使用人群：白领

    主要功能：播放音乐

    产品特色：音质清晰、更新速度快产品定义有什么作用？首先，产品定义可以迫使产品经理努力去思考产品的方向和机会，在激烈的竞争中杀出一条血路；其次，产品定义为产品限定了大致的范围，让团队成员不

    至于在千头万绪中感到无从入手、难以取舍；最后，产品定义使团队成员的凝聚力更强、思想更统一，而不是各自为政。

    有了产品定义还不够，它只是给了我们方向和范围，我们需要在此基础上深入挖掘用户需

    求，提升用户体验，这样才能使产品进一步走向成功。就好比打井，只有找到正确的位置，并在此位置不断深入挖掘，才能找到水源。

    ● 用户需求

    用户需求主要包括目标用户、使用场景和用户目标。一条用户需求可看作是“目标用户”在

    “合理场景”下的“用户目标”，其实就是解决“谁”在“什么环境下”想要“解决什么问题”。用户

    需求其实就是一个个生动的故事，告诉我们用户的真实境况。我们需要了解这些故事，帮

    助用户解决问题，并在这个过程中让他们感到愉快。

    回到刚才设计播放器的例子上。作为一个设计师，应该考虑哪些内容呢？我们可以通过头

    脑风暴的方式，邀请产品人员和我们一起在产品定义的基础上畅所欲言，列出所有可能想

    到的内容。在这个过程中，大家头脑中会浮现出一连串的故事，帮助我们寻找用户需求。

    A：我有个朋友酷爱运动，她跑步的时候一定要听音乐，而且要听特别动感的音乐……

    B：?我就想知道最近流行什么音乐，不然 K 歌时总觉得自己很落后。

    C：不知道大家有没有这个烦恼，不知道该听什么，推荐的自己又总是不喜欢。……

    当然这些内容一定不要脱离前面产品定义的范围。最后整理出的用户需求范围如下。

    目标用户：休闲型小资型达人型使用场景：上班路上工作时睡觉前……

    用户目标：快速找到最流行的音乐需要音质最好只听某一个类型的音乐……

    根据上述内容，我们进一步发散，考虑如何更好地解决用户的问题。考虑的内容包含功能、内容、特色等。

    用户需求示意描述如图 5-3 所示。

    从图 5-3 中可见，选择不同类型的用户、场景、目标，都会导致对产品有不同的需求。这

    也足以见得事先确定这些内容的重要性。

    需要说明的是，休闲型、小资型、达人型用户虽然有区别，但他们之间并不是绝对独立和

    互斥的关系，他们的一些使用场景和用户目标甚至是重合的，比如休闲型和小资型用户可

    能都有分享音乐的需求。因此在发散使用场景和用户目标时，不需要太受人群类型的限制。

    “放”得越宽，“收”的时候才越有选择余地，越不会遗漏重要内容。

    ● 选择目标用户

    前面我们已经列出了长长的清单，里面有不同的用户类型、使用场景和用户目标，这是一

    个“放”的过程。接下来我们应该从想象回到现实了，从中筛选出我们需要的内容，这是一

    个“收”的过程。

    在目标用户、使用场景、用户目标 3个因素中，目标用户是最关键的。一方面，明确目

    标人群可以使你更专注于服务某一类特定人群，这样更容易提升这类人群的满意度，你的

    产品也更容易获得成功；另一方面，目标用户的特征对使用场景和用户目标有较大的影响。

    因此目标用户的选择是非常关键的。图 5-3 用户需求示意

    前面我们按照用户对音乐的需求专业程度分成 3类人群：休闲型、小资型和达人型。休

    闲型的用户没有什么明确目的，主要是为了消遣娱乐；小资型的用户则对音乐有较高的要

    求，追求品质；达人型属于音乐发烧友，追求极致的体验。

    该选择哪种类型作为产品的目标用户，需要综合权衡用户对公司的价值以及潜在需求量。

    别忘了，平衡商业价值和用户需求本来就是设计师需要特别关注到的。在一个坐标平面上

    对潜在用户进行分布罗列，坐标平面的 2个坐标轴分别是潜在用户量和商业价值(包含

    对推广、营销成本的考虑)，如图 5-4 所示。我们优先考虑最右上角那些潜在用户量大和商业价值大(推广成本低)的用户。因为要同时考虑到产品利益和用户需求，所以这项工

    作最好由产品经理和设计师配合完成。

    综合考虑，我们最终选择了 25-35 岁的小资型白领作为最主要的目标用户。这部分人群

    和公司已有用户类型比较吻合、对公司的商业价值更高、推广成本更低(根据每个公司的

    自身情况考虑)，对听音乐有较大的需求，粘度较高，用户需求较明确；休闲型用户需求

    度较低，粘度也不是很高，是作为次要考虑的目标用户；达人型用户数目最少(专业型的

    用户一般来说数目都是最少的)，且要求较高，比较难以满足，因此是最不重要的用户类

    型。图 5-4 通过权衡用户规模和商业价值选择目标人群

    ● 确定产品定位并据此筛选需求

    目标用户确定后，产品定位也相应得出了。这样就可以根据产品定位筛选匹配的使用场景

    和用户目标，从而得出相匹配的关键词(产品需求)了。

    目标用户：25～35 岁，追求潮流、高端音乐品质的白领主要功能：听音乐

    产品特色：音质佳、更新速度快

    使用场景：上班路上工作学习睡觉前运动休闲放松

    用户目标：需要音质最好只听某一个类型的音乐分享喜欢的歌曲保存喜欢的歌想知道

    某首歌曲的歌名……

    关键词：高端、时尚、歌曲种类较多、切换方便、夜间模式、睡眠定时、防震、高音质、无损音乐提供音乐分类、精选集分享、制作精选集收藏、下载听歌识曲……

    使用场景、用户目标、关键词的结果依赖于不同的思考、调研方法。例如，这里使用的是

    头脑风暴的方式，如果使用其他的方式可能会得到其他的结果。它们虽不属于产品定位中

    最核心的部分，但同样对后续的需求文档撰写、设计方向定位起到非常关键的作用。从关

    键词中，我们已经可以看到产品需求的雏形了。

    在整个过程中我们可以看到，产品经理的决策是至关重要的。为了和设计师一起确定产品

    定位，产品经理需要事先做更多的准备工作，包括：了解市场调研结果，了解市场上同类

    产品的情况，了解潜在用户的基本情况，了解自身优势与劣势……如果缺乏了这些必要步

    骤，设计师再怎么努力也无济于事。所以设计师不要盲目地等待需求文档，一定要帮助产

    品经理明确、落实这些内容，配合产品经理一起明确产品定位，再进行详细的需求定义、文档撰写、设计工作等。

    当然，每个产品的情况不一样，各公司的环境也大相径庭。这里仅抛砖引玉，介绍一种产

    品定位的思路。在实际工作中，还需要具体问题具体分析。

    5.1.2 需求从哪儿来

    “通过用户调研，发现用户在购买 xx 类产品时，非常担心个人隐私泄露。所以我们是否考

    虑在页面明显位置提示用户，打消用户的顾虑。”“用户反馈找不到下载按钮。我们是否考虑在页面上突出一下？”

    “通过竞品分析，发现不少网站都加入了 xx 功能，用户反馈很不错，我们这期也可以考虑

    加入。”

    “通过产品数据，我们发现 80%购买了 A产品的用户都购买了 B产品，那么我们是否可以

    考虑组合销售的方式？”……

    上一节中提到的音乐播放器应用是一个很简单的例子，我们通过头脑风暴的方式很容易想

    到用户的一些常见需求。但如果遇到一个全新的、复杂的产品又该采取何种方式呢？这个

    时候通过头脑风暴恐怕已经难以应对了，我们需要更科学的方式。

    在实际项目中，采集需求的主要方式有用户调研、竞品分析、用户反馈(上线后)、产品

    数据(上线后)等，如图 5-5 所示。这些方法都是产品经理和设计师需要密切关注的。图 5-5 产品需求的来源

    用户调研：通过问卷调查、用户访谈、信息采集等手段来挖掘需求的方式。

    要想真正了解用户的需求，就要尽量走到用户中去了解他们的想法，深入了解目标用户在

    真实使用环境下的感受、痛点、期望等。这个过程主要就是依靠用户调研的方法来进行的，一般由专业的用户研究员来完成。建议产品经理和其他设计师也能共同参与这一过程。

    如果没有条件请专门的用研人员，也可以由产品经理或设计师亲自探访、观察一些目标用

    户，来代替专业的用户调研。

    用户反馈：产品在测试阶段或正式发布后，我们可能会收到很多用户反馈。这些反馈可以

    帮助我们了解用户使用中存在的问题。毕竟产品、设计人员都比较了解产品，很多现象已经习以为常，感觉不出来问题的存在，而用户一般是第一次使用，所以通过用户反馈，我

    们往往能发现很多之前意想不到的问题。

    比如用户觉得网站不安全、不专业；找不到想要的内容；看不懂标题含义或容易理解偏差；

    误把不能点击的当成可点击的，把可点击的当成不能点击的，等等。

    竞品分析：找到有代表性的同类产品，对比产品之间的优势、劣势，从而发现产品的突破

    口。

    竞品分析可以根据规划进行，也可以根据功能、设计细节来进行，这取决于项目情况和需

    要。在竞品分析的过程中，我们可以研究别人是怎么拟定产品战略、方向的，怎么做用户

    体验的，怎么处理逻辑、界面层级、界面细节的，等等。好的地方可以借鉴，不好的地方

    可以超越。竞品分析提供的内容也是重要的需求来源之一。

    产品数据：产品上线后，就可以收集到产品的相关数据了。比如常规的访问浏览数据、浏

    览痕迹、点击痕迹、在每个页面上的浏览时长、整体的浏览顺序，等等。

    为了能顺利获取到这些数据，在设计的时候就要考虑到后期数据收集的需求。预先埋点，否则获取不到数据，就无法进行分析。还可以参考一些公共调研机构出具的数据分析报告，比如艾瑞资讯等对互联网行业里面所做的一些数据分析，很多都很有参考价值。

    还可以试试百度指数、淘宝指数等工具，它们可以告诉你目前的搜索热词、搜索词对应的

    用户特征、各项数据指标等，非常实用，如图 5-6 所示。图 5-6 淘宝指数

    收集到数据后，还要进行分析，挖掘数据背后潜在的意义。比如某天某页面的某项数据指

    标突然急速下降；再如某充话费送麦旋风活动，70%的用户并没有领取奖品。面对这些出

    乎意料的现象，我们都需要分析原因，当然必要时如能配合用户调研，效果会更好。

    5.1.3 如何分析与筛选需求

    通过用户调研、用户反馈、竞品分析、产品数据等需求采集方式，我们可以得到很多的备

    选需求。接下来，我们要对它们进行分析和筛选。

    ● 如何分析与筛选需求

    如何进行需求分析呢？还记得 5.1.1小节中音乐播放器的例子吗？通过头脑风暴产生了很

    多需求，最后通过产品定位来筛选需求。

    当然实际情况要复杂得多。一方面，我们通过用户调研、用户反馈、竞品分析、产品数据

    等方式来采集需求。采集方式的多样化，会导致需求质量难以控制，比如不同需求间可能

    有冲突，对用户的理解可能有偏差，采集的需求不适合你的产品，等等。另一方面，产品的资源是有限的。时间、人力成本、商业价值等因素都是需要考虑到的，这些都对需求的

    筛选起到重要作用。

    那么到底该如何综合考虑这些因素，来分析和筛选采集好的需求呢？如果把需求比作一堆

    苹果，那么需求分析就是从这堆苹果中选择你所需要的。这里，我提供一个挑苹果的方法，相信大家还有更好的解决办法。首先，没有人会考虑烂掉的或者看起来不太正常的苹果，所以这类可以先排除在外(筛掉明显不合理的需求)。这个时候你可能又看到旁边有梨和

    西瓜，还有你最爱吃的草莓。虽然你是冲着苹果来的，但你可能这个时候发现你更想买草

    莓。到底买什么呢(挖掘用户目标)？这个时候理智要发挥作用了(匹配产品定位)。家

    里好像还有一些草莓，再不吃该烂了，另外买苹果是受人所托，必须要买。于是决定这次

    只买苹果。那么到底买多少苹果呢？这个时候就要考虑你需要买多少，苹果贵不贵，你是

    否带了这么多钱，你能不能拿得动等多种因素了(考虑项目资源)。最后你根据自己的需

    要买了 2斤新鲜的苹果，高高兴兴付款走了，并且准备等家里的草莓吃完了，再过来买

    (定义优先级)草莓。

    在这个例子中，目标用户是你、功能范围是苹果、产品特色是新鲜。有了这个定位，我们

    可以很容易地排除一些干扰因素，快速得出结论。从这个例子中，我们也可以看到，产品

    定位不是决定的唯一因素，我们还需要考虑合理性、资源限制等问题。

    因此，在处理需求时，我们可以遵循图 5-7 所示的流程。图 5-7 如何把用户需求转化为产品需求

    首先，我们可以筛掉明显不合理的需求。比如，当前技术不可能实现的或是明显意义不大

    的、投入产出比低的、明显不合常理的需求，等等。

    其次，要从现象看到本质，挖掘用户的真实需求，并考虑如何将其解决。比如，做用户调

    研时，某用户说上班路上不怎么听音乐，这个时候假如你追问，他可能会说是因为操作麻

    烦。因此，上班路上不需要听音乐只是表象，嫌麻烦才是真实的想法，而我们需要解决的

    就是简化操作。再如，通过竞品分析发现某网站的提示功能很贴心，我们要做的不是把这

    个功能的设计立刻照搬到自己的网站上，而是要分析这个功能解决了用户什么问题，满足了用户的什么需求，实现了用户的什么目标，基于这个目标我们应该如何做得更好。这样

    才能做到“人有我优”，学习到竞品的精髓，而不是皮毛。

    接下来，进一步分析提炼出的用户真实需求是否匹配产品定位(目标用户、主要功能、产

    品特色等)，以此来决定如何取舍。被选中的需求可根据匹配程度排列需求优先级。比如，竞品网站的提示功能虽然很好，但是他们的目标用户和我们的目标用户不完全一致，这个

    功能对我们的用户意义没有那么大，但还是有些作用，因此优先级不高。

    最后，要考虑需求的实现成本(人力、时间、资源等因素)以及收益(商业价值用户价

    值等)，综合考虑是否将其纳入本阶段的需求库中，还是放到下一期执行。

    当然，不同的人有不同挑水果的方式，筛选和处理需求也不止这一种顺序。只要能综合考

    虑到用户需求、产品定位、项目资源这些重要因素即可。在 5.2.3小节“如何对待用户的意

    见？”中，还会再详细阐述这部分内容。

    ● 需求的产生

    我们先确定产品定位，然后通过不同的方式来收集大量的需求，识别这些需求的有效性和

    真实性后，根据产品定位和项目资源情况筛选、提炼出产品需求，定义出需求优先级。接

    下来就可以重点描述每个需求的逻辑、内容等，开始撰写详细的需求文档了。产品经理不

    应该跨过前面的过程，直接罗列一堆不知来源的功能说明，形成一份没有价值的需求文档，如图 5-8 所示。图 5-8 从产品定位到需求优先级

    由于整个过程不仅涉及对用户的分析和理解，还包括了对产品定位、项目资源的考虑，所

    以在每个阶段都需要产品经理和设计师配合完成。也就是说，设计师并不是在需求文档产

    生后才开始工作，而是在前期就配合产品经理进行各项工作的，这样才能产出令双方都理

    解并满意的需求文档。也只有这样，设计师在后续的设计工作中才会更有主导权，也更容

    易得到项目组其他成员的认可。反之，如果在项目前期，设计师没有任何参与，而是接到

    需求文档后才开始工作，那就很难摆脱“以需求文档为设计依据”的尴尬局面了。这其实就

    是变相的“以产品经理老板领导”为中心的设计，完全违背了设计的精神和价值。

    5.1.4 了解需求文档需求产生了，产品经理就可以继续撰写需求文档了。由于设计师已经参与了前面的需求分

    析工作，此时对产品情况、用户情况、设计方向已经有了一定的了解。需求文档对设计师

    来说，更像是一个彼此约定好的产品功能清单，帮助提醒设计师接下来要做什么。

    这就好像在准备宴席前，你需要提供给厨子一份详细的菜谱。不过，设计师不像厨子，他

    每次面对的都是全新的内容，所以不仅需要提供菜谱，还需要写清楚每个菜都是什么，需

    要什么配料，等等。当然前提是双方之前已经经过非常详细的沟通，彼此都明白对方的想

    法和期望。

    需求文档不仅面向设计师，也面向团队中的开发和测试人员，是项目成员参考的重要依据。

    ● 需求文档应该包含什么内容？

    需求文档到底要写什么内容，这个不可一概而论，应该根据具体的项目情况酌情考虑，选

    择最适合当前情况的文档格式。在常规情况下，需求文档应该包含前面提到的产品定位、需求内容、需求优先级等，以及关于需求的详细描述说明。下面是关于标准需求文档的内

    容示例。

    文档修改与审核记录：需求文档如有修改，需要简要记录，如图 5-9 所示。

    目录：如内容过多最好提供目录。

    图 5-9 文档修改与审核记录示例背景描述：为什么要做这个产品模块、市场行情、业务目标、产品定位等。

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

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

    信息结构：这里可简单理解为内容或页面的层级，如图 5-10 所示。可以由设计师和产品

    经理配合完成，也可由产品经理独立完成，设计师做参考用。

    整体业务流程说明：对于涉及操作较多的产品功能，需要业务流程图，帮助设计师和项

    目成员理解具体的业务逻辑。比如一个广告投放系统，当广告排期被占用时，用户是否可

    接受相关位置；如不接受，系统如何处理账户金额，等等，如图 5-11 所示。

    需求详细说明：每一条需求的详细说明。一个文档里会有若干条这样的说明，如图 5-12

    所示。图 5-10 信息结构示例图 5-11 业务流程示例(部分内容)

    图 5-12 需求详细说明示例?(部分内容)● 需求文档的后续迭代

    如同设计稿需要不断修改一样，需求文档也需要不断的修正、迭代。

    首先要认识到，需求文档不可能一次到位。谁也不能保证一次把所有的问题想清楚。一般

    来说，在完成需求文档后，需要进行需求评审。评审时主要看需求有没有明显的漏洞、不

    合理的地方，在技术上有没有实现难度，能不能按期完成等。评审过后，产品经理会根据

    大家的意见重新修改。文档迭代 3次以上是很正常的现象。

    另外，有一些较细节的东西在需求阶段不容易考虑清楚，要到具体的设计阶段才会有更深

    入的思考。但一些产品经理为了方便大家理解，会在需求文档中增加一些 UI示意图。设

    计师可把它们作为参考，但不要过多地受其影响。

    最后一点要注意的是，设计师不要严格按照需求文档来做设计。产品经理的考虑角度和设

    计师不可能完全一样，需求文档更多的是体现业务、产品要求、功能等内容，而设计师还

    需要更多地去考虑目标用户的特征、使用场景、痛点等。这些信息综合起来，才是设计的

    主要依据。如果设计师参与了之前的产品定位、需求采集与分析过程，就会对用户的情况

    比较了解。

    因此，专业的交互设计师产出的设计结果一般都会和需求文档提供的内容不太一样，如信

    息结构、任务流程、内容、界面形式等。只要经过有效的沟通，产品经理一般都是可以接

    受的。这相当于是在交互设计阶段对文档进行了迭代。产品经理可以在设计完成后再修正

    需求文档，也可以让设计师把相应的修改部分注释在原型稿上，这样开发人员只看原型稿

    就可以了。

    5.2 倾听用户的声音

    设计师倾向于站在用户的角度考虑问题。因此，在需求分析、设计阶段，都要尽量去倾听

    用户的声音，这样才有可能设计出受用户欢迎的产品。5.2.1 拥抱用户

    把自己当做目标用户，去揣摩用户的心思是远远不够的。我们还需要真正走到用户当中去，了解用户的情况。目标用户是什么样的？他们在使用产品时一般都处在什么情境下？他们

    要完成什么任务？期待达到什么效果？对竞品是怎么看的？……

    我们经常在这个过程中，会有意想不到的发现：原来这个功能还能这么用；原来这个按钮

    看上去很明显，但是用户就是找不到；原来用户是这么理解这个功能的，和当初的设想完

    全不一样……

    产品不可能满足所有用户的需要。因此，在我们真正决定走到用户中去的时候，我们首先

    必须明确：谁才是我们的目标用户？

    一旦我们确定了目标用户，就要努力找到他们、走进他们、倾听他们的想法、认真了解他

    们真实的生活习惯和对类似产品的态度。了解他们是怎样使用产品、感受产品的。

    很多优秀的演员都有一个习惯，那就是知道自己扮演什么角色后，都会去一线体验角色生

    活。比如演农民，就去农村体验生活；演外企白领，就去外企体验他们的工作环境；要说

    四川话，就跑去四川，一点一滴学习四川话。总之扮演什么角色，就想方设法去体验这个

    角色的生活，捕捉角色的神韵。产品经理和设计师也一样，跟目标用户打成一片，融入这

    个角色中，才能深刻体会到用户的本质需求。

    有的产品经理和设计师还会把目标用户的特征抽象成具体的人物、制作成卡片，贴在自己

    的办公桌上，时刻提醒自己，这才是我的目标用户，我做需求、设计决策时要围绕他来考

    虑。他的使用场景、使用目标是什么？我们希望他如何使用我们的产品，以实现我们的商

    业价值？如图 5-13 所示，这是一个虚拟的目标用户形象。

    了解目标用户有很多种方法，有条件的话可以请用户研究员做专业的“用户调研”，即通过

    问卷、访谈、焦点小组等方法来研究用户；如果没条件的话，可以寻找身边符合条件的目

    标用户，观察他们的使用行为，询问他们的使用感受、痛点及期望等。不是所有的产品经理都有做用户调研的意识，也不是所有公司都有专门的用户研究员。设

    计师可以自己做一些简单的调研，并向产品经理强调这样做的好处，唤醒产品经理的意识，避免拍脑门做决定。

    图 5-13 目标用户形象

    相比简单的头脑风暴，这种方式可以更科学、更真实地得到真正的用户需求，进而帮助决

    策相应的产品需求。但使用这种方法并不那么容易，对产品经理和设计师都有更高的专业

    要求，否则很容易得到错误的结果。

    5.2.2 别被用户牵着走

    “用户 A 说他需要使用快捷键，这样用起来很方便，但是咱们没有这个功能。”

    “用户 B说咱们的新闻应用还不错，文章质量都很好，但是新闻更新速度比别的应用慢。”

    “用户 C 说他在使用电脑的时候一定会用到 xx功能，但是咱们的客户端上没有这个功能，如果有了一定会更好。”……

    在了解目标用户的过程中，我们会记录很多想法和意见。另外，在产品发布后，也会收到

    很多用户的意见反馈。当我们整理这些用户的想法时，就会提出这样的问题：这么多的用

    户，每个人的意见都要采纳吗？不仅数量无法控制，不同意见之间还有可能是互相矛盾的。

    另外，还要考虑开发周期、实现成本等问题……

    不仅如此，用户提出的想法、要求还可能有如下问题。

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

    有这样一个试验：一群被测用户在接受访问的时候，纷纷表示自己更喜欢黄色的产品。实

    验结束后，主持人让参加测试的用户从各种颜色的产品中选择一个，作为对大家的酬谢。

    结果出乎意料，大部分人都选择了黑色的产品。

    并不是因为人们在故意说谎，而是因为人本身就是复杂的生物，他的思考和决策会受到多

    种因素的影响。有的人可能听到别人说喜欢黄色自己就跟着说黄色；有的人想象自己应该

    会喜欢黄色，可是在真正决策时发现自己喜欢黑色；还有的人可能是猜测主持人或其他人

    希望自己选择黄色，所以说自己喜欢黄色，但真正可以自己做选择的时候，他的思考角度

    发生了改变……

    用户没有表达出自己的真实需求：人们所说出来的一般只是表面的想法，不一定能代表他

    们心中的真实诉求。

    比如，用户说：“我想要馒头。”其实他的真实需求(目标)可能是：“我饿了，我需要吃

    东西。”这个时候假如你只看到了他的表面需求，那么当你没有馒头时就会直接拒绝他，导致用户很扫兴。但如果你意识到了他的真实需求，就会问他：“我没有馒头，但是我有

    肉包子，你需要吗？”用户有可能也会接受，甚至更满意。

    还有，当汽车未发明时，你问用户想要什么，他只会说想要更快的马。所以，需要从用户

    的言语中挖掘他内心的真实需求，而不是直接照着他的话去做。该用户不是你的目标用户：提意见的用户并不一定是你的目标用户，他的意见也可能没有

    太大的参考价值。

    比如，你开的糖果店里突然出现一个醉醺醺的男子，大叫大嚷：“为什么你们不卖酒，商

    店里连酒都没有还叫什么商店？我要喝酒，不然以后我再也不来你们这儿了。”这样的意

    见当然不必理会，因为很明显该用户不是你的目标用户。

    用户意见不一定专业：用户不同于设计师，他的很多意见只是一种直观感受，不太可能经

    过缜密的思考。有的时候用户的要求甚至是不合乎常理的。这就需要设计师经过判断和思

    考，重新审视用户意见的合理性。

    比如，用户要求在客户端上加入 Web端常见的复杂视图、编辑功能，但他可能完全没考

    虑到手机屏幕小的特性。有的用户可能会希望你开发一个听起来很荒诞的功能，最后你发

    现使用这个功能的人是个位数。还有的用户完全是出于个人喜好，比如希望你把白色背景

    改成绿色，因为他喜欢绿色。

    综上所述，我们既需要通过调研、观察、询问、记录意见等方式了解用户想法，同时又要

    避免不经思考，完全照搬用户的意见来设计产品需求。因为用户的意见并不一定是真正的

    用户需求，我们需要先去识别(目标用户在合理场景下的真实需求目标才是用户需求)。

    5.2.3 如何对待用户的意见

    用户提出的要求如何转化为产品需求？还记得 5.1.3小节“需求的分析与筛选”中我们是综

    合考虑哪些因素来分析需求的吗？再考虑上一小节中提到的各种情况，我们最终细分出图

    5-14 中这 5 个具体因素，并分别举例说明之。

    根据目标用户考虑：提出要求的用户是你的目标用户吗？

    比如某杀毒类产品面向的主要目标人群是二、三线城市的打工族，他们普遍受文化教育程

    度较低，不懂得具体的电脑操作知识。这个时候，如果有用户提出需要设置快捷键等高级

    操作的要求，就可以不予理会。因为这种高级用户不是我们的目标用户。但如果提这类需求的用户过多，就值得思考了。是不是功能或界面设计得过于复杂，没有吸引原定的目标

    用户，反而吸引了很多高级用户？还是产品的目标用户定位有问题等？这些都是需要我们

    去思考的。

    图 5-14 考虑用户意见的 5 个因素

    根据使用场景考虑：用户提出的这个问题一般发生在什么场景？合乎实际的使用情况吗？

    使用场景一方面和使用平台有关，例如，台式机的使用场景一般较固定，而手机的使用场

    景则较为多样化，室内室外，走路跑步，工作休闲等都有可能。使用场景另一方面

    和目标用户有关，比如“运动型”的用户，他听音乐的场景可能更多地是在运动时；而“学

    习型”的用户，他的使用场景可能更多地是在学习工作时。

    人在不同的场景下会有不同的行为。比如，在室内工作时我们倾向于使用台式机工作，而

    在地铁或公车上习惯拿出手机来看新闻，在家里我们可能又会拿出平板电脑来看美剧……而用户在提各种问题反馈时，可未必会考虑到不同的使用场景，很可能只是根据他当时的

    使用场景来提出的。

    比如某用户反馈，希望在客户端上增加复杂的分析图表，因为他在电脑上经常使用这个功

    能。但这种复杂的功能并不适用于客户端：一是因为手机屏幕小，放不下这么大的分析图

    表，阅读起来非常不方便；二是因为手机的使用场景决定了它更偏向于休闲娱乐或是处理

    比较简单的工作，用户一般不会在手机上使用非常复杂的功能。

    根据用户目标(真实需求)考虑：用户表达出自己的真实需求了吗？

    比如用户反馈说客户端上的虚拟键盘太小了，希望能提供放大键盘的设置。用户为什么会

    提这个要求呢？因为他总是点不准，经常误操作。所以我们其实要解决的是用户误点击的

    问题，而不是解决键盘大小的问题(毕竟手机的面积有限)。我们可以考虑多种方案，比

    如，点击瞬间出现一个放大效果、或者增加键盘的有效触摸面积等。

    根据产品定位考虑：用户提出的要求符合产品的定位吗？

    比如，某新闻应用给自己的产品特色定位是“快速”，那么当有用户反馈新闻更新速度过慢

    时，就非常值得关注。反之，如果这个新闻应用给自己的特征定位是“精致”，并且里面的

    新闻内容都是由编辑精心挑选出来的，并以此作为该产品的一大特色。这个时候，如果有

    用户反馈新闻更新速度慢，就可以忽略。

    根据项目资源考虑：用户提出的这个要求需要多少开发资源？价值有多大？需要立即开发

    吗？

    产品经理和设计师不仅要考虑用户体验，还要在项目中平衡商业价值与用户需求。所以，是否要立刻采纳用户的合理意见，还要看项目的实际运作情况。每一个阶段，产品都需要

    处理很多需求，开发很多的功能，这就需要给这些功能排列优先级。如果某功能实现起来

    成本过高，而收益甚小，就有可能延后执行。5.3 设计师的逆袭

    前面提到的，其实都是理想中的流程。但在实际情况中，理想的情况可能并不存在。也许

    根本没有什么产品定位、需求分析，甚至连需求文档都没有，更别提产品经理和设计师一

    起讨论需求了。所有的决定可能都是拍着脑门做出来的，或是要求设计为商业让路，或是

    要求赶进度，直接照抄竞品……

    于是很多设计师会抱怨说：“讲那些道理都没用，领导让你做什么你就得做什么。产品经

    理就是一意孤行，就是不把你当回事，每次都自己决定好一切了再来找你，又给你很少的

    时间，又不听你的意见……”

    设计师确实处在一个比较被动的地位，所以就更应该主动出击，主动和产品经理沟通和交

    流，让他意识到你对产品的热爱、对工作的主动，这样也就更愿意和你交流。如果只是每

    天被动地等待，那时间长了可就真地成了怨妇了。

    在这里告诉大家一个诀窍：搬到产品经理旁边去吧。距离既产生美，也产生隔阂和麻烦。

    如果能及时关注产品经理的动态，及时和他探讨，你会发现你的存在感提升很多。

    总之，通过扎实的基本功和良好的心态、积极的行为，我们完全有可能在逆境中调整自我，坚持不懈地通往成长之路。

    5.3.1 如何面对强势的产品经理

    ● 商业价值 VS 用户需求

    老板对产品经理说：“这个地方就这么做，在这里添加一个入口。”

    产品经理对交互设计师说：“老板说要在这里添加一个入口。”

    交互设计师：“……”很多设计师都会遇到这种情况：领导要求要这么做，产品经理只负责传话，设计师没有一

    点辩驳的机会，只能照做。这个时候其实最重要的还是摆正好心态，换位思考，考虑对方

    要求这么做的原因，而不是一味抱怨。

    ● 不靠谱的产品经理什么样

    产品经理：“这个地方所有竞品都是这么做的，为了保险起见，我们做得和它们一样就可

    以了。”

    交互设计师：“可是这里的用户体验并不好啊，文案还有歧义。”

    产品经理：“没关系，竞品都是这样的，用户能明白的。”

    交互设计师：“……”

    如果让设计师来倾诉工作中遇到的各种“奇葩”产品经理，那恐怕是三天三夜都说不完的。

    我们在与其他公司的同行交流的时候，发现大家遇到的情况也都差不多。大家最痛恨的产

    品经理的行为主要有以下几种。

    需求变动多：需求不靠谱，没有想清楚，总是改来改去。

    需求有变动其实是比较正常的，但有些产品经理经验有限、又太过于追求完美，总是在设

    计师或开发人员加班加点地完成以后，又推翻了原先的想法，让项目成员叫苦不迭。

    还有的产品经理不写需求文档，或需求文档粗糙不堪，缺乏基本的功能点与描述，让项目

    成员难以进行后续工作，而其却又反复催促时间进度，严重影响效率和质量。

    过于主观：在设计方面提过多主观意见，干扰设计师的工作。

    产品经理应该学会信任团队，让专业的人做专业的事情。如果需要改动，尽量从专业角度

    出发提出改动意见，而不是依据个人主观感受，比如“这里是我们要突出的重点，希望在界面上强调一下；这里的视觉元素对文案有干扰，希望能弱化一下；这里的内容有歧义，用户难以理解；这个地方的设计和业务逻辑有冲突……”

    但有的产品经理可能会这样要求设计师：“这条线往上调 1 像素，这个颜色换成和那个网

    站一样的蓝色，这里加个小鸟元素……”设计师的思绪完全被打乱，难以做出令人满意的作

    品。

    过于关注细节：产品经理应该关注细节，但不要过于纠结细节。

    我遇到过不少产品经理，对产品方向、定位没什么概念，却喜欢琢磨着画线框图或摆弄

    UI元素，并在这上面耗费过多时间。

    产品经理一定要首先有大局意识，再去关注细节，同时要考虑好项目时间规划，不要在细

    节处耽误过多的时间，影响整体的项目进度。

    不能合理安排时间：工作拖沓、效率低，给别人安排时间时却非常紧凑。

    有的产品经理不能认真、高效地完成自己分内的工作，却把设计、开发人员的时间安排得

    紧紧张张，导致员工加班不说，还影响工作质量和效率，以及团队成员的积极性。

    不负责任：不够热爱产品，对工作敷衍了事。

    工作中确实遇到过不少这样的产品经理，不把产品当做自己心爱的事业，只是应付差事而

    已。有的产品经理完全就是一个传话筒，几乎没有自己的思想；或是永远出于保险的目的，让设计师“借鉴”竞品。这样不仅做不出好产品，也难以留住团队中优秀的人才。

    其实不管做什么职业，做人是第一位的。学会尊重别人，别人才会更好地配合你工作。以

    上这些是很多设计师都会遇到的一些问题，但是如果我们参加产品经理的聚会，让产品经

    理来倾诉的话，会发现他们对设计师也会有很多意见。

    设计师如果想成功逆袭，对抗不靠谱的产品经理，必须先改正自身的问题，逐步完善自己。过于强调自己的主导地位：产品经理是一个职位名称，而不是一个行政头衔，他与团队成

    员只是组织和合作的关系。产品经理应该能够意识到这种平等协作的关系，而不是把自己

    当作甲方，对其他人呼来喝去，这样是难以组织一个优秀的团队的。

    ● 让产品经理头疼的设计师什么样

    用户研究员：这个地方我们使用的是聚类分析的方式，最后得出了这样的结果。还有，这

    些是问卷得出的数据，我跟大家分享一下。

    产品经理：我不关心你使用什么方法，我想知道这些干巴巴的数据和我的产品有什么关系

    呢？他们能说明什么问题呢？

    交互设计师：你这个地方怎么能放推广位呢？太影响用户体验了。

    产品经理：我们也有业绩压力啊，产品得首先想办法活下去啊。

    视觉设计师：今年流行这种唯美、小清新的风格，还有这种色调，在年轻人中很受欢迎。

    产品经理：可这是一个促销界面，目标人群是 30～40 岁的人群啊。

    不懂得平衡：设计师需要学会兼顾商业利益和用户体验。

    定位局限：把自己局限在专业范围之内，没有考虑业务线的需要，缺乏产品意识。

    例如，用户研究员一般会根据分析结果给产品提供一些建议，但因为用研人员可能缺乏产

    品、运营、推广方面的相关知识，对产品又不够了解，提出的建议根本不可用，或者让产

    品经理看起来很幼稚。

    交互设计师可能会过于重视用户的操作习惯、用户体验等，完全忽略了产品的业务要求和

    商业利益。

    视觉设计师可能过于重视视觉表现和流行趋势，没有考虑到如何通过视觉元素来对用户进

    行有效的视觉、操作引导，以及如何突出产品想表现出的关键元素。下面来观察一个实例，如图 5-15 所示。比如这 2 版电影活动头图。上图虽然给人清新活

    力的感觉，但内容比较凌乱，难以一眼识别主题；下图则比较清晰，突出了最主要的标题、活动按钮，其余内容则虚化处理。很好地体现出了设计师的产品意识和对用户的理解。

    抱怨多、建设性意见少：对业务质疑、抱怨多，却很少去想怎么解决问题。

    视野狭窄：只懂得专业领域的知识，难以和其他角色沟通和合作。图 5-15 两版电影票活动头图对比

    设计其实和产品一样，都属于复合型学科。设计师光懂得自己专业方面的知识是远远不够

    的。比如作为一个交互设计师，应该懂一些用研方面的基本知识，能独立做一些简单的用

    研工作，也能够评判一些视觉设计的问题；视觉(界面)设计师应该懂一些交互方面的知

    识，这样才能确保理解产品、交互原型传达的理念。

    当然，这些还不够。不管是用研、交互还是视觉设计师，不仅要懂用户，还要学会站在产

    品的角度想问题。平时也要注意学习产品方面的知识。这样才能和产品经理站在同等的高

    度沟通。

    专业技能不佳：不够懂用户，经验欠缺，设计水平欠佳等。

    以上这些问题是很多设计师身上都存在的，只有先改进了自己的问题，成为一个优秀的设

    计师，我们才可能在遇到不靠谱的产品经理时，积极发挥自己的力量，成功逆袭。

    5.3.2 拒绝不靠谱的需求文档

    交互设计师A：这个产品经理从来不写文档，不是直接让我看竞品，就是线框图画的差不

    多了扔给我。

    交互设计师B：产品经理的需求文档太粗糙了，有一次竟然给我一个 txt 文档，里面就 4

    句话。

    交互设计师C：产品经理的需求文档还是挺详细的，但是不能直接用，有些地方还是欠考

    虑，不符合用户的实际情况。

    需求文档严重不规范是互联网行业的一个通病，面对“短、平、快”的产品设计要求，需求

    文档的存在似乎显得刻板而过时。

    据我所知，很多产品经理也是比较痛恨写需求文档的。一方面是觉得浪费时间，另一方面

    是觉得枯燥乏味，没有直接画线框图来得有意思。甚至很多领导也不太支持写文档的行为，觉得增加了一个不必要的环节。另外，很多产品经理平时要处理各种沟通、协调问题，每

    天杂务成堆，确实也没有整块儿的时间去写文档。不要说写文档了，甚至连思考产品定位、产品方向的时间或机会可能都没有。

    那么，是不是产品经理就可以不写需求文档了呢？

    ● 有没有必要写需求文档

    当产品规模小、项目人员少时，没有文档不会出现太大的问题，项目依然可以灵活、顺利

    地进行。但当产品规模不断扩大、项目人员不断增多时，缺乏文档的弊端就会渐渐显现出

    来。比如，当人员流动时，工作难以交接清楚，因为历史的功能信息均没有记录。当系统

    越来越庞大时，谁也无法描述清楚底层的完整业务逻辑，更新维护的成本极高，工作流程

    十分混乱，团队内部沟通不畅、效率低下……

    假如在一个大型项目团队中，产品经理没有写需求文档的习惯，而是直接深入细节，绘制

    线框图，那对整个项目团队可能都是一场巨大的灾难。因为即使是一个非常专业的设计师，也不能保证在处理一个复杂的问题时，能够立刻描绘出正确的设计方案来，他必须经过一

    系列思考的过程。

    小型团队中虽然不需要详尽的需求文档，但产品定位、需求优先级等总是要有的，只是不

    限制文档格式，普通列表也可以，只要方便团队成员理解、沟通即可。

    所以说，作为产品经理，应该养成写需求文档的好习惯。第一，需求文档可以有效地帮助

    产品经理理清产品功能、内容、业务逻辑等整体信息。如果跳过这一步，过早地陷入界面

    细节，很容易得到盲人摸象的结果，给后续环节造成灾难性的后果。第二，需求文档大大

    地方便了团队的沟通，让团队成员在项目前期迅速准确、全面地了解你的想法，而仅靠简

    单的沟通则很难遍历到所有的需求点，且面对多人团队时效率很低。需求文档也规范了项

    目的具体内容，不会出现越跑越偏的情况，增强了对项目的把控力。第三，需求文档可以

    帮助其他项目成员有针对性地提出问题，而不是感到困惑和无所适从，这样也提升了工作

    效率。第四，需求文档不仅有利于项目的持续发展，还能促进产品经理自身能力、专业性的提升。就像交互设计师要产出原型、视觉设计师要产出视觉稿、开发人员要产出代码一

    样，需求文档就是产品经理的重要产出物。很难想象不会设计原型的交互设计师、不会画

    视觉稿的视觉设计师，不会写代码的开发人员，能称得上专业。有些产品经理自认为很有

    才华，不屑于因循守旧、墨守成规，须知再才华横溢、满腹经纶的人，也需要脚踏实地，才能得到团队的认可。

    在具备一定规模的团队中，产品经理不仅需要提供需求文档，还应该不断地与团队成员沟

    通。前期沟通主要传递想法。中期沟通解决不断发现的问题、迭代需求。后期沟通确认问

    题是否得到解决。

    ● 无需求文档或文档不标准怎么办

    如果产品经理不写需求文档或需求文档不标准，我们应首先给予充分的理解，并督促他解

    决这个问题。

    如果是面对一个较大的项目或是比较复杂的需求，且团队人数较多，则需求文档应该保证

    一定的规范性。很多公司都有通用的需求文档模板，以保障形式和内容上的统一。这样既

    不容易遗漏重要的内容，也让需求文档看起来更专业，同时统一的形式也降低了项目成员

    的理解成本。

    如果产品经理提供的需求文档不够标准，设计师应该提醒产品经理修改需求文档。一来，如果需求文档不合格，说明产品经理根本没有想清楚需求，设计师难以进行后续的设计任

    务；二来，没有需求文档这个依据，产品经理可以在设计环节随意更改想法，导致后续环

    节效率极低。所以设计师必须做到心中有数，清楚需求文档中应该包含什么内容。内容不

    全时要求产品经理补全即可。如果产品经理确实没有时间补充，也要自己想办法把这些内

    容搞明白，并和产品经理确认清楚，否则后面的设计工作也难以顺利地进行。

    而如果是一些比较小的功能点，设计师可以灵活处理。可以总结自己在项目中需要知道和

    了解的问题，列出一份清单，请产品经理回答。相信每个产品经理都不会拒绝为大家回答

    问题吧。如果觉得对方回答得不清楚，可以继续细化问题，直至回答清楚为止。● 辨别需求文档的内容是否合理

    从 5.1.4小节中，我们知道需求文档不可能一次到位，即使采用合理的流程，需求文档也

    会经过正常的迭代。

    如果设计师并没有和产品经理一同参与前期的需求分析过程，而是直接拿到了需求文档

    (这也是最常见的情况)，那么就需要注意了。需求文档中关于业务逻辑、产品要求、资

    源限制等是设计师必须要正确理解的内容。而与设计有关的信息结构、任务流程、功能说

    明、界面描述等，仅需作为参考即可。

    目前，从事产品经理职位的人员良莠不齐，并不是所有人都具备合格的素质。再者，产品

    经理也是普通人，也可能会犯普通用户犯的错误。比如，有的产品经理设计的需求并不是

    用户的真实需求；没有正确理解用户的意图；把自己当做了目标用户，提出的需求过于主

    观化；需求明显不合乎常理，等等。

    所以设计师需要重新考虑正确的需求(在 5.3.3小节会有更具体的说明)，在设计过程中

    与产品经理保持密切沟通，双方不断地达成一致，而不是仅把需求文档作为设计指南来对

    待。

    如果设计师收到的不是需求文档，而是产品经理绘制的一系列精致的线框图，也不要感到

    无奈。我们可以通过这些线框图去理解产品的本质需求、业务逻辑，再和产品经理沟通确

    认他的想法，然后彻底忘掉这些线框图，再重新去设计，而不是在原有基础上做简单修改。

    如果产品经理直接要求设计师照抄竞品，设计师也可采用同样的方式。从竞品界面去理解

    业务、需求，再重新设计(具体请看 5.3.4小节内容)。

    5.3.3 从“功能需求”到“设计需求”

    产品经理：我们要上一个团体险种，需要增加编辑用户信息功能。这是需求文档，你先看

    看吧。交互设计师：为什么这里有编辑功能却没有导入功能呢？直接导入不是更方便吗？这里的

    数据量可是非常大的。用户不太可能在咱们这里逐条编辑。

    产品经理：嗯，你说的有道理。我当时看竞品有这个功能，就列上了。

    ● 残酷的现实要求设计师学会走“弯路”

    在理想情况下，设计师可以在接到需求文档后立即开始设计工作。因为通过前期和产品经

    理一同确定产品定位，进行需求分析，设计师对于用户、产品需求已经都有了深刻的了解。

    但在多数情况下，设计师很可能没有机会和产品经理进行前期的工作。一来，双方可能都

    没有这样的意识、能力与信任感(因此，双方最好有一定合作基础，能够默契配合)；二

    来，时间紧急是永远的借口；三来，来自上层的压力决定了无论是产品经理，还是设计师，可能都没有太大的决策权。

    在实际工作中，设计师往往最先接触到的是需求文档，甚至只是几句口头的交代。为了避

    免“错误的开始”导致“错误的过程”和“错误的结束”，设计师需要适当地走些“弯路”，以避

    免因为前期流程的不完善而导致的后续错误决策。

    下面给出了一个理想的需求分析过程和一个现实的需求分析过程，两者进行对比，如图

    5-16 所示。

    如果产品经理没有按照正确的流程工作，那么他撰写的需求文档极有可能是不合格的。这

    种情况下设计师不应该完全照着需求文档的内容做设计，而是需要“重新回炉”，通过用户

    调研、竞品分析、用户反馈、分析产品数据等方式重新归纳需求，考虑用户的本质需求，确立相应的设计目标。以设计目标作为设计的导向，然后发散出各种解决方案(功能、内

    容)，再根据设计目标和项目资源决定优先级。从这个过程来看，设计目标好像是取代了

    原先产品定位的作用。

    在这个过程中，设计师变被动为主动，逐渐拿回产品的主导权。但设计目标和设计需求仅

    仅是设计师的设计方向和范围，是缺失了产品定位(即产品设计方向)后设计师不得已采用的办法，它依然无法完全替代产品定位和产品需求的作用。比如在音乐播放器那个例子

    中，音质好、更新速度快是产品的一个重要需求，但这是设计师很难通过设计来实现的。

    图 5-16 理想的需求分析过程 VS 现实的需求分析过程

    当然，多数情况下，很少有设计师会在这种情况下确立设计目标，而是会照着需求文档的

    要求去做设计，其结果可想而知。

    虽然设计师主动比被动要好很多，但即使是这样，效果也很难达到理想程度。跨过了产品

    定位这一最重要的步骤，后面再怎么努力也只能是在原有基础上尽量提升操作、感官体验，产品依然难以在市场中脱颖而出。就好像没有事先探测好打井的位置就盲目打井，即使设

    备再先进，打得再深，也不见得能找到水源。

    作为一个设计师，我们虽无法改变源头，但我们可以改变自己，在一次次的项目实战中提

    升自己的设计能力。一旦有朝一日碰到好的项目机会，我们将会发挥极大的作用。

    ● 如何寻找设计目标比如，现在要对一款摄影类手机应用做优化，产品经理给你的需求文档包含以下几点功能

    要求。

    ● 增加滤镜种类。

    ● 增加批量修改照片的功能。

    ● 增加自定义调节功能。

    ● 为同一款滤镜增加不同强度。

    ● 增加滤镜叠加功能。

    在这次优化任务中，产品经理要求增加一系列功能，这些要求可能来源于竞品，可能来源

    于用户，但这些真的是用户的本质需求吗？做了这些就可以在同类产品中更有竞争力吗？

    由于之前并没有设计师介入，产品经理也没有真正地接触用户，因此这些功能更偏向于产

    品经理个人的主观判断。

    因此，我们现在先不要急着去做设计，而是要思考以下问题。既然是做优化，就说明已经

    有一定的用户基础了。那是不是可以先查一下目前用户的评论和反馈？是不是可以观察身

    边的人是如何使用的？可以做一些简单的访谈和测试，看看用户使用过程中有什么痛点。

    另外，还可以对比一下竞品，看看竞品哪里体验比我们好，哪里还有改进余地……

    以下是较有代表性的用户意见。

    ● 选择滤镜时总是很纠结，找不到自己喜欢的滤镜。

    ● 同一款滤镜可不可以分为不同强度，如轻度、中度、强度。

    ● 希望增加滤镜种类。

    ● 想为同一组照片加相同的滤镜，却很难找到上一次使用的滤镜。● 希望增加自定义调节功能，可以分别调节照片的亮度、饱和度、对比度。

    ● 两款滤镜可不可以叠加。

    通过对它们进行简单分析后可以发现：产品已经提供了 12款滤镜，但用户还是找不到喜

    欢的，说明滤镜的品质可能欠佳；用户希望增加滤镜种类，可能是由于滤镜的差异化不大，品质一般，难以满足用户的需要；很难找到上次使用的滤镜，可能是因为滤镜的差异化不

    大；希望增加自定义调节、同一款滤镜的不同强度、滤镜叠加，这些都是用户对滤镜个性

    化的需求，如图 5-17 所示。

    我们同样也针对竞品做了简单分析，并查看了用户对竞品的评价，询问了身边用户对竞品

    的意见，最后得出如下结论。

    图 5-17 从用户意见提炼用户本质需求

    ● 大部分竞品提供了个性化修改图片的方式。

    ● 用户更乐于分享个性化修改过的图片，因为其能体现出自己的风格。● 用户会使用竞品 A美化照片，再使用竞品 B分享给好友，因为竞品 A的滤镜效果非常

    有质感，但是竞品 A没有分享功能。……

    从简单的竞品分析中可以得出结论：我们需要更个性化、品质感更好的滤镜，并且应该突

    出分享功能。

    综上所述，我们最终得到了 4个设计目标：提升滤镜品质、增加滤镜间的差异化、增加

    个性化滤镜；突出分享功能。

    ● 根据设计目标重新定义需求

    通过和产品经理一起讨论、整理思路，最终大家一致认为：对于用户来说，滤镜的品质是

    第 1位的，如果品质不好，差异化再明显也没有用；其次是滤镜的差异化，让用户容易

    找到自己喜欢的滤镜；至于个性化功能，排在第 3位，因为使用这类功能的用户专业度

    较高，人数也相对少些；最后是突出分享功能，因为只有前面做好了，用户才愿意分享。

    综合前面的所有观点，我们得到如下设计目标优先级，以及对应的设计需求，如图 5-18

    所示。图 5-18 根据设计目标考虑设计方向(功能)

    确定设计需求之后，设计师就可以开始后续的设计工作了，而这也是设计师参与最多的阶

    段。具体内容请看第 6章“设计规划——从需求到设计草图”。

    5.3.4 如何“抄袭”竞品

    产品经理：我们要做一个××功能，类似某网站的××部分，希望你能帮忙设计一下。

    交互设计师：好的，这个功能还挺复杂的呢，我想先看看需求文档。

    产品经理：功能和某网站的××部分是一模一样的，人家做什么我们就做什么，业务逻辑

    都一样，不需要我出需求文档了吧？一定要写的话也是各种截图而已。

    交互设计师：……

    ● 在“抄袭”中寻求创新

    产品经理不能在前期和设计师配合工作也许还可以理解，但不能产出合格的需求文档就有

    点失职了。这还不是最坏的情况，有的时候可能连需求文档都没有，直接让设计师“抄袭”

    竞品。设计师除了仰天长叹，还能做什么？

    “抄袭”是一个让设计师备感尴尬，但却不得不面对的词汇。没有一个设计师愿意“抄袭”，但很多时候又不得不违背自己的意愿，有的设计师或许早已习惯如此。

    从企业战略考虑，为了布局，经常需要做一些和竞品类似的项目。对于具体执行者来说，“抄袭”行为无疑是一条捷径，甚至一些领导的口头禅就是“想不到更好的就直接抄”。再放

    眼目前的互联网行业，确实是“你抄我抄大家抄”，一派其乐融融的景象。

    刚开始工作时，每次听到“抄”这个字就很难受，觉得这是对设计师的不尊重、是对设计的

    亵渎。但是慢慢地，我明白了，毕竟公司做产品要考虑商业利益，而不是设计创作。我也

    会不停开导自己：大家所说的“抄”并不一定是让设计师完全复制对方的界面，而是希望最后的结果不比竞品差。最后我也发现，只要是真去用心设计、做得比竞品更好，即使最后

    的结果和竞品不一样，也很容易被大家接受。

    当然过程中也会遇到阻碍和挫折，也会遭到某些产品经理的不理解，觉得你怎么这么固执，做事情怎么这么磨蹭，明明可以简单抄抄了事，非要自己瞎折腾。但是，最后事实证明，这些付出和坚持都是有意义的。在这个过程中，我的能力得到了很大的提升。而那些领导

    一说“抄”就应付了事的人，虽然当时可以顺利应付，但多年来自身能力毫无提升，逐渐被

    淘汰。

    所以“抄袭”可能确实是我们无法避免的事情，但还是要以积极的心态来对待。我的想法就

    是：功能方面，产品经理们可以去抄，作为设计师无力干涉。但是设计方面，绝不允许自

    己盲目“抄袭”。即使功能一样，不同的设计水准也会让产品体验截然不同!退一万步讲，即便我们不愿意对产品负责，也总该对自己负责吧。

    ● 直接“抄袭”竞品的风险

    虽然目前抄袭风气正盛，但是我们也要认识到此举的风险。

    影响企业形象。

    经常会在微博或新闻上看到某公司控诉其他公司严重抄袭自己的产品界面。而评论者中支

    持者甚多，大家都在极力谴责这种不良行为。这对抄袭一方的企业形象有很大的影响。

    在这类事件中，视觉设计互相抄袭的情况是最多的，因为这是最容易被发现的。而功能上

    的抄袭其实并不那么容易被发现。如果在“借鉴”的过程中在设计上有所改进，反而更容易

    得到认可。

    在互联网公司中，“抄袭”别人模式、功能，但在体验上远远超出对方，最后打垮竞争对手

    的例子也是屡见不鲜的。因此，虽然大家都在“抄”，但用心程度不同，最后得到的结果也

    不同。出现严重错误。

    不动脑子的抄袭很容易出现错误。以前曾经出现过这样一件事情，A公司的帮助页面中居

    然出现了B公司的联系方式。原来是 A抄袭 B的文案时，完全没有过脑子，把对方的公

    司名称也抄上去了，这才造成了这么严重的错误。

    驴唇不对马嘴。

    A产品的内容或设计并不一定适合 B产品，就好像别人的发型很漂亮，但是可能并不适合

    你，因为你们的脸型不一样。

    比如，你可能非常喜欢某奢侈品网站的设计，但这种设计风格绝不应该使用在团购网站上，这会让你的网站看起来非常奇怪。在“抄”之前一定要看好了，对方的东西适不适合你。

    东施效颦。

    即使产品性质完全相同，“抄袭”过后就能达到和对方同等的效果吗？答案是否定的。

    如果没有良好的设计功底，在“抄袭”时很容易出现纰漏。例如，项目成员A觉得按钮没有

    必要做 2个样式，悄悄地将其改成了同样的样式。殊不知这 2个按钮代表的含义和重要

    程度完全不同。项目成员 B觉得某个交互形式虽然体验很好，但是开发起来成本太高，就自作主张把它取消掉了。项目成员 C看到有个气泡渐变消失的效果，但是完全没考虑

    到渐变的时长，设定了个差不多的数值，效果和竞品效果相差甚远……

    出现这种现象其实并不意外。领导想象得很美好，认为马上能看到和竞品同样的效果。但

    下面执行起来却不是那么顺利。每个项目成员好像都做得差不多，最后却差很多。为什么

    会这样呢？

    因为一个不负责任的指令(“抄”)，只能得到不负责任的结果。

    反之，如果团队成员真正懂设计，又一心想把项目做好，那很可能会在“借鉴”的基础上更

    上一层楼，得到比竞品更好的结果。永远落在对手后面。

    “抄”很容易成为偷懒的借口，甚至会成瘾。当我们习惯了等待竞品进步，我们就已经在退

    步了。长久下去会越来越没有竞争力，永远不可能超越竞争对手。

    综上所述，我们要做的是关注竞品、研究竞品、努力超越竞品，而不是以逸待劳、自取灭

    亡。

    ● 如何对待“抄袭”竞品的要求

    如果产品经理不写需求文档，而要求设计师直接“抄袭”竞品，设计师应该如何去做呢？3

    种不同情况下的需求分析过程对比，如图 5-19 所示。图 5-19 3 种情况的需求分析过程对比

    理想情况下，设计师明确产品定位，和产品经理一同采集、分析需求，得到产品经理撰写

    的需求文档，然后开始分解用户任务，设计任务流程，明确操作路径，设计界面样式……

    但如果需要“抄袭”竞品，我们就需要把这个过程倒过来，即通过竞品界面往回倒推，直到

    从竞品中得到原始的用户需求以及业务逻辑。

    具体来说就是这样：首先，我们尝试所有的操作，截取全套的竞品截图；接下来，根据这

    些截图绘制流程图，然后再根据流程图倒推需求。接下来再用 5.3.3小节中的方法，提炼

    设计目标，确定设计需求，然后再开始正常的设计过程。就好像有人拿来一个录音机，要求你设计一个跟它一样的。你需要先研究录音机的构造，把它拆开来看看里面的零部件是如何组织的，深入了解它的工作原理，然后才有可能做出

    跟它一样的录音机。

    如果设计师想设计出更好用的录音机，不仅需要知道它的工作原理，还需要知道用户对它

    的看法。我们可以通过前面提到的用户调研、竞品分析、用户反馈、产品数据等方式，了

    解我们的用户和竞品用户的区别，以及竞品用户在使用中有什么痛点和期望，如何更好地

    满足用户需求……和 5.3.3节的例子类似，最后得出设计目标。

    即使时间非常有限，不允许做太多的调研、分析工作，设计师也可以把自己想象成一个从

    来没用过该产品的用户，认真体验产品，记录使用中遇到的困惑和问题，再通过自己的设

    计经验来解决它们。

    通过用心的思考和设计，相信最后的结果不会比竞品差。其实这并不是“抄袭”，而是避免

    “重复发明轮子”。不动脑子的“抄袭”只能产生更多的垃圾产品，最终被行业所淘汰。当然

    垄断产品除外。

    06 设计规划——从需求到设计草图

    在第 5章中，我们了解了如何同产品经理一起做需求分析，以及在错过了这个阶段的情

    况下，设计师如何弥补，如何重新确立设计目标并定义设计需求。那么在这一章里，我们

    将学习在得到正确的产品需求或设计需求后，如何开始进行设计规划。

    确定需求之后，设计师并不是马上打开软件开始画图。工欲善其事，必先利其器，优秀的

    设计要经历充足的规划过程。在实际工作中，设计规划阶段也是交互设计师参与最多的工

    作阶段。交互设计师要在这一环节中起到主导作用。我们根据需求来确定应该提供哪些必要的信息给用户，然后对信息分门别类、有效地组织

    起来，并以导航的形式展现在界面上，让用户可以快速找到自己想要的信息。比如，我们

    浏览一个电子商务网站的首页时，需要通过导航或类目引导，来找到自己需要的内容。

    同时，我们会根据需求来设计相应的任务，排列任务优先级，并在界面上通过一系列引导，帮助用户快速完成任务。对于复杂的任务，尽量简化其操作；对于信息量过大的页面，想

    办法使其重点突出、一目了然……比如，我们在完成注册任务时，突出的信息、清晰的引

    导、简便的操作可以帮助我们顺利完成任务。

    对于一个网站来说，信息和任务并不是孤立存在，而是互相关联的。用户来到网站既要获

    取信息，又要完成任务。完成任务的过程中离不开各种信息的提示，而寻找信息又是为了

    完成一系列任务，如图 6-1 所示。

    图 6-1 从需求到界面设计

    根据需求来设计相关的信息和任务，通过组织信息结构、引导用户完成任务得到一系列相

    关联的界面草图；然后细化草图为具体界面，在这个过程中考虑如何让用户轻松、愉悦、高效地浏览和操作；最后，我们要赋予界面一些魔力，让用户难以忘记使用产品的体验。

    这就是设计规划的过程。

    我们最终的目的是通过专业的设计工作，让产品不仅能满足用户需求，减少用户的理解和

    操作成本，还能深深地吸引用户，让这个产品捕获用户的芳心。6.1 从需求到界面，隔着一扇门

    很多产品经理或设计师都有一个很不好的习惯，就是拿到需求后就开始尝试着用软件画界

    面，甚至在需求还没想好的时候就开始构思界面细节了。这些人中，有的人热衷于把界面

    设计得更好看，但页面逻辑却一塌糊涂；还有的人在设计过程中经常发现某个界面细节逻

    辑不通，于是开始冥思苦想，却得不到好的解决办法；还有的人信心满满地带着自己设计

    好的界面参加原型评审，却遭到各种质疑，而不知该如何应对。

    从需求到界面，中间其实还隔着一扇门。我们只有通过这扇门，才能顺利地从需求过渡到

    界面。但很多人无视这扇门的存在，总想走捷径，直接“穿门而过”，快速到达对面美丽的

    花园。到最后才发现其实是走了条弯路，得不偿失。

    这扇门就是信息的组织与任务的设定。通过了它们，我们才能快速绘制出设计草图，并进

    一步细化界面。

    6.1.1 如何搞定信息分类

    在生活中，整理物品是为了更容易地找到自己所需要的。在厨房里，调料放在一个抽屉、厨具放在一个抽屉、餐具放在一个抽屉，做饭时就不会手忙脚乱地到处东找西找。超市的

    商品按照不同的分类，摆放在不同的货架上，并在货架上附上相应的指示牌，顾客在购物

    时才能更方便快速地找到所需商品。东西越是多，就越是需要整理。

    同样地，网站上的信息越多，也越需要组织和整理。找寻信息是用户访问网站的重要目的

    之一。信息的分类与组织是设计一个网站的基础。不能顺利找到所需信息，是非常影响用

    户体验的。对于那些以信息查询为核心业务的网站来说，信息的组织与分类更为重要。我

    们可以根据逻辑习惯对信息进行分类，也可以直接去探究用户的想法。总之，设计师需要

    合理组织网站所要承载的信息，帮助用户找到他们真正想要的东西。

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

    比如，在生活中，要买一件男士 T恤，会首先找到商场卖男装的楼层，再找到店铺中摆

    放上衣的区域去挑选 T恤。在电子商务网站对商品进行组织时，同样采用了这种“男装>

    上装>T 恤”的分类方式，如图 6-2 所示。如果分类方式改成“上装>男装>T恤”，你会不会

    觉得怪怪的呢？不符合逻辑习惯的分类很容易把用户弄糊涂。

    图 6-2 电子商务网站的信息分类方式

    我们还可以将物品按照生活中常见的用途、品类、形状、颜色、材料、品牌等进行分类，通过数字、字母、时间等进行标识。

    比如，一个玩具网站可以从适用年龄、玩具类别、特点、品牌几个方面，对玩具进行组织

    分类，如图6-3 所示。图 6-3 玩具网站的信息组织方式

    ● 卡片分类

    卡片分类是另一种有效的组织信息的方法，可以设计出符合用户心智模型的信息架构。简

    单地说，卡片分类就是邀请用户“把类似的东西放在一起”。在产品设计的初级阶段，利用

    卡片分类可以知道用户对网站内容的期望，为信息架构的搭建提供依据。对现有产品进行

    改版时，卡片分类可以检验现有的信息结构是否合理，对新版本的改进提供有效帮助。

    卡片分类的方法简单易行。首先准备好剪裁过的卡片或便签纸，将需要分类的信息写在卡

    片上，然后组织招募到的志愿者对卡片进行分类。志愿者最好是与网站设计不相关的人员。

    在用户进行分类时，设计师和用户研究员可以观察用户的分类过程，以及他们对标签含义

    的理解。最后，需要对卡片分类的结果进行分析。数据量少的情况下，可以直接在白板上

    分析分类的情况，或拍照记录数据。如果数据量庞大，也可以使用专门的数据分析软件，如 IBM?EZSort、CardZort、WebSort 等。

    卡片分类一般可分为 2类：开放式和封闭式。

    开放式：开放式的卡片分类会给用户足够的自由度来进行信息归类。设计师将完全打乱的

    卡片分发给用户，用户可以完全自由地决定把卡片分为几组、每组有多少张卡片。最后再由用户为分好组的卡片命名。开放的方式给了用户极大的发挥空间。设计师可能会得到更

    加丰富的分类结果，如图 6-4 所示。但对于内容复杂、信息量庞大的网站，开放式的分类

    方法可能会使结果变得不可控。

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

    目的卡片分发给用户，让用户根据自己的期望，把卡片归类在不同的导航分类下。如果有

    些卡片用户不知道该将它分到哪个类目下，可以将它拿出来，所有卡片不一定要全部分完。

    封闭式的分类更利于掌控，可以用于对信息设计的结果进行验证的阶段，如图 6-5、图 6-

    6所示。

    图 6-4 开放式卡片分类图 6-5 封闭式卡片分类

    图 6-6 封闭式卡片分类测试现场

    6.1.2 好的导航是成功的一半

    交互设计师A：我设计的导航逻辑清晰，但用户却很难找到自己想要的内容。

    交互设计师B：用户习惯和产品逻辑，到底哪个更重要？信息的组织与分类是导航设计的基础，而导航设计在互联网产品设计中又扮演着重要的角

    色。导航设计并不像看起来那么简单。很多人可能都有过这样的经历，你觉得想要寻找的

    信息在类目A下，可找了半天才发现原来它在类目 B下；或者，打开导航上的一个分类，页面展示的内容并不是自己想象的那样……设计者要将繁复的页面内容组织起来，梳理出

    其中的逻辑，按照层级关系，最终归纳为少数的几个链接。好的导航系统是一个网站的基

    础，也是设计师面临的一个挑战。在保证结构合乎逻辑的同时，还要考虑到是否能正确引

    导用户、深度与广度是否平衡、用户的习惯和使用场景等问题。

    ● 导航的自我解释

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

    迷失方向。成功的导航设计可以自我解释，让用户在导航系统中清楚地认识到信息结构和

    自己所处的位置，为用户解释“我从哪里来？”、“我现在在哪里？”、“我能去哪里？”的问

    题。

    图 6-7 所示为 eBay女装类目下的页面。界面中的导航设计，通过面包屑与页面元素相呼

    应的方式，使用户理解产品的信息结构。

    面包屑“Home>Fashion>Women’?s”记录了用户的访问路径，用户可以通过它回到之前访

    问过的任一层级的页面。界面中的导航设计元素同样反应出网站的信息结构。左上方的网

    站 Logo 告诉用户正在访问 eBay的服务。无论什么时候，点击这里，都可以回到网站首

    页。Logo 下面的标题“FASHION”告诉用户整个页面的信息都是属于这个分类下。

    “FASHION”旁边的导航栏中，“WOMEN”一项高亮显示，标明了用户的准确位置。用户可

    以选择与“WOMEN”平级的导航，浏览“FASHION”类目下的其他内容，也可以通过

    “WOMEN”下一层级的子导航，寻找更加细分类目下的女装商品。整个导航系统与面包屑

    相呼应，清楚地解释了“我从哪里来？”、“我现在在哪里？”、“我能去哪里？”的问题。

    ● 深广度平衡在导航的信息组织中，层级的数目可以称为导航的深度，每一层级中包含的菜单项数可以

    称为导航的广度。在设计导航结构时，要考虑到深度与广度的平衡，也就是纵向的层级数，与横向的选项数的平衡。

    如果导航深度过深，用户就需要耗费多次点击，才能找到所需信息。互联网的世界纷繁复

    杂，每多一次点击操作都会流失掉一批用户。很少有人可以通过第 2层级的目录，就想

    象到第 5个层级上会出现什么信息。如果一些细小的信息隐藏得过于深入，用户可能很

    难找到。过深的层级关系容易令用户迷失方向，如图 6-8 所示。

    图 6-7 导航的自我解释图 6-8 导航深度过深

    相较于鼠标的不停点击，眼睛在页面上扫视的成本要低许多。所以比起深层次的导航结构，广度导航更利于用户发现信息。但如果广度超出用户可以接受的范围，人们必须一次阅读

    很多选项才能在其中进行选择，也会大大增加用户的选择负担。一般来讲，超过 7个选

    项时，用户就很难记住了。一次性展示过多选项会令用户患上“选择恐惧症”，很难从中挑

    出哪一项才是自己想要的，如图 6-9 所示。图 6-9 导航广度过广

    所以设计导航时，需要将信息进行合理的分组，在分组时注意深广度的平衡。明确每个层

    次的焦点，让用户知道当前层级有哪些内容，并能知道自己的目标在哪里。深广度平衡的

    导航使用户在每个层级上不必面临过多选择，通过每个选项的名称便可明确自己寻找的方

    向。在选择正确的分组后，逐渐关注其下一层级的内容，一步步接近自己想要寻找的信息，如图 6-10 所示。

    图 6-10 导航深广度平衡

    图 6-11 所示是一个保健品电子商务网站的商品分类导航。在调研时，发现用户在购买保

    健品时，最重要的选择维度是适用人群和功效。所以导航的设计选择了用户最为关注的这

    2个维度，以“人群”为第 1 层级，“功效”为第 2层级。虽然在导航中，所有选项被同时展

    示了出来，但清晰的视觉焦点可以让用户快速筛选第 1层级，再浏览相应的第 2层级。图 6-11 保健品电商网站商品类目设计

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

    对导航的设计，一方面要了解用户的信息需求；另一方面也要了解网站背后的商业目的。

    用户目标与商业目标之间肯定存在着矛盾。用户只想看到自己需要的信息，而企业又希望

    可以把业务和广告推荐给用户。只满足用户目标的产品体验自然会很好，但谁也没办法否

    认，企业终究是要盈利的。

    想象一下，很多门户网站的首页，在用户看到新闻资讯之前，一大片广告就汹涌而来。这

    种喧宾夺主只强调推广内容的方式，只会把用户的切实需求冲淡，使他们越来越难以找到

    自己需要的信息。所以，合理的信息组织方式，应该既对用户有意义，又能满足业务目标。

    那么怎样把用户需求和商业目标恰到好处地结合起来呢？亚马逊在这方面做得不错。当用

    户进入亚马逊浏览商品类目、购买商品时，并不会一开始就被商业推广所干扰，而是在用

    户选择的内容附近默默地出现相关的推荐广告，如图 6-12 所示。这样的推广信息更接近

    用户目标，也更容易被用户所接受。在不同产品页面，为用户推荐符合其目标的信息，可

    以起到事半功倍的作用。图 6-12 亚马逊商品分类导航

    在韩国电子商务网站乐天的商品类目导航中，信息被划分为 3部分：最上方最突出的信

    息为商品类目，满足了用户查找商品的需求；在导航中部，乐天为用户推荐了公司旗下的

    其他购物网站，并在背景色上加以区分，使它在视觉上弱于用户所需信息；在导航最底部，有一个活动推广的链接，虽然它所处的位置最不明显，但在颜色上进行了强调，对推广活

    动感兴趣的用户，可以在这里找到它。对不同类型的信息进行分类组织，在不影响用户找

    到所需信息的情况下进行商业推广，可以减少对用户的干扰，如图 6-13 所示。图 6-13 韩国电子商务网站乐天商品分类导航

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

    导航应该是结构清晰、合乎逻辑的，这是产品设计的必要条件。如果用户有明确的目标，凭借清晰的逻辑就可以快速找到自己想要的内容。但对于没有明确目标，只是随便逛逛的

    用户来说，由于他们使用产品时并不会刻意思考，因此，如果重要和常用的功能隐藏得过

    深，就可能令他们丧失对网站的兴趣。以淘宝为例，从逻辑上来说，“购物车”属于“我的淘宝”中的内容。“我的淘宝”页面左侧导

    航的结构，也体现出了这一点。但无论对于用户的购买目标，还是网站的销售目标，购物

    车都起到了至关重要的作用。用户需要能方便地找到它，网站也希望用户随时能看到它。

    所以在首页上方的导航栏上，放置了购物车的快速入口。从这个逻辑上看，“购物车”与

    “我的淘宝”似乎成了平级关系。但用户在使用时，并不会考虑到产品逻辑，只希望在需要

    时能立刻找到自己想要的功能。如果仅仅为了完美的逻辑，“购物车”就无法直接显示在首

    页中了。这是对用户目标和商业目标的双重挑战，如图 6-14 所示。

    为重要功能和常用功能设置快捷入口，就像是在原有产品架构的基础上搭建“快捷通道”。

    用户可以一步步顺着产品的逻辑来寻找所需功能，也可以通过快捷入口，按照自己的行为

    习惯，快速找到所需功能，如图 6-15 所示。

    图 6-14 电商网站的购物车

    但设置快捷入口也是一个需要权衡的过程。必要的“快捷通道”可以提高使用效率，但如果

    快捷入口过多，产品会变得混乱复杂。同一个功能入口过多，不仅不会提升使用效率，反而会使用户感到迷茫，如图 6-16 所示。作为设计师，就要权衡出哪些是产品的重要功能，哪些是产品的常用功能，合理设置快捷入口。

    图 6-15 为重要功能和常用功能设置快捷入口

    图 6-16 快捷入口不宜过多

    6.1.3 主要任务与次要任务

    交互设计师：“这个文案太长了，建议删掉一部分。另外这个活动怎么有这么多主题，哪

    个是最重要的？”

    产品经理：“都重要啊，我们费了好大的力气才要到这些资源，哪个都不能放弃。”交互设计师：“……”

    通过对重要功能、信息进行分类和组织，可以帮助用户迅速找到入口，进入一个具体的界

    面，再通过界面上的信息提示完成各种任务。比如，我们想在豆瓣网上查询最近有什么好

    看的电影，可以通过导航找到“电影”，再在“电影”频道中找我们需要的内容，并完成相应

    的任务，如评论、购票等。

    但在设计界面时，我们常常遇到这样的困惑。这么多内容如何组织？哪些内容是重点，哪

    些不是？按钮放左边，还是右边？在信息非常多的情况下，用户能找到重点吗？

    我们在投放广告素材时发现，当文字越多、内容越复杂时，用户的点击量就越小。不仅是

    广告素材，其他形式的产品界面也是如此。没有人会认真地从头到尾阅览界面上的所有信

    息，用户只会找他最关注的内容。某网站用户眼动轨迹，如图 6-17 所示。图 6-17 某网站用户眼动轨迹示意图

    所以我们在设计界面时，必须明确哪些是主要信息，哪些是次要信息。虽然在需求文档上，也会列出需求的优先级，但“贪心”的产品经理永远希望能让界面“饱满”些，不愿意浪费一

    点面积，否则就不至于出现类似这样的界面，如图 6-18 所示。图 6-18 某网站界面

    一个界面上如果铺放过多的功能或内容，会让用户迷茫且不知所措，效果反而会更差。因

    此，设计师需要站在用户的角度上，做进一步的优先级筛选。

    通过设计用户任务，并确定主要任务和次要任务，可以帮助我们快速判断界面上内容的主

    次关系。

    ● 说说任务设计

    需求文档中的功能和内容都是比较零散的，我们需要通过一系列界面把它们组织起来。通

    过梳理信息结构，我们可以把主要的功能、内容组织起来。而通过任务流程，我们则可以

    把剩余的部分给“拼装”起来。

    如果把产品比作一座购物商城，那么信息结构就是商城的框架，比如，这个商城有多少层，每层都卖什么东西、都有哪些品牌店。任务流程则相当于商场里面的过道，用户沿着过道

    完成“逛街”、支付等主要任务，通过商场中的各种提示完成去卫生间、去服务台换停车票

    等次要任务。用户在完成任务的过程中满足了自己的需求，而产品也从中直接或间接地实

    现了其商业价值。如何区分主要任务和次要任务呢？我们再换一个电子商务网站的例子。对于用户来说，最

    重要的需求是购买到心仪的商品。因此，购买商品是用户的主要任务。对于产品来说，用

    户购买商品才能最大限度地创造商业利益。因此，设法让用户购买商品，对于网站来说也

    是最重要的任务。但要完成购买商品这个任务，期间可能还要完成很多子任务(浏览、选

    择、对比、收藏、加入购物车、充值，等等)。这些任务属于次要任务，它们是为了用户

    完成最重要的任务而存在的。

    如果说产品定位或设计目标相当于指南针，需求中的功能点就是一个一个零散的地理坐标，而任务流程就是途经这些地理坐标的路线图。由于有主线、有分支，这张路线图看起来更

    像一个迷宫。有了迷宫“地图”，设计师就可以轻松地带领用户完成任务，达成用户目标。

    具体怎么设计任务流程呢？和设计迷宫的方法一样，要先设计那条主线，再从容设计支线。

    脉络清晰了，才能正确构建起整个产品的功能和内容。

    设计主线(主行为流)就是把杂乱无章的功能点根据用户的期望及目标以正确的次序组织

    起来的过程，告诉用户需要先做什么，再做什么。如果没有任务流程图，就好像把所有路

    线胡乱组合到一起一样，那么用户可能就永远走不出去了。

    是否设计支线(次要行为流)，要看次要行为流是否能对用户完成主行为流产生必要的帮

    助(迷宫的支线越少，整体复杂度越低，越有助于用户迅速完成任务)。

    就像迷宫一样，如果没有清晰的线路，用户就会感到迷惑。如果没有任务流程，只是把功

    能点罗列在界面上，用户就不知道该从何入手。但很多产品人员和开发人员并没有意识到

    这一点。因为他们对功能和业务逻辑太过熟悉，每到一个地点就会凭借环境迅速判断下一

    步该怎么走，对所有的功能和操作都了如指掌。但用户就不一样了，他们并不了解产品的

    套路，也不愿意浪费时间思考。

    如果没有任务流程这个环节，不仅用户难以理解，项目本身也会受到很大的影响。大家讨

    论问题时可能会找不到重点，把所有关注点都集中在功能细节和产品界面上。操作时一旦发现找不到想要的内容，就随意在界面上添加，导致界面内容臃肿不堪，毫无重点。不同

    角色心目中的产品，如图 6-19 所示。

    图 6-19 不同角色心目中的产品

    因此，设计师既要理解产品人员的意图，又必须从用户角度思考，确定主行为流，并以此

    为线索，理清思路，进而规划产品的整体界面设计。任务流程如同产品的骨架，支撑起整

    个产品，是无法省去的一步。

    任务流程确定后，就可以通过一系列草图去把用户完成任务的过程表现出来，这样我们就

    得到了任务流、页面流设计，然后再去细化具体的界面。相比拿到需求文档后直接画线框

    图，在一些界面细节上纠结不已的状态，这时我们会感到轻松得多，如图 6-20 所示。图 6-20 从任务流程到草图，再到用户界面

    但我们也会遇到新的问题即：当主要任务确定后，如何组织若干子任务之间的关系，如何

    保证在界面上重点突出主要任务呢？请看下一节内容。

    6.1.4 如何突出主要任务

    交互设计师A：“用户要完成的操作太多了，怎么梳理清楚呢？好头疼!”

    交互设计师B：“怎么能更好地在界面上引导用户重点关注主要任务呢？”……

    如今，大量Web产品都拥有丰富的界面。用户完成一项任务时往往要面对很多复杂的信

    息和操作。主要任务不突出或是引导不明确的页面，会让用户感到迷茫和不知所措。如何抓住用户的注意力，引导用户关注于页面的主要任务呢？我们可以通过分解用户任务、排

    列任务优先级、组织合并相关任务等方式，使用户可以专注于主要任务。

    ● 分解用户任务

    要突出页面的主要任务，首先要明确用户使用 Web产品时，要完成的任务有哪些，并详

    尽地分解出这些任务。那么如何进行任务分解呢？我们需要从用户的行为出发，详细描述

    用户的使用过程，将用户任务分解为具体的行为操作。这些用户行为就可以称作这个任务

    的子任务。

    下面，以在线购买电影票为例进行讲解。此案例中只讨论购票过程，不考虑支付流程。

    对于在线购买电影票这个功能来说，主行为流可以是：选择影片→选择电影院→选择观影

    时间→选择座位→输入接收电子票手机号→确认订单。现在，我们需要通过界面草图把用

    户完成主行为流的过程表现出来。首先我们需要分解每段任务 ......