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

一、为体验而设计：使用第一

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

二、用户体验和网站

在网站上，用户体验比任何一个其他产品都显得更重要。【当人们使用网站时出现了困难就是导致用户流失】

三、用户体验就是商机

高效的沟通是决定你的产品是否成功的关键因素，任何在用户体验上所做的努力，目的都是为了提高效率。

“特性”和“功能”总是重要的，但是用户体验对于客户的忠诚度有着更大的影响。——而且你不会有太多“第二次机会”去纠正它。

在乎你的用户

创建吸引人的、高效的用户体验的方法称为“以用户为中心的设计（user-centered design）”：在开发中的每一个步骤中，都要把用户列入考虑范围。

第2章 认识这些要素

一、五个层面

5）战略层（strategy）——包括经营者想从网站得到什么，也包括用户想从网站得到什么。【网站的范围基本上是由网站战略层所决定的】

4）范围层（scope）——指网站所含有的特性和功能，即这个网站具有哪些功能。

3）结构层（structure）——用来设计用户如何到达某个页面，并且在他们做完事情之后能去什么地方。定义了导航条上各要素的排列方式。是整个网站逻辑运行的流程。【结构层确定网站各种特性和功能最合适的组合方式】

2）框架层（skeleton）——在表现层之下就是框架层：按钮、控件、照片和文本区域的位置。框架层用于优化设计布局，以达到这些元素的最大效果和效率（使你在需要的时候能记得并找到你想找到的元素。）

1）表现层（surface）——看到的一系列网页，由各个元素组成。例如我们看到的这个图片可以点击，那段文字不能点击。

二、自下而上的建设

自下而上的五个层面

三、基本的双重性

1）功能性的平台类产品——我们主要关注的是任务，思考人们如何完成这个过程。

2）信息型的媒介类产品——我们的关注点是信息，网站应该提供那些信息，这些信息对用户的意义是什么。

四、用户体验的要素

五、还有两个要素对用户体验也非常的重要

1）内容

2）技术

第3章 战略层——产品目标和用户需求

一、战略层定义

▶ 【产品目标】我们要通过这个产品得到什么？

▶ 【用户需求】我们的用户要通过这个产品得到什么？

“产品目标”和“用户需求”内外两者就组成了战略层。当我们越能清楚的表达我们想要什么，以及确切地知道其他人想要从我们这里得到什么时，我们就能越精确地满足双方地需求。

二、产品目标

1）商业目标

2）品牌识别——对于任何一个网站，他需要明确描述地基础目标之一就是品牌识别。

3）成功标准——一些可追踪地指标，在产品上线以后用来显示他是否满足了我们自己地目标和用户的需求。

三、用户需求

1）用户细分

常见细分方法

1.根据人口统计学（demographic）标准来划分用户：性别、年龄、教育水平、婚姻状况、收入等。

2.消费心态档案（psychographic profile）是用来描述用户对于这个世界，尤其是与你的产品有关的摸个食物的观点和看法的心理分析方法。

3.用户对技术和网页本身的想法我们的设计必须要能容纳不同类型的用户群。除了了解用户对于技术的熟悉程度和适应成都，我们还需要知道他们对于网站相关内容的只是有多少【用户是普通用户还是专业用户】。

2）可用性和用户研究

1.市场调研方法——调查用户如何使用某个产品的某个特定功能，了解他们为什么使用该功能。

2.现场调查——了解日常生活情景中的用户行为，通常应用于一个较小的范围，缺点是有时候会非常费时而且昂贵。

3.任务分析——仔细分解用户完成任务的精确步骤的方法。

4.用户测试——请用户帮忙测试你的产品。

5.所谓可用性的最终目标，都是寻找令产品更容易使用的途径。用户需要可用的产品。

6.卡片排序法——用于探索用户如何分类或组织各种信息元素。

3）创建人物角色

收集各种各样的用户数据是非常有价值的，但有时候你会续略统计数字背后所代表的真正人物。因此，通过创建人物角色【有时也叫做用户模型或用户简介】你可以让你的用户变得更加真实。

四、团队角色和流程

战略专家——帮助客户处理项目中的战略问题

决策层——资深决策者，管理那些会影响产品决策的部门

普通员工——负责企业正常运作

战略文档——产品目标和用户需求经常被定义在一个正式的战略文档或愿景文档中，这些文档不仅仅是列出目标清单，它提供不同目标之间的关系分析，并且说明这些目标要如何融入更大的企业环境中。

