参考技术A
产品设计圈子里，总会被提起一本经典书籍，便是 《用户体验要素》 一书，该书的作者竟然是大名鼎鼎的“Ajax之父”——Jesse James Garrett。这个改变了Web发展历史的传奇人物，帮助我们梳理出了一份“吊炸天”的产品设计思考框架。
该书的核心思想是“ 以用户为中心进行产品设计 ”，并提出了一个经典的思维框架，即“ 用户体验要素 ”。它分为5层，分别是 战略层、范围层、结构层、框架层和表现层 。以产品类型的不同，又被划分成10大要素，分别是 用户需求、产品目标、功能规格、内容需求、交互设计、信息架构、界面设计、导航设计、信息设计和感知设计 。下面就让我们一起来学习一下这个经典的思维框架吧。
用户体验，即 User Experience，它指的是产品如何与外界发生联系并发挥作用。换句话说，它代表着用户如何“接触”和“使用”产品。通常人们在询问某个产品怎么样时，本质上询问的就是这个产品的用户体验。
用户体验设计，通常要解决的是应用环境的综合问题，它包含功能设计、外观设计等，还包含了产品所面临的其它问题，比如产品的容错机制、操作流畅度、易用性、可用性等。
产品设计是一个很大的概念范畴，而用户体验设计必须被纳入到产品设计的考虑范围之内，因为糟糕的用户体验设计终会导致产品的失败。优秀的用户体验设计，会让用户感受到强烈的舒适感和满足感。 如果你想让用户早一点放弃掉你的产品，最快的办法就是让用户感觉到自己很愚蠢——他（她）对你的产品看不懂、不会用，或者用起来很不顺畅 。
说得直接点，因为用户体验就是商机，它是产品的生命之源。无论你的产品是功能型产品，还是信息型产品，你的诉求一定是为了满足用户需求。而如今这个竞争极其惨烈的互联网时代，任何产品都已经同质化相当严重了，用户的任何一个需求都有很多个产品可供选择来满足用户需求。如果你的产品设计糟糕，你将失去用户，变向地把用户拱手送给了竞争对手。失去用户，就代表着你失去了商机，失去了产品的生命之源。
更可怕的是，如果用户对你的产品的第一印象不好，那么用户将大概念率地拒绝再次回来，你将永远地失去这个用户。因此重视用户体验设计，就是在珍惜财富。
以用户为中心的产品设计（User-Centered Design），强调的便是创建吸引人的、高效的用户体验，在产品设计和开发的每一个环节中，都要把 用户维度 纳入到思考的范围之内。 总结地讲，用户体验设计之所以对你很重要，是因为用户体验对你的用户很重要，你的用户对你很重要 。
我们把互联网产品划分为“功能型产品”和“信息型产品”，前者关注的是任务操作，后者关注的是信息传播。不同的产品类型，要考虑的用户体验要素也不完全相同，下面来一起解读这些用户体验要素吧。
（一）战略层
在战略层上，无论是功能型产品，还是信息型产品，它们关注的用户体验要素是完全相同的，即 产品目标 和 用户需求 。
用户需求是企业的外部目标；产品目标是企业的内部目标。在战略层设计的过程中，最关键是明确目标，不仅要明确用户的需求，还要非常明确产品的目标。只有把企业内外部的目标都明确了、量化了，才能清楚地知道我们想干一件什么事。这是用户体验设计的第一步，也是最重要的一步。
（二）范围层
范围层描述的是产品将使用哪些功能和内容来实现用户需求（外部目标）和产品目标（内部目标）。在这个层面的设计上，包括两个用户体验要素，分别是 功能规格 和 内容需求 。
范围层就像一个列表清单，把需要的功能和内容逐一罗列清楚并给出具体的要求。有了这个列表清单以后，我们便可以确定出它们的优先级。
对范围层进行设计，是对战略层进一步的具体化，以避免陷入可怕的 范围蠕变 ，即，始终无法界定功能范围以导致产品设计失控、持续膨胀，背离了阶段性目标，何时完工遥遥无期。只有确定了范围层，我们才能更进一步地向更加具体的方向发展和设计。
（三）结构层
结构层的任务目标是把范围层中的功能或内容有机地组织在一起，为产品构建起一个概念结构。这个层次的设计，包含两个用户体验要素，分别是 交互设计 和 信息架构 。
优秀的结构层设计，是建立在充分理解用户的工作方式、行为和思考方式之上的。交互设计是用户行为习惯的直接表现。在交互设计中，有一个非常重要的机制需要考虑，那就是错误处理机制，即，如何尽量地避免错误发生的可能，如何阻止并纠正用户的错误操作。
信息架构是用户浏览信息习惯的直接表现，对范围层中的内容需求进行有机组合，抑或是树状结构，抑或是线性结构等，目的是让用户能清晰地知道信息的浏览路径。
（四）框架层
框架层的任务目标是用适当的元素组件来组合产品界面。该层次包含的用户体验要素有 界面设计 、 导航设计 和 信息设计 。
在框架层，我们所做的一切，都是为了实现结构层的设计目标。在这个阶段，通常需要输出页面示意图或者线框图。线框图通过安排和选择界面元素来整合界面设计；线框图通过识别和定义核心导航系统来整合导航设计；线框图通过放置和排列信息成份的优先级来整合信息设计。
（五）表现层
表现层的核心任务是把线框图的功能、内容和美学汇集到一起，进而生成最终的设计，以完成上述四个层次的所有目标，并同时满足用户的感官感受。所谓的感官，由视觉、听觉、触觉、嗅觉和味觉组成。尤其视觉设计，在用户体验设计中非常重要。
感知设计是用户体验设计的最后一环，可见其重要性。优先的感知设计，可以让人眼前一亮，让人爱不释手。糟糕的感知设计，几乎可以毁掉整个产品，让以上所有的用户体验设计都功亏一篑。
用户体验设计，就像是一场马拉松，非常漫长。在这个用户体验要素的思维模型中，我们的思考方式必须是 自下而上 的，也就是说下一 层 的任务必须在上一 层 任务结束之前结束。
只有我们把每一个 层 的用户体验设计做到了极致，并产生明确的结果，或产生必要的说明性文档，才能得到一份有价值的产品资产，才有可能同时实现企业的战略目标和用户需求。 用户体验要素 这一思考模型，是每一个产品经理必备的思考工具，活学活用。路漫漫其修远兮，吾将上下而求索。
本篇结束 2019-07-26
简评：本文系译文，原作者 Julie Zhuo 是 Facebook 的 Product design VP。有时候我们提问（例如，为什么留存率下降了？）是以产品为中心的，如果换个角度，以用户为中心来提问（为什么用户不用这个产品了？），思考的角度就截然不同。
设计一个有价值的产品的第一准则，是这个产品对其受众有真正的使用价值。换句话说，就是一个真实的人，他在某些方面有确切的问题和需求，能因为你的工作而得以解决。
这个道理再明显不过了，然而，当你听到设计师们每天讨论的话题，你会发现事情似乎并不是这样。
设计师们常常会使用专业术语来表达想法，我们通常都会以一种专业性论调来讨论问题。这么做有时候是为了更精准地描述问题，但更多时候，我们是为了避免废话。
比如：
- 怎么提高新功能的使用率？
- 为什么这两种设计没有连贯性？
- 这个功能的重复使用率太低了，我们怎么解决这个问题？
- 我们应该让这个设计更简洁一些；
- 我们应该提高度量精度，这条曲线不够完美。
试想一下， 当用户听到这番话语时，他们能明白我们的目标是为了给他们创造价值吗？
诚然，这种专业性术语的说法有利于我们将脑海里的各个元素链接起来。这种在脑海里将不同概念相连接的思考方式，可以这么形容 —— 像一列列车迅速地闪过站台，直到我们停靠在用户所期望的那个站台。
但是在实际过程中，会有两种意想不到的结果产生：
▎第一种是 —— 当我们和那些与你没有相同产品认识的人交谈时候，对方往往不能理解你在说什么。
比如，作为一个设计师，当我说，「为什么这两个特性没有连贯性？」，我想要和讨论者建立的连接是 —— 为什么这些设计看起来一样，但是当用户点击他们时，一个结果是 A，另一个却是 B？这样会使用户感到迷惑，并且把用户挡在了我们所设计的产品价值外。
另一些和我有相同设计概念的人，通常会做一些和我相同的思考。比如，让一个设计「minimal」，实际上是说，让设计聚焦在最重要的事上面，这样用户轻松看一眼，就知道怎么使用它。让一个设计界面「breathable」，是说让该产品使用起来更简单更愉悦。
但是假如你和谈论者之间没有建立这样的概念之间的联系，你可能就会疑惑 —— 为什么consistency、minimalism 和 breathability 这么重要，这些应该很随意吧？
而且，这些疑惑有时也是对的，因为为了一致性而做的一致性设计并不重要。假如这个世界人，没有人会因为两件产品看起来一样，点击结果却不一样而感到疑惑，所谓一致性也不是什么问题。
很多开发者或者产品经理告诉我，当他们谈及一致性的时候，并不会引起什么争议。但是同样的，当我说「目标是让用户不会感到迷惑」，也同样不会引起争议。
▎第二种是 —— 当我们使用太多专业性短语的时候，可能会使我们失去对真正的最终目标的洞察力。你仅仅思考业务问题，而非用户问题。
比如，「如何增加这个功能的使用率？」这个问题，并不是你的用户所关心的。
面对这个问题，你可能又开始考虑以公司为中心的解决方案，比如怎么让这个功能更加突显，怎么持续性提醒用户这个功能的存在。
这些策略，只有在当你的功能存在与否是主要问题时，才会有作用。但是，如果这个功能的使用率很低，那么更有可能是因为这个功能点对于用户而言，没有什么价值。如果不以用户为中心来思考问题，你很难看到这点。
总而言之，虽然如何使用话术或论调是一个很小的事情，但我依然觉得它很重要（代表了你思考问题的方法）。所以当你谈论你正在做的工作时，关注一下谈论的方式和方法。
If you design for people, use people language.
以下是转换思考角度的列子。
- How do we increase usage of this feature??
=> What would make this feature more valuable for people?
- Why aren’t these two things consistent??
=> Let’s make sure our customers aren’t confused by these two things that look similar but behave differently.
- The CTR here is really low, likely due to prominence.?
=> It’s possible people don’t realize this feature exists, because it’s easy to miss.
- We’re seeing too much churn. What can we do to address that??
=> People who’ve tried our product aren’t coming back. Why is that?
- This design needs to be more breathable?
=> People should find the experience easy and pleasant to read or scan.
- We should aspire for this to feel minimal.?
=> People should understand at a glance what’s most important and what they should do. They shouldn’t feel overwhelmed by choices.
- We need to improve the metrics. The curves aren’t good yet.
=> Our customers aren’t yet finding our product useful enough to come back to it. So we need to improve the value we’re providing.
原文链接：
Design for People, Use People Language