第1章      用户体验为什么如此重要

什么是用户体验

用户体验并不是指一件产品本身是如何工作的，用户体验是指“产品如何与外界发生联系并发挥作用”，也就是人们如何“接触”和“使用”它。

无论什么产品，用户体验总是体现在细微之处，但却非常重要。

从产品设计到用户体验设计

有些产品可能很好看且功能正常，但将“设计一个用户体验良好的产品”作为明确的目标，意味着不仅仅是功能或外观那么简单。

对于产品直接面对用户的那些部分---按钮、布局、文字，也包括外观，正确的产品形态绝对不是由“功能”所决定的，而是应该由“用户自身的心理感受和行为”来决定。

为体验而设计：使用第一

产品越复杂，确定如何向用户提供良好的使用体验就越困难。在使用产品的过程中，每一个新增的特性、功能或步骤，都增加了导致用户体验失败的机会。

用户体验和网站

在网站上，用户体验比任何一个其他产品都显得更重要。

不管用户访问的是什么类型网站，它都是一个“自助式”的产品。

无论如何，拥有更多的“产品特性”，被证明只能保持短时间的竞争优势。随着功能的不断膨胀，网站变得越来越复杂、越来越笨重、越来越难以使用，最后就失去了对初次访问者应有的吸引力。

提供优质的用户体验，是一个重要的、可持续的竞争优势---不仅仅对网站是这样，对所有对类型的“产品和服务也是如此。

用户体验就是商机

尽可能在网站上传达出那些信息

要用一种帮助人们理解和接受的方式呈现出来。

“特性”和“功能”总是重要的，但是用户体验对于客户的忠诚度有着更大的影响。

转化率：通过跟踪有百分之多少的用户被你“转化”到了下一个步骤，就能衡量你的网站在达到“商业目的”方面的效率有多高。

任何在用户体验上所做的努力，目的都是为了提高效率。这基本上是以两种主要形式体现出来的：“帮助人们工作得更快”和“减少他们犯错的几率”

在乎你的用户

以用户为中心设计：在开发产品的每一个步骤中，都要把用户列入考虑范围。

第2章      认识这些要素

五个层面

表现层、框架层、结构层、范围层、战略层

表现层、框架层、结构层、范围层、战略层

自下而上地建设

这五个层面---战略、范围、结构、框架和表现---提供了一个基本架构，只有在这个基础架构上，才能讨论用户体验的问题，以及用什么工具来解决用户的体验。

每一个层面都是根据它下面的那个层面来决定的。

战略层上的决定将具有某种自下而上的“连锁反应”，也就是说，每个层面都将受到其下层面中所去定的议题所约束。

在“较高层面”中的决定有时会促成对“较低层面”决策的一次重新评估。

基本的双重性

当网站的用户体验开始形成时，它的设计者采用的时两种不同的语言。

一群人把每一个问题看成是“应用程序”的设计问题，然后从传统的桌面和客户端软件的角度来考虑解决方案。

另一群人则从信息的发布和检索的角度来看待网站，然后从传统出版、媒体和信息技术的角度来考虑问题的解决方法。

为解决这宗基本的双重性质，将五大层面分开。左边，这些要素仅用于描述功能型的平台类产品；右边，这些要素用于描述信息型的媒介类产品。

应用这些要素

在每一层中，这些要素必须相互作用才能完成该层的目标。在某个层面中，不考虑其他要素影响，是很难在某个要素上所做的改进产生效果的。

还有两个额外因素，会对最终的用户体验产生影响：首先是内容，在网页里“内容之上”，这个绝对是真理；其次是技术，对于建立一个成功的用户体验很重要。

用户体验的基本要素始终是不变的

第3章      战略层

产品目标和用户需求

战略层定义

结合内外两者，“产品目标”和“用户需求”就组成了战略层，也就成为我们在设计体验过程中做出每一个决定的基础。

产品目标

产品目标经常以 “ 只可意会不可言传 ” 的状态存在于一小群创建产品

人当中。

商业目标

人们常使用像 “ 商业目标 ”或 “ 商业驱动因素 ”这样的词语来描述内部的战略目标

品牌识别

品牌识别——可以是概念系统，也可以是情绪反应——它之所以重要是因为它无法不被用户注意。

成功标准

一些可追踪的指标，在产品上线以后用来显示它是否满足了我们自己的目标和用户的需求。好的成功标准不仅影响项目各阶段的决策，也为衡量用户体验工作价值提供了具体依据。