第4章 范围层——功能规格和内容需求

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

一、范围层定义

1）过程——价值在于当整个事情还处在假设阶段的时候，它能迫使你去考虑潜在的冲突和产品中一些粗略的点。

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

3）范围蠕变——如果你不能有意识的管理你的要求，你将陷入可怕的“范围蠕变”中，每一个额外的要求看上并没有增加太多的工作量，但是当他们汇集到一起的时候，你的整个项目就会失去控制地膨胀，结束时间遥遥无期。

二、功能和内容

1）功能型产品——我们考虑的是功能需求规格：哪些应该被当成软件产品的“功能”以及相应的组合。

2）信息型产品——我们考虑的是内容，这属于编辑和营销推广的传统领域。

三、定义需求

大部分时候人们说到某种需求的时候，用他们想的是产品必须拥有的、某种特性的一句简短描述。需求的详略程度常常取决于该项目的具体范围。

1）最显而易见的是人们讲述的、他们想要的东西。

2）当人们在某个过程或某个产品中遭遇一些困难时，想象有某种解决办法可以缓解这一困难。通过与用户探讨这些建议，有时可以得出真正解决问题的、完全不同的需求。

3）人们不知道他们是否需的特性，当你让人们讨论新的需求和战略目标时，他们有时候会突然想起某个伟大的构想。

四、功能规格说明

五、内容需求

六、确定需求优先级

第5章 结构层——交互设计与信息架构

一、结构层定义

【结构层是产品所涉及的所有内容的划分，像网页划分为几个页面，每个页面间的主次关系以及页面之间如何跳转。】

1）在传统的软件开发行业，涉及“为用户设计结构化体验”的方法被称为交互设计。

2）在内容建设方面，主要是通过信息架构来构建用户体验。

3）交互设计和信息架构都强调一个重点：确定各个将要呈现给用户的元素的“模式”和“顺序”交互设计关注与将影响用户执行和完成任务的元素。信息架构则关注如何将信息表达给用户的元素。

二、交互设计

交互设计关注于描述“可能的用户行为”，同时定义“系统如何配合与相应”这些用户行为。

三、概念模型

用户对于“交互组件将怎样工作”的观点称为概念模型。规划好概念模型能帮助你做出一致的设计决定。

错误处理：

1）防止错误发生

2）纠正用户错误【运用不当容易造成用户反感】

四、信息架构

对于产品而言，信息架构关注的就是呈现给用户的信息是否合理并且具有意义。

1.结构化内容

1）从上到下——将从战略层所考虑的内容，即根据产品目标与用户需求直接进行结构设计。

2）从下到上——根据对“内容和功能需求的分析”而来。先从已有的资料开始，把这些资料统统放到最低级别的分类中，然后再归属到较高一级别的分类。

2.结构方法

1）层级结构（树状结构、中心辐射结构）

2）矩阵结构

3）自然结构

4）线性结构

3.组织结构

1）节点在信息架构中是依据组织原则来安置的。从字面上来讲，组织原则基本上就是我们决定哪些节点要编成一组，而哪些节点要保持独立的标准。不同的组织原则将被应用在不同的区域和网站不同的层面。

2）产品所包含的共同属性，在图书馆学的术语中，被称为“截面”

4.语言和元数据

1）命名原则——描述、标签，和网站使用的其他术语

2）受控词表——用来强调一致性的工具

3）受控词典——是网站使用的一套标准语言，是用户研究中很重要的一个领域。有助于建立起贯穿所有内容的一致性。

4）类词词典——控制词汇的另一种较为精细的应用方法，提供常用的、但未纳入该网站标准用语的词汇以供选择。

5）元数据——简单的说就是“关于信息的信息”，即以一种结构化的方式来描述内容的信息。

五、团队角色和流程

架构图——内部用来描述这种网站结构工具的术语

视觉辞典——是一个提供非常简单到非常复杂的示意结构系统

第6章 框架层——界面设计、导航设计和信息设计

一、框架层定义

【框架层是定义单页页面的具体内容，这一页面需要包含什么东西。】

对于功能型产品，我们通过界面设计来确定框架。但是对于信息型产品，要解决的是一个独一无二的问题：导航设计，这是专用于呈现信息的一种界面形式。最后，信息设计是功能和信息两方面都必须要做的，它用于呈现有效的信息沟通。

界面设计——提供给用户做某些事的能力

导航设计——提供给用户去某个地方的能力

信息设计——传达想法给用户

