读书 | 用户体验要素

作者: 产品美景 | 来源:发表于2016-08-08 17:18 被阅读486次

0801-0807阅读：

用户体验要素（文末附有全书思维导图）

本文字数约2700，建议阅读时间5~7分钟。

简介

《用户体验要素》，作者“Ajax之父”Jesse JamesGarrett，是一位信息架构和用户体验的积极倡导者，总结提炼出了用户体验的五个要素，被广泛地运用到产品设计中来。

用户体验，指的是产品如何与外界发生联系并发挥作用，换言之，就是人们如何“接触”和“使用”它。现在用户体验大多用在软件开发层面，但我认为，这种以用户为中心的产品设计也同样适用于传统的实物产品，而且产品越复杂，向用户提供良好的使用体验也就越困难。Jesse很系统清晰地向我们展示了用户体验的五个要素。

本书的内容条理非常清晰，使书本知识成为一个具象的逻辑体系。文章将对全书的知识进行一个全面的归纳和梳理，共包括七个部分：

用户体验的重要性

用户体验的五要素

战略层

范围层

结构层

框架层

表现层

接下来，我会重点介绍一下五个要素的具体内容，涉及用户体验重要性和用户体验五要素的内容可参见相应的思维导图。

首先，我们认为网页或者软件分为“功能型产品”和“信息型产品”。功能型产品主要关注的是“任务”，即所有的操作都被纳入一个过程，去思考人们如何完成这个过程。而信息型产品主要关注的是“信息”，即网站等产品应提供哪些信息，这些信息对用户的意义是什么。之所以分为这两类，是因为后面涉及到具体要素的时候，两类产品的侧重点是不同的。

战略层

成功的用户体验，其基础是一个被明确表达的“战略”。

战略则包括两方面的内容：产品目标和用户需求，分别对应着“我们要通过这个产品得到什么？”和“我们的用户要通过这个产品得到什么？”。

产品目标，包括商业目标和品牌识别。但是如何界定或知道我们已经实现了产品目标，这里就可以引入“成功标准”，即一些可追踪的指标，在产品上线之后用来显示它是否满足了我们自己的产品目标和用户需求，衡量的数据可以是印象数或者回访数等。

用户需求。确定用户需求是复杂的，因为用户群体之间存在着很大的差异性。要对用户需求寻根究底，必须要定义谁是我们的用户。此时，可通过“用户细分”、“可用性和用户研究”、“创建人物角色”的方法来对我们的目标用户进行逐层地分析，进而确定下来用户的真实需求。

范围层

当把产品目标和用户需求转变成产品应该提供给用户什么样的内容和功能时，战略就变成了范围。

范围层是一个有价值的过程，同时能产生有价值的产品。在这里，范围层被“功能型产品”和“信息型产品”分成两个部分。在功能型产品方面，我们考虑的是功能规格，即哪些应该被当成软件产品的功能以及相应的组合。在信息型产品方面，我们考虑的是内容，即属于编辑和营销推广的传统领域。

定义需求。需求要根据具体的产品而言，一般来说都包含品牌需求、技术需求和具体的特殊需求。但涉及的需求内容，除了非常清楚的想法，都需要深入研究，比如使用“战略层”用户需求中涉及到的可用性和用户研究方法。

功能规格。功能型产品在范围层方面要着重于功能规格。在多人协作的团队中，一份清晰且可追溯的功能说明是非常必须的。在编写具体的功能规格说明时，要多使用正面、具体且客观的语句，记录在设计和开发过程中出现有可能混淆的功能定义。

内容需求。信息型产品则着重于内容需求。内容不仅仅包含文字，还指网页产品上呈现给用户的其他内容信息，比如音频、视频、图像等，还应提供每个特性规模的大致预估，比如文本的字数、图片的像素大小、下载的文件字节大小等。

确定需求优先级。在需求众多的情况下，我们要如何确定需求的优先级呢？由于项目范围是建立在战略层基础上的，因此我们在筛选需求的优先级时，要考虑到产品目标和用户需求，同时还要确定实现需求的可行性。

结构层

在定义好用户需求并排列好优先级之后，我们对于最终产品将会包括什么特性已有了清楚的图像。接下来就需要为网站创建一个概念结构。

结构层是五个层面中的第三个，它适当地将我们的关注点从抽象的决策与范围问题，转移到更能影响最后用户体验的具体因素上来。功能型产品着重于交互设计，即影响用户执行和完成任务的元素。信息型产品着重于信息架构，即如何将信息表达给用户的元素。

交互设计，描述了“可能的用户行为”，同时定义“系统如何配合与响应”这些用户行为。此时，我们要了解“交互组件将怎样工作”的观点，即“概念模型”。我们的产品应使用人们熟悉的概念模型，帮助用户尽快适应一个不熟悉的网站，并且要考虑到一定的容错功能，在用户错误操作之后，会进行错误提醒或者步骤撤销，增强用户体验。

信息架构，研究的是人们如何认知信息的过程，对产品而言，关注的是呈现给用户的信息是否合理并具有意义。我们在将冗杂的信息处理成结构化的数据，例如层级结构、矩阵结构、自然结构、线性结构等，方便用户浏览相应的内容。

框架层

结构层形成了大量的需求概念，在框架层上，我们要进一步提炼这些结构，确定用什么样的功能和样式来实现产品，比如界面外观、导航和信息设计。功能型产品着重与界面设计，信息型产品着重于导航设计，同时两类都要兼顾到信息设计方面。

界面设计，要选择正确的界面元素，让用户一眼就能看到“最重要”的东西。比如，在第一次呈现界面时，仔细考虑每个默认项，选择需求最大量的内容呈现出来。同时，我们还可以选择一些标准化的界面元素使用到产品中来，比如单选框、复选框、文本框等。

导航设计，在每个页面上放一些用户浏览整个网站的链接，使用户在网站间（内）进行跳转。可以采用适合自己网站或者产品的导航系统，比如全局导航、局部导航、辅助导航、上下文导航、友好导航等方式。

信息设计，要呈现出信息的有效沟通，这其中就包括视觉方面、信息分组和整理的设计。同时，可以将信息设计和导航设计结合到一起，支持指示标识，用来帮助用户理解“他们在哪”以及“他们能去哪”的系统。

表现层

框架层主要解决的是放置的问题，界面设计考虑可交互元素的布局，导航设计考虑在产品中引导用户移动的元素安排，信息设计考虑传达给用户的信息要素的排布。而表现层要解决并弥补的是“产品框架层的逻辑排布”的感知呈现问题。在这一层上，功能型产品和信息型产品都关注于感知设计。

感知设计。用户体验的最后一站也是离用户最近的，即会被用户的感觉器官感受到。这些感受由五个方面组成：视觉、听觉、触觉、嗅觉和味觉，其中视觉和听觉是一般产品所着重设计的方面。在设计产品时，要符合用户眼睛的移动轨迹模式，使设计呈一条流畅的路径，不出现突兀甚至吓到用户的设计成分。

此外，还要考虑到元素设计的对比和一致性。整个网页使用相似或和谐的设计元素，并在强调的地方使用较为强烈的对比，吸引用户进行操作。

不论是设计大产品还是小产品，用户体验都是一样的，因此Jesse的提出的五要素都将指导着我们设计并追求一个良好的用户体验。

照旧，奉上全书的思维导图：