用户体验要素

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

日常生活中的遭遇

举例：由一个闹钟引发的一大串的倒霉事

什么是用户体验

分析遇到的一大串倒霉事也许是可以避免的

产品如何工作是决定产品成败的关键因素

用户体验是指人们如何”接触“和”使用“这个产品，用户的使用感受

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

设计一个用户体验良好的产品意味着不仅仅是功能或外观那么简单

正确的产品形态不是由”功能“所决定的，应该由”用户自身的心理感受和行为“来决定

用户体验设计通常要解决的是应用环境的综合问题，并兼顾视觉和功能两方面的因素，同时解决产品所面临的其他问题

为体验而设计：使用第一

产品越复杂，确定如何向用户提供良好的使用体验就越困难。

用户体验和网站

网站包括了以内容为主的网站产品和以交互为主的网站应用

面对大量的选择，用户只能自己想办法，去决定哪一个网站功能会符合他的需求

用户体验决定了客户是否还会再次光顾

用户体验就是商机

用户是没有忠诚度的-如果你的用户得到不好的体验，他们将不会再回来

转换率是一种常用的方式，来衡量用户体验的效果

提高效率-帮助人们工作的更快和减少他们犯错的机率

在乎你的用户

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

用户体验对你的用户很重要 

---

第二章 认识这些要素

五个层面

表现层—由图片和文字组成

框架层—按钮、控件、照片和文本区域的位置

结构层—设计用户如何到达某个页面，做完去哪里

范围层—由功能和特性构成

战略层—经营者想从网站得到什么，用户想从网站得到什么

自下而上的建设

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

每一个层面的决定都会影响到它之上层面的可用选项

连锁效应—每个层面中可用的选择都会受到其下层面的约束

每一个层面的工作在下一个层面结束之前完成

在设计流程中，不要把每个层面的工作在下一个层面【开始之前完成】。更好的方法是让每一层面的工作在下一个层面【结束之前完成】。

基本的双重性

功能型的平台类产品—关注点是任务：所有操作都被纳入的一个过程，去思考人们如何完成这个过程

信息型的媒介类产品—关注点是信息：网站应该提供哪些信息，这些信息对用户的意义是什么

用户体验的要素

战略层：1. 用户需求 

                 2. 产品目标

范围层:   1. 功能型产品-功能规格（对产品”功能组合“的详细描述）

                 2. 信息型产品-内容需求（对各种内容元素的详细描述）

结构层:   1. 功能型产品-交互设计

                2. 信息型产品-信息架构

框架层:   1. 信息设计

                2. 功能型产品-界面设计

                3. 信息型产品-导航设计

表现层:   创建感知体验

应用这些要素

对用户体验产生影响

     1. 内容: 在网页里“内容至上”

     2. 技术: 所能提供给用户的体验状态主要是由技术来决定的

---

第三章 战略层

战略层的定义

“产品目标”和‘用户需求“组成战略层，成为我们在设计用户体验过程中做出每一个决定的基础

产品目标：我们要通过这个产品得到什么

用户需求：我们的用户要通过这个产品得到什么

产品目标

商业目标

      1. 为避免太具体、太宽泛的目标，我们应该在充分了解问题之后在得出结论

      2. 明确定义”成功的条件“，而不是定义”通向成功的路径“

品牌识别

      1. 品牌识别：除了商标、色调、字体，更重要的是概念系统、情绪反应（对用户起着潜移默化的作用）

      2. 你必须要决定品牌形象是无意之中形成的，还是经过产品设计者有意精心安排的结果

成功标准

      1.  一些可追踪的指标（转化率、回访数、印象数），在产品上线以后用来显示它是否满足了我们自己         的目标和用户的需求。

      2. 有时这些成功标准与网站本身和用户如何使用该站有一定的关系

用户需求

*用户细分

 将具有某些共同关键特征或者共同需求的用户划分成组

人口统计学标准：性别、年龄、教育水平、婚姻状况、收入等

消费心态档案：用户对于这个世界，尤其是与你产品相关的某个事物的观点和看法的心理分析方法

使用者的社会或专业角色

用户对技术的熟悉程度和适应程度，以及对产品相关行业背景知识的熟悉程度（新手用户、资深用户）

不同用户群的需求也有可能是彼此矛盾的，要么做取舍，要么为执行相同任务的不同用户群选择不同的操作方式

不同的用户群有不同的需求，创建细分用户群，只是一种用于”揭示用户最终需求的手段“

*可用性和用户研究

市场调研方法：问卷调查、焦点小组—是获取用户的基本信息的宝贵来源

