AJAX 之父 Jesse James Garrett 在 2007 年出版了一本名为《用户体验要素》的书，提出了从 5 个要素自下而上地建设用户体验。从最早这本书针对 web 端的设计到现在移动互联的 app 设计，因为其超强的普适性和实战指导性被广为流传为 UX 设计中经典的项目创建与研究的方法论。
_
用户体验5要素：战略层，范围层，结构层，框架层，表现层
一、战略层
战略层开篇的说法：通常一款产品的失败原因并不在于用户体验或技术实现，而是在产品搭建之前没有人明确回答2个问题“我们通过这个产品要获得什么？”和“用户通过我们的产品能获得什么？”，概括来说就是“产品目标”和“用户需求”这2个维度的问题。
1.1 商业目标
商业产品的终期目的都是赚钱二字，那么如何赚钱就是分阶段进行商业战略规划的。不同阶段的商业目标决定了产品目标和形态。
例1 例2
1.2 用户研究
AIM: 用户量，需求点
定性研究方法
定量研究方法
1.3 成功标准
确认数据：不同的产品目标对应着不同的核心数据指标，如何判断产品目标是否达成需要进行对应的数据校验。
验证数据**：核心数据和设计之间的关系需要尽量通过一些 A/B test 或控制变量的方式合理求证
三连问：
- 我们的产品是出于什么样的商业目标变成现阶段这个形态的？
- 我们的产品是怎样一群人在用？
- 我们产品的核心数据指标是啥？（设计是否对其产生影响？）
二、范围层
通过「用户需求」推导出的产品内容需求和功能规划
- 需要开发的产品功能的范围
- 项目时间规划的范围。
2.1 产品功能
根据实战中的经历，我们一般把产品功能划分为 2 部分「功能型」和「信息型」。
「功能型」
What：顾名思义就是产品的基础功能，它决定了用户可以在我们的产品上做什么；例：抖音中的拍摄流程、用户中心、关注列表等等。
功能决策：需要充分思考用户的不同场景诉求，可以依据目标用户在不同场景下的行为路径判断出他们的刚需。
「信息型」
What: 指的是用户编辑内容 UGC 和专业编辑内容 PGC 的对外展示；
比如喜马拉雅中用户上传的音频就是用户编辑内容 UGC，而运营/产品小编上传的音频就是专业编辑内容 PGC。
2.2 项目规划
What: 对功能优先级的划分以及规划排期。
入门到进阶
- 先了解整体的项目排期（产品迭代上线的时间与设计的周期）
- 逐步整理出自己在项目中的角色定位与规划
高级到资深
- 建议尝试自己搭建项目排期并进行需求优先级的界定
- 有机会的话再带带实习对晋升有很大帮助
三、结构层
将实际需求从抽象转为具象的中间层
- 「交互设计」
- 「信息架构」
3.1 交互设计
解决的是范围层界定的功能以什么样的方式呈现的问题
人机交互方面
手势、动效、动画等
3.2 信息架构
目的是梳理复杂的产品功能，确保用户体验的逻辑；落地到实处的话可以理解为功能节点的关联流程图。
这个可以拆分用在之后体验优化的很多环节：比如用户体验地图、节点漏斗优化等。
四、框架层
相较结构层，框架层的颗粒度更加细化，
框架层我们需要仔细思考每个具体页面的框架与信息设计，再落地说就是要出个高保真原型出来。
**
4.1 具体的框架与信息设计
- 定义不同的功能安放在对应合适的容器框架中，由范围层界定的产品功能及优先级来决定。
- 基本遵循的原则：让用户优先看到他们需要的内容和我们想让他看见的内容。
- 主流的几种大容器框架设计：大卡片 feed 流、无框式、线性列表等
4.2 注意内容
- 信息表达的优先级、拓展性与一致性
- 区分运营配置位与产品功能区的信息设计（details: ux设计全方案思考与呈现）
五、表现层(视觉层)
视觉层并不是只给高保真原型图上个色、画个插图这种操作。
书里把视觉层定义为感知设计，通过良好视觉化表达达成
2 个重要意义：
- 信息获取
- 品牌识别
5.1 信息获取
前 4 层的建设都是在为吸引用户做铺垫，那么表现层则是直接决定了用户的视线停留
对比与一致性平衡的符号化产品表达
5.2 品牌识别
「品牌」概念不仅仅只是一个 logo，一种颜色，它覆盖了产品从线上到线下、端内到端外的所有视觉内容，决定了用户对产品的潜在认知，是一个涵盖多方面视觉 DNA 的完整视觉识别系统
六、如何利用
6.1 切莫列举，把问答题变成讲故事
它是一个完整且经典的产品设计流分析法。这里给大家一个超大忠告就是切莫在作品集里像问答题一样把 5 要素列举出来，这样就显得很生硬很强凹造型
最好是把 5 要素化为自己的理解，静悄悄的融入到每个项目中，把问答题变成讲故事
**
若有收获，就点个赞吧
0 人点赞
