别再用机关炮打蚊子,《用户体验要素》的深层理解。
《用户体验的要求》作为2000年的一本著作,截止今年已经25年了,但是,我依然会将他推荐给公司的同事去阅读,因为每次阅读都会有新的收获。我也阅读了好几遍,但是本文重点讲述的不是那5个要素,平台上有好多那样的文章,今天我们讲一点不同的。

很多人顾名思义,将《用户体验的要素》狭义的理解成一个提升和设计用户体验的模型,其实,它更是一套强大的战略性思维工具、沟通语言和决策框架。如果只用来做用户体验,那就是机关炮打蚊子(大材小用了)。
一、用户体验要素的内容
考虑到一些人第一次接触用户体验要素,我对其内容做一个介绍。 Jesse James Garrett 在书中,划分了战略层、范围层、结构层、框架层、表现层等五个层次,如下图:

1. 战略层
这是产品的根基,回答“我们为什么做这个产品”的核心问题。关键是要回答“产品要满足哪类用户的什么需求?同时能为企业带来什么价值?这两个问题。”
- 用户需求: 目标用户是谁?他们想从产品中得到什么?他们的痛点是什么?
- 产品目标: 我们想从产品中得到什么?(例如:商业目标、品牌提升、增加收入等)
2. 范围层
基于战略层,定义产品的功能和内容范围。主要回答“我们要做哪些功能?不做什么?第一个版本最核心的功能是什么?”的问题。
- 功能规格: 产品应该包含哪些功能?详细描述每个功能及其行为。
- 内容需求: 产品需要呈现哪些文本、图片、视频等内容。
3. 结构层
设计用户如何与产品互动,以及信息如何被组织。主要回答“ 用户完成任务的最佳路径是什么?信息应该如何分类才符合用户直觉?”的问题
- 交互设计: 定义用户完成任务的流程和操作方式。例如,用户注册需要经历哪些步骤?
- 信息架构: 设计信息的组织、分类和导航结构,让用户能轻松找到所需内容。
4.框架层
确定界面元素、导航和信息的具体布局。主要回答“最重要的按钮应该放在哪里?如何让用户随时知道自己在哪里,能去哪里?”的问题
- 界面设计: 安排界面元素(如按钮、输入框、图标)的位置,让用户一目了然地知道如何操作。
- 导航设计: 设计引导用户在产品中移动的机制,如菜单、面包屑等。
- 信息设计: 如何有效地呈现信息,使其易于理解和阅读。
5.表现层
这是用户直接感知的层面,涉及产品的视觉和感官设计。主要回答“设计是否突出了重要内容?用户的第一印象是什么?”的文题
视觉设计: 包括色彩、字体、图标、图片、排版等。它不仅要美观,更要有效地传达信息、品牌调性,并引导用户的视觉流。
二、《用户体验的要素》在提升用户体验上的应用
主要有两方面:设计用户体验和定位排查不好的体验。
1. 设计用户体验
用户体验要素将之前玄之又玄的用户体验问题,变成了可量化、可设计、有章可循的具体问题。用户体验贯穿了整个产品的各个层面:
- 战略层:要做好调研,明确我们到底为谁服务?他们最核心的痛点是什么?他们想达到什么目标?比如,我们做一个美颜相机,但是我们的社会环境和文化环境变成了“素颜最美丽”。用户可能都不会使用我们的产品。
- 范围层:为了满足上述战略,产品必须包含哪些功能。还是以美颜相机举例,一个美颜相机,但是却不能美颜。用户一定大大的差评。
- 结构层:做好信息架构、用户流程、导航等。要不然用户会说“很乱”
- 框架层:每一条信息、每个按钮,都要根据更高层的内容决定,用符合用户的使用习惯。
- 表现层:界面的色调、风格、文案、字体等都要推敲,符合用户调性。
这个流程确保了产品的每一个设计决策都有其根源,不会出现“因为老板喜欢”或“因为竞品有”而随意添加的功能或元素,最终构建出的体验是系统的、完整的。
2. 定位排查不好体验
用户说体验不好,我们按照这个模型,就可以定位的具体的层级,找到解决方案。
比如用户说:“找不到功能”、“感觉很混乱”。则我们需要检查表现层和框架层:
- 是不是因为颜色对比度太低,重要的导航元素不突出?
- 是不是视觉噪音太多,干扰了用户视线?
- 导航菜单的布局是否不合理?
- 关键功能的入口是否被隐藏在了不熟悉的图标后面?
- 信息布局是否没有重点?
如果还是找不到原因,我们深入结构层:
- 功能的分类和组织方式是否符合用户的思维模型?
- 用户“想找的功能”是否被放在了一个用户根本想不到的分类下?
另外还需要反思范围层,拷问战略层。
- 是不是功能太多了?
- 我们是否理解对了用户?
三、《用户体验的要素》在需求分析中的作用
很多产品经理的需求分析始于一句“用户说想要XXX”或“老板要求做XXX”。五层模型助你合理拒绝那些“垃圾需求”。
战略层是需求的过滤器,直接决定需求“做不做”、“为什么做”的问题。面对一个需求(例如:“我们需要一个签到功能”),首先问:这个需求背后反映了目标用户的什么核心痛点或期望?(用户想获得奖励?增加粘性?还是别的?)这个痛点在我们的核心用户画像中普遍存在吗?
对齐产品目标,然后问:实现这个功能能直接或间接地服务于我们的哪个产品目标?(提升日活?增加用户停留时间?促进付费?)如何衡量它的成功?最终,我们会输出决策:
- 采纳:该需求能很好地服务于战略层目标。
- 拒绝:该需求与我们的核心用户或产品目标不符。
- 修正:需求的动机正确,但解决方案需要重新思考。(例如,用户想要“签到”,深层需求可能是“获得稳定激励”,那么“连续任务体系”可能是比简单“签到”更好的解决方案。)
接着、结果范围层的翻译、结构层的逻辑检验、框架层和表现层的细节打磨,一个需求就落地啦。
四、运用《用户体验的要素》演化产品
从“我要做一个产品经理的社区”到《人人都是产品经理网站》的落地。从一句话到一个产品,中间是怎么演化的,用户体验要素有大用。
- 战略层定方向:我们为什么做这个产品、我们的用户是谁、用户有什么样的特征。
- 范围层定功能:在第一版本时候,我们需要哪些功能,内容产生方式是怎么样的?
- 结构层搭骨架:产品形态是怎么样的,都有哪些模块、核心流程是什么?
- 框架层布界面:信息架构、交互方式
- 表现层塑气质:气质要和我们战略层的需求相搭配,符合核心用户的审美。
五、《用户体验的要素》搭建了团队合作的框架
做过产品经理的都知道,沟通和协作在产品经理工作中的重要性,《用户体验要素》模型就给我们搭建了一个协作的框架,让我们可以更高效的沟通。
1. 拉齐信息、消除偏差
我们不难发现,不同角色对产品的理解是碎片化的:
老板可能只关心战略层(我们要成为市场第一)和表现层(这个颜色不好看);工程师可能只关注范围层(这个功能如何实现)和结构层(这个数据流怎么走);设计师可能深耕于结构层、框架层和表现层。产品经理夹在中间,疲于沟通和解释。
这个五层模型的作用: 它将所有人的视线统一到同一个模型当中。在任何项目启动或需求评审时,团队可以共同回顾这个模型。避免了“鸡同鸭讲”,确保从CEO到开发者,都对产品有一个结构化的、一致的共同认知
2. 界定职责边界
五层模型为不同角色划定了清晰的责任区和交接界面:
产品经理是战略层和范围层的驱动者和守护者,负责定义“为什么”和“做什么”。交互/UX设计师是结构层和框架层的主导者,负责设计“如何操作”和“如何布局”;UI设计师是表现层的主导者,负责“最终长什么样”。
开发工程师是所有层次的实现者,但他们需要从产品经理那里获得清晰的范围层输入,从设计师那里获得精确的结构、框架、表现层输入。
当职责清晰后,摩擦自然减少。设计师不会抱怨“产品经理总是指手画脚我的设计(框架/表现层)”,产品经理也不会被设计师质问“这个功能的目标都没讲清楚(战略层)”。
六、为什么叫《用户体验的要素》
通过上面的介绍,我们发现:《用户体验的要素》不仅仅是一个设计用户体验的模型,更准确的说,他是 “产品构建的通用要素” 或 “理性产品思维的框架”。那么为什么要这么叫呢?
1、历史原因:
由于成书时间是2000年左右,那时候提倡“技术驱动”,这时候作者站出来了,大声说道:“我们不应该只关注技术,而要重点关注用户体验”,作者说的用户体验是更宏大的“用户体验”,是拔高“用户体验”的定位。他通过这个模型向世界宣告:用户体验不是表面的“皮肤”,它是一个贯穿产品骨血的系统工程,始于战略,终于表现。 书名中的“用户体验”本身就是一个宏大的、包含战略在内的概念。
2、用户中心原则。
这本书还有个副标题,全名叫《用户体验的要素-以用户为中心的产品设计》”它的核心视角和逻辑链条是 “以用户为中心” 的。它强调的是,要实现商业成功,必须遵循从理解用户需求开始的、由外而内的思考路径。这个框架确保了商业目标不会以牺牲用户价值为代价。它强制让战略与用户需求绑定在一起。从这个角度说,这本书对产品经理有很大的启迪作用,我们现在老说“以用户为中心”,不就是这本书的核心思想吗?
七、分层理论对产品经理的影响
《用户体验要素》的分层理论,赋予产品经理的不仅是一套工作方法论,更是一种可迁移的、强大的系统思维方式。
在工作中,它赋予你“上帝”的视角。 面对需求,你会本能地用“五层模型”进行定位与决策:这是战略方向问题,还是功能范围问题?这使工作从被动救火,变为主动规划。并且将分层的思路应用的其他的实际问题中去。
更有趣的是,这套思维会悄然渗透至你的生活。 你会开始用战略层审视人生愿景,用范围层规划核心目标,用结构层设计复杂项目(如装修、旅行、结婚等)。甚至在人际沟通中,你也能跳脱表现层的情绪冲突,直指问题根源。成为一个更清醒、更从容的理性决策者。
最后,建议大家看一下这本书,千人千面,相信你有比我更深的体会。
本文由 @老赵的产品论 原创发布于人人都是产品经理。未经作者许可,禁止转载
题图来自Unsplash,基于CC0协议

起点课堂会员权益





关注“我要成为产品经理”公众号,回复“用户体验”可以领取这本书电子版哦