用户需求

必须要定义谁是我们的用户，一旦我们知道哪些人是我们要了解的，就可以对他们进行研究——换句话说，询问他们问题，观察他们的行为。这些研究能帮助我们了解当用户使用我们的产品时，他们想要什么，同时也能帮助我们确定这些需求的优先级别

用户细分

用户细分将全部的用户划分成较小的，有共同需求的小组，以此来帮助我们更好的了解用户需求

创建人物角色

通过创建人物角色——有时也叫做用户模型或用户介绍——你可以让你的用户变得更加真实。人物角色是能代表整个真实用户需求的虚拟人物

团队角色和流程

战略应该是设计用户体验的流程中的起点，但那不意味着在项目开始之前你的战略需要完全确定下来。虽然没办法击中一个移动的目标可能会浪费很多时间和资源，但是战略也应该是演变和改进的。

第4章    范围层

功能规格和内容需求

范围层定义

过程的价值在于

当整个事情还处在假设阶段的时候，它能迫使你去考虑潜在的冲突和产品中一些不足点。

产品的价值在于，被定义的这个产品给整个团队一个参考点，明确了这个项目中要完成的全部工作。

功能和内容

内容需求常常伴随着功能的需求。现在，真正的内容常常是通过一个内容管理系统来进行管理的。

功能规格说明

乐观，描述这个系统将要做什么事情去“防止”不好的情况发生，而不是描述这个系统“不应该”做什么不好的事情。

具体。尽可能详细的解释清楚状况，这个我们能决定一个功能是否被实现的最好途径。

内容需求

对于那些已有大量内容的项目而言，很多关于内容的信息都记录在一个内容清单中。整理一个现有网站中所有内容的清单看上去像是一件枯燥乏味的事——确实也是如此。但是整理出这个清单是很重要的，其原因和我们必须要搞清楚具体需求一样重要。

确定需求优先级

当管理层谈到战略的时候，他们通常从某种产品特性开始，然后你不得不耐心的把他们引导到后面的战略因素上去。由于管理层常常分不清特性和战略，某些特性总是会占上风。因此需求的定义过程就变成了与这些管理层进行谈判过程。

第五章      结构层

交互设计与信息架构

结构层定义：任务”一侧的结构层为交互设计，“信息”一侧为“信息架构”。同时，两者都强调了每个将要呈献给用户的选项的模式和顺序。

交互设计：交互设计关注描述“可能的用户行为”，同时定义“系统如何配合与响应”这些用户做法。要去猜测用户以后的可能性操作，别让用户感到自己是个傻瓜。

信息架构：

从上到下：先从最广泛的、有可能满足决策目标的内容与功能开始进行分类，然后再依据逻辑细分出次级分类。

从下到上：先从已有的资料（或者当网站发布后将存在的资料）开始，把这些资料统统放到最低级别的分类中，然后再将它们分别归属到较高一级的类别，从而逐渐构建出能反映我们的产品目标和用户需求的结构。

在层级之间要注意跳转的逻辑。节点通过不同的组织方式构成不同的信息架构。包括了“层级结构”、“矩阵结构”、“自然结构”和“线性结构”。要根据合理的组织原则来进行架构组织。这里有个概念叫“截面”——项目中某种特定性质。比如根据年份划分新闻类别，根据材质划分手机等。

第6章      框架层

界面设计、导航设计、信息设计

如果说结构层决定了网站和产品用什么方式运作，则框架层就是其功能形式的实现。同时，它还要处理更精准地细节问题。关注独立的组件以及他们之间的相互关系。由界面设计、导航设计、信息设计组成。

界面设计：指提供用户做某事的能力。这种赋予用户能力的具体方式，就是界面设计的内容。

导航设计：指提供给用户去某地的能力。因为在结构层中，我们设计出了信息的结构，那么如何到到达这些不同的信息层次，就需要导航了。

信息设计：主要是提供呈现信息的方法。呈现信息的方法就是信息设计。

第七章      表现层

表现层定义：

在框架层，我们主要解决放置的事情，界面设计考虑可交互元素的布局，导航设计考虑在产品中引导用户移动的元素的安排，而信息设计考虑传达给用户的信息要素的排布。

合理设计感知：

决定我们的设计最后如何被人类的感觉器官感受由五方面组成：视觉、听觉、触觉、嗅觉和味觉。