现场调查：用于了解在日常生活情境中的用户行为

任务分析：仔细地分解用户完成任务的精确步骤

用户测试：请用户来帮忙测试你的产品

可用性的最终目标：寻找令产品更容易使用的途径

创建人物角色

在用户体验设计的过程中，人物角色是从用户研究中提取出的、可成为样例的虚拟人物

*团队角色和流程

产品目标和用户需求经常被定义在一个正式的战略文档或愿景文档中

它不仅是列出目标清单，还提供目标之间的关系分析，并且说明这些目标要如何融入更大的企业中去。目标以及目标分析来自于：决策者（企业管理层）、普通员工、用户。

要冗长，要简洁明了切中要点。必须写，而且要频繁使用，要发给每个项目参与者（设计师、程序员、信息架构师、项目经理），帮助他们在工作中做出正确的决定。

---

第四章  范围层

范围层定义

*产品应该提供给用户什么样的内容和功能

*过程： 确定现在能解决那些事情，而那些必须要再迟一点才能解决。

*产品： 给团队一个参考点、明确了这个项目中要完成的全部工作，也提供了一门用于讨论这件事情的共同语言

文档的重要性：用文档来定义产品需求的原因

1. 知道正在建设什么

知道项目的目标是什么，什么时候达到目标

责任明晰

能看清相互独立也不显著的要求间的内在联系

2. 知道不需要建设什么

当关于功能的、各种各样的可能和想法浮现，用文档记录，可以提供一个评估这些想法的架构

当前难以满足的需求，可以成为启动下一个版本的基础，这样就能形成一个不断循环的开发过程

功能和内容

*范围层确定的是全部的功能需求或功能规格

*真正的内容常常是通过一个内容管理系统来进行管理的

定义需求

*需求的详略程度常常取决于该项目的具体范围

*最用之不竭的需求源泉总是来自用户本身

功能规格说明

*需要包含在设计或开发过程中出现有可能混淆的功能定义

*需要记录在创建这个产品时已经确定下来的决议

*撰写规则:

1. 乐观：描述这个系统将要做什么事情去”防止“不好的事情发生

2. 具体：尽可能详细的解释清楚状况，这是我们能决定一个需求是否被实现的最佳途径

3. 避免主观的语气：需求必须可验证，找到某种方式来明确说出应该达到的标准。也可以用量化的术语来定义一些需求，通过这样的手段来避免主观性

内容需求

*文本、图像、音频、视频

*不要混淆某段内容的格式和目的

*提供每个特性规模的大致预估：文本的字数、图片的像素大小、下载的文件字节、PDF或音频文件等相对独立元素的大小等。（只收集最紧要的关键资料）

*确定某个人负责某一内容元素和它的”更新频率“

*各种用户，需求不同。哪些用户想要什么内容——如何呈现它们

确定需求优先级

*战略目标和需求间往往不是一对一的关系

*有时一个战略目标将产生多个需求。另一方面，一个需求也可以实现多个战略目标

*优先级别是决定是否采纳人们所建议的相关特性的首要因素

---

第五章 结构层

定义

确定各个将要呈现给用户的元素的“模式”和“顺序”。

交互设计关注于“可能的用户行为”同时定义系统如何配合与响应

信息架构关注于呈献给用户的信息是否合理并且具有意义

概念模型

*定义：用户对于“交互组件将怎样工作”的观点

*把软件某个特性设计处理成用户所熟悉的某个概念

*在交互设计的开发过程中保持使用方式的一致性

1. 软件使用方式与现实经验一致

2. 交互方式在整个系统中保持一致

*使用人们熟悉的概念模型会使用户更快速的适应一个不熟悉的网站

*错误处理

1. 预防：第一同时也是防止错误的方法，是将系统设计成不可能犯错那种

2. 改正：错误发生时，系统应该帮助用户找出错误并改正他们

3. 恢复：给用户提供可以从错误中恢复的方式（撤销）

信息架构

*结构化内容

1. 信息架构的主要工作就是设计组织分类和导航的结构，让用户可以更有效地找到和浏览网站的内容。

2. 自上而下的分类体系：根据产品目标和用户需求直接进行结构设计。先从最广泛的、有可能满足决策目标的内容和功能开始分类，再依据逻辑细分出次级分类。

3. 自下而上的分类体系：从已有资料开始把这些资料放到最低级别的分类中，然后将它们分别归属到较高一级的分类

4. 结构质量最重要的标准，不是整个过程一共需要多少个步骤，而是“用户是否认为每个步骤都是合理的”以及“当前步骤   是否自然地延续了上一个步骤中的任务”。

