1.用户体验为什么重要

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

使用第一：外形首要服从于“用户自身的心理感受和行为”，而非“功能”

---用户体验就是商机

提高：“客户忠诚度”、转化率（conversion rate）
效率：令客户工作得更快&犯错概率更低

---UCD

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

2.用户体验五要素

五个层面

---双重性

功能型：关注“任务”，操作被纳入一个过程，思考人如何完成这个过程
信息型：关注“内容”，网站应该提供哪些信息，信息对用户的意义是什么

---五要素

• 战略层：用户需求（显性&隐性）+ 产品目标（商业&其他）
• 范围层：功能规格（功能组合的描述）/ 内容需求（内容元素的要求）
• 结构层：交互设计（如何响应请求）/ 信息架构（内容元素的关系）
• 框架层：信息设计（呈现方式）+界面设计（交互元素）/导航设计（跳转）
• 表现层：感知体验（就是这个feel）

---自下而上

从抽象到具体：底层（战略，需求）→顶层（具体细节）
下层决定上层：上层的可选项由下层决定，上层的改动需要重新考虑下层决策
开发顺序：由于上下层间相互影响，所以应留出两个层面同时设计的部分（上图），而不是把每一层割裂开来单独设计（下图）

在下一层结束之前完成

---两个额外的因素

• 内容：在网页里“内容至上”
• 技术：用户体验的状态主要是由技术来决定的

3.战略层

战略层

---产品目标

我们要通过产品得到什么？

• 商业目标：替公司赚钱或省钱
• 品牌识别：企业的品牌形象
• 成功标准：可追踪的指标，用以显示是否满足需求

---用户需求

用户要通过产品得到什么？

• 用户细分：人口统计学标准、消费心态、技术能力、社会专业角色
• 用户研究：市场调研方法、现场调查、用户测试、卡片排序法
• 创建人物角色：persona、用户模型、用户简介

• 创建场景：scenario、需求不应脱离场景

  
  
  人物角色

4.范围层

范围层

一个有价值的过程+一个能被理解的产品

• 过程：考虑潜在冲突，确定什么现在解决，什么迟一点解决
• 产品：给团队一个参考点，提供了共同的语言

---确定需求优先级

• 网站目标、用户需求、可行性
• 功能之间的相互联系
• 关注战略目标，不要迷失于手段

---功能和内容

从“为什么开发这个产品”（战略层）——到——“我们开发的是什么”（范围层）

• 功能规格：哪些应当被当成软件产品的功能及相应组合
• 内容需求：哪些信息必须纳入设计范围之内

如何构建功能规格

• 正向（描述系统如何防止错误而非禁止用户行为）
• 具体（详细地解释清楚状况）
• 客观（拥有具体指标而非五彩斑斓的黑）

如何构建内容需求

• 关注目的而非格式（FAQ不必要，解决用户普遍问题必要）
• 预估特性规模（字数，像素大小，下载文件等等）
• 尽早找出负责人（内容是一件艰苦的工作）

5.结构层

结构层

确定将要呈现给用户的元素的模式（patten）和顺序（sequence）

---交互设计

• 描述“可能的用户行为”
• 定义“系统如何响应配合”

概念模型

• 熟悉的概念来表示特性，使用户“凭直觉”交互（例：购物车）
• 用于在开发过程中保持使用方式一致

处理错误

• 不能犯错的系统是最好的防错（例：自动档汽车）
• 使错误难以发生，纠错（不要过度，反例：Word）
• 恢复，警示（“undo”功能）

处理错误

---信息架构

呈现给用户的信息是否合理并具有意义
建立在用户需求之上，容纳成长并适应变动

结构化内容

• 从上到下：从最可行的开始，主要分类到次级分类
• 从下到上：从已有的资料开始归类直到能反映产品目标

结构化方法

基本单位是节点：明确设定关注点的详细程度（不再处理比节点更小的信息）

• 层级结构：树状或中心辐射，每个节点有父节点
• 矩阵结构：允许用户通过“维度”移动（颜色、尺寸、价格等等）
• 自然结构：没有太强烈的“分类”，自由探险
• 线性结构：线下媒体采用的方式，线性的体验

语言和元数据

• 命名原则：使用用户的语言并且保持一致性（受控词典）
• 元数据：“关于信息的信息”，结构化方式描述内容（“作者，日期，行业”）

6.框架层

框架层

用什么样的功能和形式来实现结构层

框架层的三要素

• 界面设计：做某些事的能力（界面控件）
• 导航设计：去某个地方的能力（内容列表）
• 信息设计：传达某些想法给用户

线框图

• 安排和选择界面元素
• 识别和定义核心导航
• 放置和排列信息组成

wire frame

7.表现层

通过视觉设计，弥补“产品框架的逻辑排布”的感知呈现问题

表现层