《用户体验要素》一书中所分析的用户体验要素自下而上包含五个层面：战略层、范围层、结构层、框架层和表现层。

什么是用户体验？

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

什么是用户体验设计？

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

用户体验的双重性

功能型&信息型

用户体验要素

战略层

当我们能越清楚地表达我们想要什么，以及确切地知道其他人想要从我们这里得到什么时，我们就能越精确地满足双方的需求。

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

在太具体和太宽泛之间取得一个平衡，避免在尚未充分了解问题之前就试图得出结论。

• 商业目标：替公司赚钱或替公司省钱。
• 品牌识别：可以是概念系统，也可以是情绪反应——它之所以重要是因为它无法不被用户注意。
• 成功标准：一些可追踪的指标，在产品上线以后用来显示它是否满足了我们自己的目标和用户的需求。

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

• 用户细分：把大量的用户需求划分成几个具有某些共同关键特征的、可管理的部分。
• 可用性和用户研究：
  • 问卷调查
  • 用户访谈
  • 焦点小组
  • 现场调查
  • 用户测试
• 创建人物角色：在用户体验设计的过程中，人物角色是从用户研究中提取出的、可成为样例的虚构人物。
• 团队角色和流程：战略文档并不是创建出来被藏到某个地方，或只与少数几个资深员工分享的，所有参与者（设计师、程序员、信息架构师、项目经理）需要这份战略文档，以帮助他们在工作中做出正确的决定。

范围层

定义项目范围同时在做这两件事：这是一个有价值的过程，同时能产生有价值的产品。

• 过程的价值在于，当整个事情还处在假设阶段的时候，它能迫使你去考虑潜在的冲突和产品中一些粗略的点。
• 产品的价值在于，被定义的这个产品给了整个团队一个参考点，明确了这个项目中要完成的的全部工作，它也提供了一门用于讨论这件事情的共同的语言。

用文档来定义产品需求

理由：
1. 这样你才知道你正在建设什么（拥有一系列明确的要求，责任分配得更清晰）
2. 这样你才知道你不需要建设什么（抵制诱惑，需求把控）

定义需求——三个主要类别：

• 人们讲述的、他们想要的东西。
• 人们口中说出来的、所期望的特性其实并不是他们想要的。
• 人们不知道他们是否需要的。

功能规格

功能规格说明不需要包含产品的每一个细节——只需要包含在设计或开发过程中出现有可能混淆的功能定义。功能规格说明也不需要展望产品未来的理想化状态——只需要记录创建这个产品时已经确定下来的决议。

• 乐观
• 具体

内容需求

• 内容清单
• 确定需求优先级

结构层

交互设计：关注将影响用户执行和完成任务的元素

• 概念模型：用户对于“交互组件将怎样工作”的观点称为概念模型。
• 错误处理：处理“用户错误”—当人们犯错误时系统要怎么反应，并且当错误第一次发生时，系统要如何防止人们继续犯错？

交互设计会处理每一个级别的错误，以确保更高比例的用户能有积极的体验。

信息架构：关注如何将信息表达给用户的元素

• 结构化内容：分类体系
• 从上到下：从最广泛的、有可能满足决策目标的内容与功能开始进行分类，然后再依据逻辑细分出次级分类。
• 从下到上：把已有资料统统放到最低级别的分类中，然后再将它们分别归属到较高一级的类别，从而逐渐构建出能反映我们的产品目标和用户需求的结构。
• 结构方法
• 层级结构：节点与其他相关节点之间存在父级/子级的关系。
• 矩阵结构：允许用户在节点与节点之间沿着两个或更多的“维度”移动。
• 自然结构：不会遵循任何一致的模式。
• 线性结构：用于限制那些需要呈现的内容顺序对于符合用户需求非常关键的应用程序。
• 组织原则：是我们决定哪些节点要编成一组，而哪些节点要保持独立的标准。

框架层

信息设计：传达想法给用户。

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

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

• 习惯和比喻：习惯和反射作用是我们与这个世界交互时的各种基础。
• 选择正确的界面元素，妥善处理所有不同的界面元素。
• 复选框
• 单选框
• 文本框
• 下拉菜单
• 多选菜单
• 按钮

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

必须同时完成三个目标：

• 提供给用户一种在网站间跳转的方法
• 传达出这些元素和它们所包含内容之间的关系
• 传达出它的内容和用户当前浏览页面之间的关系

几种常见的导航系统：

• 全局导航：提供了覆盖整个网站的通路。
• 局部导航：提供给用户在这个架构中到“附近地点”的通路。
• 辅助导航：提供了全局导航或局部导航不能快速达到的相关内容的快捷途径。
• 上下文导航：有时也叫“内联导航”，是嵌入页面自身内容的一种导航。
• 友好导航：提供给用户他们通常不会需要的链接，但它们是作为一种便利的途径来使用的。
• 远程导航：并没有包含在页面结构中，而是以它们自己的方式存在，独立于你的网站的内容或功能。
• 站点地图
• 索引表

指示标识

将信息设计和导航设计结合到一起，有一个重要的作用：支持指示标识，这是用来帮助用户理解“他们在哪”以及“他们能去哪”的系统。

线框图

页面布局是将信息设计、界面设计和导航设计放置到一起，形成一个统一的、有内在凝聚力的架构的地方。
线框图捕获所有在框架层做出的决定，并用一个文档来展现它们。它作为视觉设计和网站实施的参考来使用。

线框图是整合在结构层的全部三种要素的方法：
1.通过安排和选择界面元素来整合界面设计；
2.通过识别和定义核心导航系统来整合导航设计；

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

表现层

合理设计感知

• 嗅觉和味觉（用户体验设计师很少考虑的范畴）
• 触觉
• 听觉
• 视觉（用户体验设计师最得心应手的领域）

忠于眼睛

评估一个产品视觉设计的简单方法——提问：

• 你的视线首先落在什么地方？
• 哪个设计要素在第一时间吸引了用户的注意力？
• 它们是对于战略目标来讲很重要的东西吗？
• 用户第一时间注意到的东西与他们的（或你的）目标是背道而驰的吗？

对比和一致性

• 把用户的注意力吸引到界面中的关键部分，传达信息设计中的概念群组，对比是一个重要手段。
• 在你的设计中保持一致性，能使你的设计有效地传达信息，而不会导致用户迷惑或焦虑。