*结构方法

1. 信息架构的基本单位是节点

2. 层级结构：节点与其它节点之间存在这父级/子级的关系。

3. 矩阵结构

4. 自然结构

5. 线性结构：经常被用于小规模的结构

一个延展性好的信息架构，能把新的内容作为现有结构的一部分容纳进来，也可以把新内容当做一个完整的新部分加入

*组织原则

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

2. 一般来说，在网站最高层级使用的组织原则应该紧密地与“网站目标”和“用户需求”相关。而在结构中较低的层级，内容与功能需求的考虑将对你所采用的组织原则产生很大影响。

*语言和元数据

遵循“使用用户语言”并且“保持一致性”的命名原则。同时避免“语义歧义或者不解”

---

第六章 框架层

定义：在框架层主要解决放置的问题

界面设计考虑可交互元素的布局

导航设计考虑在产品中引导用户移动的元素的布局

信息设计中考虑传达给用户的信息要素的排布

习惯和比喻

界面要与用户早已养成的习惯保持一致，比之更重要的是界面要与自身保持一致。

网站特性的概念模型有助于保持网站内部的一致性。

有效地使用比喻，在于减少用户在理解和使用产品时的猜测。

界面设计

界面设计要做的全部事情就是选择正确的界面元素，帮助用户完成他们的任务，还要通过适当的方式让它们容易被理解和使用。

成功的界面设计，是能让用户一眼就能发现“最重要的东西”的界面设计，弄清楚用户不需要哪些东西，并减少它的可发现性或者排除出去。

界面设计可以采取各种技巧，使用户完成任务的过程变得容易。

导航设计

导航设计必须完成的三个目标：

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

2. 传达出这些元素和他们所包含的内容之间的关系。

3. 传达出它传达出的内容和用户当前浏览的页面是什么关系

导航系统

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

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

3. 辅助导航：针对内容、产品或者用户属性进行的分类导航

4. 上下文导航（内联导航）:嵌入页面自身内容的一种导航

5. 友好导航、网站地图、索引表

信息设计

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

指示标识

帮助用户理解“他们在哪里”以及“他们能去哪里”“哪条路离目标更近”，可借助图标、标签系统、排版、颜色等视觉指引

线框图

页面布局：将信息设计、界面设计和导航设计放置到一起，形成一个统一的，有内在凝聚力的构架。

线框图整合框架层三种方法：

1. 通过安排和选择界面元素来整合界面设计

2. 通过识别和定义核心导航系统来整合导航设计

3. 通过放置和排列信息组成部分的优先级来整合信息设计

---

第七章 表现层

表现层定义

解决并弥补产品框架层的逻辑排布的感知呈现问题。

合理设计感知

五方面组成：视觉、听觉、触觉、嗅觉、味觉

声音可以应用到很多不同种类的产品中；可用来通知用户，还可以使产品变得更具个性

评估一个视觉设计方案，应该把注意力集中在它们的”运作是否良好“上

忠于眼睛

*评估一个产品视觉设计的简单方法之一是提出这样的问题

1. 你的视线首先落在什么地方？

2. 哪个设计要素在第一时间吸引了用户的注意力？

3. 它们是对于战略目标来讲很重要的东西吗？

*如果设计成功，眼睛移动轨迹的模式有两个特点

1. 遵循的是一条流畅的路径

2. 为用户提供有效选择的、某种可能的”引导“，而非分散注意力

对比和一致性

通过对比把用户的注意力吸引到重要的部分

过度设计也会导致视觉的混乱，差异要足够清晰，让用户能分辨出某个设计选择是特意要传达的

一致性能避免用户的困惑和焦虑，可基于栅格线来保持平面布局的一致性

配色方案和排版

*色彩

*排版

1. 不要使用非常相似但又不完全一样的风格

2. 只有在你需要传达不同的信息时才使用不同的风格

3. 风格之间要有足够的”对比“，但是不要使用过于广泛和多样的风格

设计合成品和风格指南

就是从已选定的组件中建立起来的、一个最终的可视化产品

拥有一套唯一且高效的方法，让你的产品看起来像是一个协调一致的整体，而不是乱七八糟的碎片。

---

第八章 要素的应用

*创建良好的用户体验最重要的工作内容是大量收集亟待解决的非常细微的问题。

*必须要同时考虑五个层面的全部因素

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

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

*在上一层级的错误有可能会削弱更低层面的正确决策，如果在低一级层面做出了错误决策，再上一层级做的努力也会显得没有意义

*用户体验开发过程是一场”马拉松“，而不是”短跑“要提前关注战略、范围和结构。