用户体验五大要素

• 战略层(Strategy)
• 范围层(Scope)
• 结构层(Structure)
• 框架层(Skeleton)
• 表现层(Surface)

每一个层面都是更具它下面的那个层面来决定的。

战略层(Strategy)

经营者想从网站得到什么，用想从网站得到什么。

我们为什么要开发这个产品？

• 用户需求(user needs)
  • 用户细分（User Segmentation):用户细分将全部的用户划分成较小的，有共同需求的小组，以此来帮助我们更好的了解用户需求。
  • 可用性和用户研究
  • 创建人物角色（personas)
• 产品目标（product objective)
  • 商业目标
  • 品牌识别（Brand Identity)
  • 成功标准(Success Metrics):在产品上线后用来显示它是否满足了我们自己的目标和用户的需求

范围层(Scope)

产品应该提供给用户什么样的内容和功能，某个功能是否应该成为网站的功能之一，就属于范围层要解决的问题。

我们要开发的是什么？

• 功能型产品：功能规格（Functional Specification)
• 信息型产品：内容需求（Content Requirement）

确定需求优先级

有时一个需求可以满足多个战略目标，一个战略目标也常常关系到多个不同的需求，由于项目范围是建立在战略层基础上的，我们应该去评估这些需求是否能满足我们的战略目标。 另外我们还要考虑：实现这些需求的可行性有多大？

结构层（Structure）

如何将范围层上的这些分散的片段组成一个整体，识别出用户心目中只管重要的信息是结构层需要考虑的问题。

框架是结构的具体表达方式，框架层决定了结账页面上交互元素的位置，而结构层则用来设计用户如何到达某个页面，并且在他们做完事情之后能去到什么地方。

框架层定义了导航条上各要素的排列方式，结构层则确定哪些类别应该出现在哪里。

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

• 功能型产品：交互设计（Interaction design)

  为用户设计结构化体验， 定义系统如何相应用户的请求，需要理解用户的工作方式，行为和思考方式。

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

• 概念模型（Conceptual model)

  用户对于交互组件将怎样工作的观点称为概念模型，软件是否把某个特性处理成用户所熟悉的某个概念？ 使用熟悉的概念模型，会使用户很快适应一个不熟悉的网站。 我们不必将概念模型明确的告诉用户，事实上，这样做可能会混淆用户，反而无法帮助他们。 更重要的是，概念模型是用于在交互设计的开发过程中保持使用方式的一致性

• 信息型产品: 信息架构(Information structure)

  合理安排内容元素以促进用户理解信息。

  信息架构研究的是人们如何认知信息的过程，对于产品而言，信息架构关注的就是呈现给用户的信息是否合理并具有意义。

  结构化内容

  信息架构的主要工作是设计组织分类和导航结构。

  • 从上到下(top-down approach):根据产品目标和用户需求直接进行结构设计。
  • 从下到上（bottom-up approach):根据内容和功能需求的分析进行结构设计。

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

  一个高效结构的优点就是具备容纳成长和适应变动的能力

  结构方法

  信息架构的基本单位是节点（node),节点在信息架构中是依据组织原则（organizing principle)来安置的。组织原则基本上就是我们决定哪些节点要变成一组，哪些节点要保持独立的标准。

  • 层级结构（hierarchical structure): 也称为树装（three）或中心辐射（hub-and spoke)结构。节点与其他相关节点之间存在父级/子级关系。
  • 矩形结构（matrix structure）: 允许用户在节点与节点之间沿着两个或者更多的”维度“移动。 由于每一个用户的需求都可以和矩阵中的一个”轴“联系在一起，因此矩阵结构通常能帮助那些带着不同需求而来的用户，使他们能在相同内容中寻找各自想要的东西。
  • 自然结构（organic structures)：不会遵循任何一致的模式，节点是逐一被链接起来的，同时这种结构没有太强烈的分类概念。
  • 线性结构（sequential structures)

  语言和元数据

  即便结构完全准确的代表了用户对你的网站的理解， 要是用户仍然无法再结构中找到他们想走的路， 可能就就是因为命名原则（nomenclature)出了问题。 因此使用用户语言并且保持一致是非常重要的。

  我们把用来强调一致性的工具称为受控词典(controlled vocabulary),受控词典是网站使用的一套标准语言。

  控制词汇的另一种较为精细的应用方法，就是创造类词词典（thesaurus),类词词典会提供常用的，但未纳入该网站标准用语的词汇以供选择。

  使用受控词典或类词词典对于建立包含元数据（metadata)的系统特别有用，元数据指的是，关于信息的信息。 也就是以一种结构化的方式来描述内容的信息。

框架层（Skeleton)

框架层用于确定详细的界面外观，优化设计布局，决定用什么样的功能和形式以达到这些元素的最大效果和效率。

• 功能型产品：界面设计（interface design) - 选择正确的界面元素，给用户做某些事的能力。

• 信息型产品：导航设计（navigation design）- 给用户去某个地方的能力。

  • 导航设计必须提供给用户一种在页面间跳转的方法。
  • 导航设计必须传达出这些元素和他们所包含的内容之间的关系。
  • 导航设计必须传达出他的内容和用户当前浏览页面之间的关系。
    • 全局导航（global navigation）
    • 局部导航（local navigation）
    • 辅助导航（supplementary navigation）
    • 上下文导航（contextual navigation）
    • 友好导航（courtesy navigation)
    • 网站地图（site map)
    • 索性表（index）
• 信息设计（information design) - 传达想法给用户。

表现层（Surface）

将所有元素组合起来后，产品最终的表现形式

• 感知体验(Sensory experience)