二、习惯和比喻

1）习惯和放射作用是我们与这个世界交互时的各种基础。

2）当某种不同的方式有很明显的益处时，你反而应该试着谨慎地违背一些习惯。

3）有效地使用比喻，就是要减少用户在“理解和使用你的产品功能”时对猜测的要求。

三、界面设计

1）成功的界面设计是那些能让用户一眼就看到“最重要的东西”的界面设计。

2）设计复杂系统的界面所面临的最大挑战之一，是弄清楚用户不需要知道哪些东西。并减少她们的可发现性（或者完全把它们排除出去）。

3）妥善处理所有不同的界面元素。并从他们中间选择合适的那个，这不可避免地会设计权衡问题。

四、导航设计

1）必须提供给用户一种在网站间跳转的方法

2）必须传达出这些元素和它们所包含内容之间的关系

3）必须传达出它的内容和用户当前浏览页面之间的关系

导航系统：

1.全局导航——提供覆盖整个网站的通路

2.局部导航——提供给用户在这个架构中到“附近地点”的通路

3.辅助导航——提供了全局导航或局部导航不能快速达到的相关内容的快捷途径

4.上下文导航——有时也叫“内联导航”是嵌入页面自身内容的一种导航【与你所浏览的页面相关联的页面或相同内容的页面】

5.友好导航——提供给用户他们通常不会需要的链接，但他们是作为一种方便的途径来使用的。

远程导航：

1.网站地图——给用户一个简明的、单页的网站整体结构的快捷浏览方式。

2.索引表——按字母顺序排列的、链接到相关页面的列表

五、信息设计

1）用一种“反映用户的思路”和“支持他们的任务和目标”的方式来分类和排列这些信息元素。

2）由于界面不仅仅只是用来收集用户的信息，它还需要向用户呈现信息，所以信息设计在解决界面设计的问题中扮演了重要角色。

3）指示标识——帮助用户理解“他们在哪”以及“他们能去哪”的系统

六、线框图（页面示意图）

线框图是对一个页面中所有的组成部分以及它们如何结合到一起的、最直观的描述。展示结构图示那些远景如何完成的详细文档。

第7章 表现层——感知设计

一、表现层定义

我们要在表现层解决并弥补“产品框架层的逻辑排布”的感知呈现问题。

二、合理设计感知

▶ 嗅觉和味觉

▶ 触觉

▶ 听觉

▶ 视觉

三、忠于眼睛

眼球追踪

如果你的设计是成功的，用户眼睛的移动轨迹的模式应该有以下两个重要的特点：

1）首先，它们遵循遵循的是一条流畅的路径

2)在不需要用太多细节来吓倒用户的前提下，它为用户提供有效选择的、某种可能的“引导”。

四、对比和一致性

基于栅格线——通过使用“母版”来确保设计的一致性，各种布局都是根据这个模板来创建的。

五、内部和外部的一致性

六、配色方案和排版

七、设计合成品和风格指南

1.视觉模型或设计合成品：

1）在视觉设计领域中对线框图最直接的模拟，从已选定的组建中建立起来的、一个最终的可视化产品。

2.风格指南：

1）承载设计决策的权威性文档，这个汇总文档确定了视觉设计的每个方面，从最大到最小的范围内的所有元素，影响到产品的每一个局部的全局标准。

2）还要包括某一个模块或网站功能的具体标准。

3）总体目标是提供足够的细节来帮助人们将来做出明智的决策

第8章 要素的应用

1）"成功的方法"和“注定会失败的方法”的差异归根结底就是以下两点：

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

你已经知道主页的那个紫色的大按钮是个问题，是按钮太大还是紫色不合适？他们哪个需要改变（表现层）？是位置不对（框架层）还是按钮所代表的功能不是用户所期望的那个（结构层）？

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

2）关于用户体验的决策总会体现在以下这些场景之中

▶ 由现状决定的设计

▶ 由模仿决定的设计

▶ 由领导决定的设计

3)提出正确的问题

▶ 接受度——问题不覅说他们是否会喜欢或是否会使用这个产品，而是他们是否能接受它。

▶ 没有着眼于用户体验的用户测试，很肯呢个以提出错误的问题而告终。

导航条的问题真的只是跟颜色有关吗？还是用户对导航所使用词汇有微词？

4）马拉松和短跑

经过深思熟虑的设计决策，可能会在短期内花费一定的时间，但是他们将在一个更长时期中节省更多的时间。

他们所包含内容之间的关系