嗅觉和味觉：是用户体验设计师很少考虑的范畴。例如：“新车的气味”所代表的是一辆刚刚出厂的新汽车，但是这些气味通常取决于那个产品所选用的材料，而非用户体验设计师所能决定的。

触觉：实物产品的触觉体验是属于工业设计领域的概念。工业设计师主要关注的是用户和产品之间的物理接触。例如：手机和手持游戏设备都可以通过震动来与用户互动。

听觉：声音可以应用到很多不同种类的产品中，声音不仅可以用来通知用户，还可以使产品变得更具个性。例如：汽车上那些长短不同的哔嘀声。

视觉：关于视觉设计如何支持用户体验，首先，应该把注意力集中在它们的运作是否良好。例如，产品的外观有没有破坏结构，有没有使结构中的各个模块之间的区别变得不清晰、模凌两可，外观有没有强化结构，使用户的选项清楚明了。

忠于眼睛：你的视线首先落在哪里？哪个设计要素在第一时间吸引来用户的注意力是评估一个产品视觉设计的简单方法之一。一个成功的设计，用户眼睛的移动轨迹模式有以下两个重要特点：首先，它们遵循的是一条流畅的路径。其次，在不需要用太多细节来吓倒用户的前提下，它为用户提供有效选择的、某种可能的“引导”，用户在页面上的视线移动并不是随机的。

对比和一致性：1.对比在视觉设计中，我们用于吸引用户注意的一个主要工具就是对比。对比能帮助用户理解页面导航元素之间的关系，对比还是传达信息设计中的概念群组的主要手段。例如：网页页面上的错误提示，通过给文本一些不同的颜色，让它凸显出来。2.一致性：将视觉元素的大小保持一致的尺寸，这可以使你在需要的时候把它们更容易地重新组合成一个新的设计。或基于栅格线的方法，通过使用“母版”来确保设计的一致性，各种布局都是根据这个模版来创建，每一个元素在网格上的位置应该是统一和一致的。

配色方案和排版：1.色彩可能是向外界传递品牌识别的一个最有效的方法。一套配色方案应该能整合其中色彩，以便与能将它们应用到一个广泛的范围之中。多数情况下，更亮或更醒目的色彩用于设计你的前景色，更暗淡的色彩最好用于那些不需要跳出页面的背景元素。2.排版：对于正文来说，任何文本都会呈现在一个较大面积的区域并且被用户长时间地注视，因此，简单最好。对于更大的文本元素或者类似在导航元素中看到的短标签一样的文本，稍微具有个性的字体是非常恰当的。

设计合成品和风格指南：1.视觉设计领域中对线框图最直接的模拟是视觉模型和设计合成品。“合成”的意思是“综合的”，就是从已选定的组件中建立起来的、一个最终的可视化产品。这种合成物显示来各个独立的组件是如何结合到一起形成一个有机的整体的。2.风格指南：影响到产品的每一个局部的全局标准（比如设计栅格、配色方案、字体标准或标志应用指南）通常是风格指南中的第一部分。有了风格指南，你就有了一套唯一且高效的方法，让你的产品看起来像是一个协调一致的整体，而不是一堆乱七八糟的碎片。

第八章      要素的应用

创建良好的用户体验最重要的工作内容是收集对待解决的非常细微的问题。其中最重要的两点：

了解你正在试着去解决的问题。

了解这些解决办法所造成的后果。

关于用户体验的决策会出现在以下场景：

由现状决定的设计

由模仿决定的设计

由领导决定的设计

提出正确的问题：每一个用户体验的设计过程的其他方面都有可能导致调整，以适应时间、金钱和为你的工作的人员。不要以“节省项目时间或金钱”的名义对用户体验问题敷衍了事。

马拉松和短跑：不要使用马拉松的态度来完成自己的开发过程，这样注定会失败。产品开发很少是短跑比赛，有些任务需要重点承担责任，另一些则要求一个更加深思熟虑的方法。

视觉设计：看上去杂乱或混淆的布局，不一致或不协调的色彩，会让用户很快离开，从而永远不会意识到你在导航或交互设计上做了很多聪明的选择。过度关注视觉设计，而排除其他的用户体验要素使得不止一个网站宣告破产。始终从完整的用户体验出发。最后得到的网站就是一份有价值的资产，而不是无休无止的债务。