用户体验五要素解析
Jesse James Garrett提出的"用户体验五要素"，是产品设计的经典框架。从抽象到具体，层层递进。
五要素概览
┌─────────────────────────────────────┐
│ 表现层 Surface │ 感知设计
├─────────────────────────────────────┤
│ 框架层 Skeleton │ 界面设计、导航设计
├─────────────────────────────────────┤
│ 结构层 Structure │ 交互设计、信息架构
├─────────────────────────────────────┤
│ 范围层 Scope │ 功能规格、内容需求
├─────────────────────────────────────┤
│ 战略层 Strategy │ 用户需求、产品目标
└─────────────────────────────────────┘
第一层：战略层
核心问题
- 用户是谁？
- 用户需要什么？
- 我们想得到什么？
产出物
- 用户画像
- 产品目标
- 成功指标
第二层：范围层
核心问题
- 做什么功能？
- 不做什么功能？
产出物
| 类型 | 说明 |
|---|---|
| 功能规格 | 功能列表、优先级 |
| 内容需求 | 内容类型、来源 |
第三层：结构层
核心问题
- 功能如何组织？
- 用户如何完成任务？
产出物
- 信息架构图
- 用户流程图
- 交互设计文档
第四层：框架层
核心问题
- 界面如何布局？
- 导航如何设计？
产出物
- 线框图
- 导航设计
- 信息设计
第五层：表现层
核心问题
- 视觉如何呈现？
- 用户如何感知？
产出物
- 视觉设计稿
- 设计规范
要素之间的关系
自下而上：每一层都建立在上一层的基础上
自上而下：每一层都要为上一层服务
战略层决定范围层
范围层决定结构层
结构层决定框架层
框架层决定表现层
实践应用
产品设计流程
- 明确用户和目标（战略层）
- 确定功能范围（范围层）
- 设计信息架构（结构层）
- 绘制线框图（框架层）
- 视觉设计（表现层）
常见问题
| 问题 | 原因 | 解决 |
|---|---|---|
| 需求频繁变更 | 战略层没想清楚 | 先明确目标和用户 |
| 功能冗余 | 范围层没控制好 | 砍掉非核心功能 |
| 用户找不到内容 | 结构层设计有问题 | 优化信息架构 |
| 界面难用 | 框架层没做好 | 重新设计导航 |
结语
五要素框架看似简单，但需要反复实践才能真正理解。
好的产品：每一层都经过深思熟虑，从战略到表现一以贯之。