用户体验要素

Jesse James Garrett 在《用户体验要素》中提出的经典用户体验五层模型。它把用户体验从抽象到具体、从战略到感官，拆成五个层级。很多人只记住名字，但真正理解它，需要搞清楚每一层回答的核心问题、产出物，以及它和下一层的关系。

一、五层模型总览

越往下，越抽象；越往上，越具体。下层决定上层的边界，上层决定下层的体验。

二、逐层拆解

1. 战略层：为什么做

这是最底层，也是最容易被忽略的一层。它回答的是：我们为什么要做这个产品？用户真正需要什么？我们的商业目标是什么？

如果战略层没想清楚，后面四层做得再漂亮，也可能是在解决一个不存在的问题。比如一个AI客服系统，战略层要明确：是降低人工成本，还是提升响应速度？是服务内部员工，还是面向外部客户？目标不同，后面的功能、结构、界面都会完全不同。

2. 范围层：做什么

战略层确定方向后，范围层把它翻译成具体的功能和内容。它回答：我们要提供哪些功能？不提供哪些功能？优先级是什么？

这里的关键是“取舍”。范围层不是把所有能想到的功能都列上去，而是明确边界。比如一个AI编程助手，范围层可能决定：支持代码补全、解释、重构，但不支持自动部署、不支持数据库管理。范围清晰，后续设计和开发才不会失控。

3. 结构层：怎么组织

范围层定义了“有什么”，结构层定义“它们怎么连起来”。它包含两个部分：交互设计和信息架构。

• 交互设计：用户完成任务的操作流程是什么？先点哪里，后点哪里？状态如何变化？

• 信息架构：内容如何分类、组织、导航？用户如何找到需要的东西？

结构层关注的是逻辑和路径，而不是视觉。它决定了用户“走得顺不顺”。

4. 框架层：怎么摆放

结构层确定逻辑后，框架层把它落到具体的界面元素上。它回答：按钮放哪里？导航怎么排？信息怎么分组？

框架层的产出通常是线框图或低保真原型。它关注的是界面布局、控件选择、信息层级、导航位置。框架层做得好，用户不需要思考就能找到入口；做得不好，用户会在界面里迷路。

5. 表现层：看起来怎样

这是最上层，也是用户直接感知到的一层。它关注：颜色、字体、图标、动效、声音、触感、品牌一致性。

表现层不是“美化”，而是“传达”。它要确保视觉设计服务于战略目标和功能逻辑，而不是为了好看而好看。一个好的表现层，能让用户感到专业、可信、愉悦；一个糟糕的表现层，会让用户对产品产生不信任。

三、五层之间的关系

• 下层决定上层：战略层没定好，范围层就会膨胀；范围层没边界，结构层就会混乱；结构层不合理，框架层怎么摆都别扭；框架层不清晰，表现层再漂亮也难用。

• 上层反馈下层：表现层的用户反馈，可能暴露框架层的问题；框架层的问题，可能追溯到结构层的逻辑缺陷；结构层的问题，可能源于范围层的需求不清晰；范围层的问题，最终要回到战略层重新对齐。

四、在AI人机交互中的延伸

传统五层模型主要面向确定性软件。在AI产品中，每一层都增加了新的变量：

• 战略层：AI是替代人，还是增强人？是降本，还是增收？边界在哪里？

• 范围层：AI能做什么、不能做什么？哪些任务允许自治，哪些必须人工审核？

• 结构层：人机如何分工？什么情况下AI主动，什么情况下人主导？异常如何回滚？

• 框架层：AI的输出如何呈现？置信度如何表达？用户如何干预和纠正？

• 表现层：AI的语气、人格、透明度、可解释性如何设计？

AI时代，五层模型依然有效，但每一层都多了一个核心问题：人和AI的边界在哪里。

五、一句话总结

战略层定方向，范围层定边界，结构层定路径，框架层定布局，表现层定感受。五层贯通，用户体验才完整。任何一层缺失或错位，用户都会在某个环节感到困惑、挫败或不信任。