用户体验要素:以用户为中心的产品设计

杰西·詹姆斯·加勒特
2 阅读 0 点赞 2026-08-03 产品 老游的虾
用户体验交互设计五层模型产品设计信息架构视觉设计

全球用户体验设计领域的经典之作,Jesse James Garrett提出的五层模型(战略层、范围层、结构层、框架层、表现层)至今仍是产品经理和设计师必备的核心框架。帮助读者建立以用户为中心的设计思维,从抽象需求到具体设计的完整方法论。

本书速读

📖 全球用户体验设计的框架性经典之作

《用户体验要素:以用户为中心的产品设计》是美国信息架构师Jesse James Garrett的代表作,这本书在全球UX设计领域的影响力和普及度堪称现象级。它不仅仅是一本设计指南,更是帮助产品经理、设计师、开发者理解用户体验全貌的框架性著作。无论你在产品团队中担任什么角色,这本书都能为你提供理解和改善用户体验的系统性视角。它改变了无数产品团队思考用户体验的方式。

全书最核心的贡献是提出了著名的「五层模型」——从抽象的战略层到具体的表现层,将用户体验设计拆解为五个清晰可理解的层次。这个模型的价值在于它提供了一个共同的框架,让不同角色的团队成员能够在同一个语境下讨论用户体验。产品经理可以关注战略和范围,设计师可以关注结构和框架,开发者可以关注实现细节,但所有人都理解自己的工作在整个用户体验中的位置和作用。五层模型是本书的灵魂,也是它经久不衰的原因。

Garrett的写作风格清晰简洁,他没有使用复杂的学术语言,而是用通俗易懂的方式解释复杂的设计概念。每一个层次都配有清晰的图示和具体的案例,帮助读者理解抽象概念在实际产品中的应用。这种将复杂概念简单化的能力,使得本书不仅适合设计专业人士阅读,也适合任何参与数字产品创建的从业者阅读。无论你是产品经理、设计师还是开发者,都能从本书中获得有价值的洞察。

虽然本书篇幅不长,但信息密度极高。每一个层次都蕴含着深刻的设计哲学和实践指导,值得反复阅读和体会。Garrett在书中传达的核心理念是:好的用户体验不是偶然的产物,而是有意设计的结果。从战略层到表现层,每一层都需要深思熟虑的决策,每一层的决策都会影响最终的用户感受。理解五层模型,是理解用户体验的第一步,也是最重要的一步。

🎯 战略层:产品存在的理由与方向

战略层是用户体验设计的基础,也是最重要的层次。Garrett强调,没有清晰的战略,后续所有设计工作都将失去方向。战略层回答了一个根本问题:我们为什么要做这个产品?这个问题看似简单,但在实际工作中,很多产品团队在没有明确战略的情况下就开始设计功能,最终导致产品方向混乱、功能臃肿。战略层的决策会影响后续所有层次的设计,因此它是最重要的层次。

产品目标:定义产品要达成的商业目标:产品目标不是功能的罗列,而是对产品存在价值的清晰定义。Garrett指出,产品目标应该回答以下几个问题:这个产品要解决什么商业问题?它如何为公司创造价值?它的成功标准是什么?好的产品目标简洁有力,能够指导后续所有决策。它不需要包含所有细节,但必须清晰表达产品的核心价值主张。产品目标是产品团队的北极星,帮助团队在复杂的环境中保持定力。没有产品目标的团队就像没有目的地的航船,永远到不了彼岸。

用户需求:理解目标用户的核心诉求:用户需求是战略层的另一个核心要素。Garrett强调,用户需求不是用户说出的话,而是通过观察和分析发现的真实痛点。产品经理需要理解目标用户是谁、他们有什么样的需求、这些需求的优先级如何。用户需求的收集和分析需要运用多种方法,包括用户访谈、问卷调查、数据分析、竞品研究等。通过综合运用这些方法,产品经理才能拼凑出用户需求的完整图景。理解用户需求是产品设计的起点,也是最重要的环节。

用户细分:识别不同类型的用户群体:Garrett指出,用户不是同质的群体,而是由具有不同特征和需求的子群体组成。用户细分帮助产品团队识别这些子群体,针对不同子群体制定差异化的策略。用户细分可以基于多种维度:人口统计学特征、行为模式、使用场景、需求类型等。关键是要找到对产品决策有意义的细分维度,而不是为了细分而细分。好的用户细分能够帮助团队聚焦核心用户群体,避免试图满足所有用户最终哪个用户都满足不好。用户细分是产品战略的重要组成部分。

品牌识别:传达产品的整体形象和调性:品牌识别是战略层中经常被忽视但极其重要的要素。Garrett认为,品牌不是logo和配色,而是用户对产品的整体感受。品牌识别影响用户对产品的信任度、好感度和忠诚度。产品经理需要在战略阶段就考虑品牌识别的问题:产品应该传达什么样的品牌形象?这种形象与目标用户的期望是否一致?品牌识别将贯穿后续所有设计层次,从功能选择到视觉呈现都应该与品牌调性保持一致。品牌识别是产品差异化竞争的重要手段。

📋 范围层:产品要做什么和不做什么的决策

在明确了战略目标后,范围层要回答的问题是:为了实现这些目标,产品需要提供什么功能和内容?更重要的是,产品不需要做什么?Garrett强调,范围层的核心决策能力是做取舍——在资源有限的情况下,决定哪些功能先做、哪些后做、哪些不做。范围层的决策直接决定了产品的形态和功能集合。

功能规格:详细描述产品需要提供的功能:功能规格是范围层的核心产出。Garrett建议对每个功能特性进行详细描述,包括功能的定义、输入输出、边界条件、异常处理等。功能描述的目的是让团队中的每个人对功能有共同的理解,避免后续开发中出现理解偏差。同时,每个功能都要与战略目标明确关联,确保功能的存在有明确的理由。没有战略关联的功能就是功能蔓延的根源。好的功能规格文档是团队高效协作的基础。

内容需求:确定产品需要呈现的内容类型和质量:Garrett指出,内容也是产品体验的重要组成部分,不能只关注功能而忽视内容。内容需求包括:产品需要呈现什么类型的内容?内容的数量和质量要求是什么?内容如何更新和维护?内容策略需要与功能策略协同考虑,确保内容和功能形成有机整体。有时候,内容本身就是产品的核心价值,而不是功能的附属品。内容质量的把控是产品经理的重要职责之一。

优先级排序:在有限资源下做出最优选择:范围层最核心的决策能力是优先级排序。Garrett介绍了几种常用的优先级评估方法:重要性×紧迫性矩阵帮助区分哪些功能应该立即开发,哪些可以延后;Kano模型帮助区分基本型需求、期望型需求和兴奋型需求;投入产出比分析帮助评估每个功能的资源消耗和预期回报。这些方法不是互斥的,产品经理可以根据实际情况组合使用。关键是建立一套透明的、可解释的优先级评估体系。透明度是减少团队争议的关键。

需求变更管理:应对开发过程中的需求变化:Garrett承认,在产品开发过程中,需求变化是不可避免的。新的市场信息、用户反馈、技术发现都可能导致需求调整。关键在于建立合理的需求变更管理流程,既能响应变化又能控制成本。变更管理不是拒绝变化,而是在充分评估变化影响的基础上做出明智的决策。每次需求变更都应该评估对战略目标、时间计划、资源投入的影响,确保变更带来的价值大于成本。灵活性和纪律性是变更管理的两个关键词。

🏗️ 结构层:用户如何与产品互动的系统设计

结构层关注用户与产品的互动方式,包括交互设计和信息架构两个维度。它定义了用户如何完成他们的任务,以及如何找到他们需要的信息。结构层是范围层中抽象的功能和内容需求向具体设计转化的关键环节。结构层的设计质量直接决定了用户与产品互动的顺畅程度。

交互设计:定义用户与系统的行为序列:交互设计是结构层的核心内容之一。Garrett强调,好的交互设计让用户感受到产品是可理解、可预测、可控制的。用户在产品中的每一个操作都应该有明确的预期和及时的反馈。交互设计需要考虑的问题包括:用户如何开始一个任务?如何完成任务?如何中断和恢复任务?出错后如何恢复?好的交互设计不是让用户学习系统的规则,而是让系统适应用户的习惯。交互设计的最高境界是让用户感受不到交互的存在。

信息架构:组织信息和功能的逻辑结构:信息架构是结构层的另一个核心内容。Garrett指出,好的信息架构让用户能够高效地找到他们需要的内容。信息架构的设计需要考虑分类体系、标签系统、搜索策略、导航结构等多个方面。分类体系需要基于用户的认知模式,而不是系统的技术结构。标签系统需要使用用户理解的语言,而不是内部术语。搜索策略需要支持多种搜索方式,满足不同用户的搜索习惯。导航结构需要提供清晰的路径,让用户始终知道自己在哪里、可以到哪里、如何回去。

任务流程:分析用户完成关键任务的完整路径:Garrett建议产品经理分析用户完成关键任务的完整流程,识别流程中的摩擦点和改进机会。任务流程分析可以帮助发现那些在功能设计阶段被忽略的体验问题。一个好的任务流程应该尽可能简洁,减少不必要的步骤和决策点。同时,任务流程需要为用户提供清晰的进度指示,让用户知道自己处于什么位置、还需要多少步骤才能完成任务。任务流程的优化是提升用户体验最直接的方式之一。

错误处理:设计友好的异常处理机制:错误处理是结构层中经常被忽视但极其重要的环节。Garrett强调,好的错误处理能让负面体验转变为正面体验。错误提示应该清晰说明发生了什么、为什么会发生、用户可以做什么来解决问题。错误恢复机制应该帮助用户轻松回到正轨,而不是让用户感到困惑或挫败。错误处理不是事后补救,而是应该在交互设计阶段就考虑的系统性设计。好的错误处理能够增强用户对产品的信任感。

🖼️ 框架层:界面布局与信息呈现的具体设计

框架层将结构层的抽象设计转化为具体的界面布局,包括界面设计、导航设计和信息设计三个方面。框架层是用户直接感知到的产品形态,是抽象设计向具体呈现过渡的关键层次。框架层的设计质量决定了用户对产品的第一印象。

界面设计:安排界面元素的位置和大小:界面设计关注界面元素的具体排列方式。Garrett建议界面布局要遵循用户的心智模型和视觉习惯,让用户能够直观地理解界面结构和操作方式。界面设计需要考虑的问题包括:哪些元素应该放在显著位置?哪些元素可以放在次要位置?元素之间的关系如何呈现?界面布局不是随意摆放,而是基于用户注意力分布和操作习惯的科学安排。好的界面布局让用户一眼就能理解产品的功能结构。

导航设计:设计用户在产品中移动的路径:导航设计确保用户始终知道自己在哪里、可以到哪里、如何回去。Garrett强调,好的导航是隐形的向导——用户不需要思考就能找到他们需要的内容和功能。导航设计需要考虑多种导航方式:全局导航提供产品的主要功能入口,局部导航提供当前区域的子功能,上下文导航提供与当前内容相关的操作,补充导航提供搜索、帮助等辅助功能。多种导航方式协同工作,为用户提供全方位的导航支持。好的导航设计让用户在产品中自由穿梭而不迷路。

信息设计:以清晰有效的方式呈现信息:信息设计关注信息如何被理解和消化,而不仅仅是如何被展示。Garrett指出,信息设计需要考虑用户的认知能力和信息处理习惯,以最适合用户的方式呈现信息。信息设计的方法包括:使用图表呈现数据趋势,使用对比突出重要信息,使用分组减少认知负担,使用层次引导注意力流向。信息设计的目标是让用户能够快速获取和理解他们需要的信息,而不是被信息淹没。好的信息设计让复杂的信息变得简单易懂。

一致性原则:在整个产品中保持设计的一致:Garrett强调整个产品中界面和交互的一致性,降低用户的学习成本。一致性不是单调,而是在多样性中保持可识别的规律。一致性体现在多个方面:视觉一致性(色彩、字体、图标风格)、交互一致性(操作方式、反馈机制)、信息一致性(术语使用、数据格式)。一致性帮助用户在不同功能之间迁移使用经验,提高整体使用效率。一致性是专业产品的重要标志。

🎨 表现层:视觉感知与情感连接的最终呈现

表现层是用户体验的最外层,用户直接感知到的视觉设计。Garrett强调,表现层绝不仅仅是「好看」——好的视觉设计服务于功能和品牌,而不是独立于它们存在。表现层是前四个层次设计决策的最终呈现,每一层的决策都会在这个层次得到视觉化的表达。表现层是用户对产品最直接的感知。

视觉层次:引导用户的注意力流向:视觉层次是表现层的核心概念。Garrett指出,通过色彩、大小、对比、间距等手段可以建立信息的视觉层次,引导用户的注意力流向最重要的内容。视觉层次的设计需要基于信息的重要性,而不是设计师的个人偏好。重要的信息应该通过视觉手段突出显示,次要的信息应该适当弱化。好的视觉层次让用户一眼就能识别出页面上最重要的内容,而不是在信息海洋中迷失方向。视觉层次是信息传达的基础。

品牌传达:视觉设计是品牌形象的直接表达:表现层是品牌形象最直接的传达方式。Garrett认为,配色、字体、图标风格、动画效果等视觉元素都应该与品牌调性保持一致。品牌传达不是简单的logo展示,而是通过每一个视觉细节传递品牌的核心价值和个性特征。一致性是品牌传达的关键——从首页到功能页,从桌面端到移动端,品牌视觉风格应该保持一致,让用户在任何场景下都能识别出你的产品。品牌传达是建立用户信任的重要手段。

情感设计:激发用户的情感共鸣:Garrett强调,视觉设计不仅要传达信息,还要激发情感。通过视觉设计激发用户的情感共鸣,让产品不仅仅是工具,更成为用户生活中的一部分。情感设计的手段包括:使用温暖的色彩传递友好感,使用流畅的动画传递品质感,使用精致的细节传递用心感。细节决定成败——一个微小的动画效果可能比重大功能更能打动用户,一个用心的过渡动画可能让用户感受到产品的温度。情感设计是产品差异化的终极武器。

无障碍设计:确保所有人都能使用产品:Garrett指出,好的设计包容所有人,而不是只服务于主流用户群体。无障碍设计要求视觉设计对不同能力的用户都是可访问和可理解的。这包括:足够的色彩对比度帮助视力不佳的用户识别内容,清晰的字体和字号帮助阅读困难的用户理解信息,键盘导航支持帮助无法使用鼠标的用户操作产品,屏幕阅读器兼容帮助视障用户获取内容。无障碍设计不仅是道德要求,也是法律要求,更是扩大产品用户群体的商业策略。包容性设计是每个产品都应该追求的目标。

⭐ 金句摘录

用户体验不是单一维度的事情——它包含了从抽象战略到具体视觉的五个层次,每个层次都为整体体验做出贡献。忽视任何一个层次都会导致体验的缺失。理解五层模型是理解用户体验的第一步。

好的用户体验不是偶然的产物,而是有意设计的结果。从战略层到表现层,每一层都需要深思熟虑的决策,每一层的决策都会影响最终的用户感受。设计是有意为之,不是碰运气。

用户不会按照我们的逻辑使用产品。好的设计是适应用户的心智模型,而不是要求用户适应我们的设计。永远不要假设用户会像设计师一样思考。以用户为中心是设计的核心原则。

视觉设计不是装饰——它是信息的载体、情感的媒介、品牌的表达。每一像素都有存在的理由,每一个视觉决策都应该服务于产品的核心目标。好的视觉设计是有目的的。

好的导航是隐形的向导——用户不需要思考就能找到他们需要的内容和功能。当用户感觉不到导航的存在时,往往就是导航设计最成功的时候。最好的设计是用户感受不到的设计。

好的设计包容所有人,而不是只服务于主流用户群体。无障碍设计不仅是道德要求,也是法律要求,更是扩大产品用户群体的商业策略。包容性设计是每个产品都应该追求的目标。

📚 阅读建议与实践应用

适合人群:产品经理、交互设计师、UI设计师、前端开发者,以及所有参与数字产品创建的从业者。无论你在团队中担任什么角色,五层模型都能帮助你理解自己的工作在整个用户体验中的位置和作用。对于新人,它是建立用户体验认知的最佳入门读物;对于有经验的设计师,它是反思和优化设计流程的框架。

阅读方法:建议结合自己的实际产品,按照五层模型逐层审视现有设计。从战略层开始,检查产品目标是否清晰、用户需求是否明确;然后检查范围层,评估功能规划是否聚焦、优先级是否合理;接着检查结构层,分析交互流程是否顺畅、信息架构是否清晰;再检查框架层,评估界面布局是否合理、导航设计是否有效;最后检查表现层,审视视觉设计是否服务于功能和品牌。通过这种系统性审视,找到可以改进的层次和具体的改进方案。

团队协作建议:建议在团队中推广五层模型,让团队成员建立共同的设计语言和思维框架。当团队中的每个人都理解五层模型时,跨角色沟通会变得更加高效,设计决策会变得更加清晰。五层模型不仅是一个设计框架,更是一个团队协作的工具。它帮助不同角色的团队成员在同一个语境下讨论用户体验问题。

延伸学习:读完本书后,建议进一步阅读《设计心理学》《点石成金》《About Face》等用户体验设计经典著作,以及学习设计思维、服务设计、行为设计等相关方法论。这些知识与五层模型相互补充,能够帮助你建立更完整的用户体验设计能力体系。用户体验设计是一门综合性的学科,需要持续学习和实践。

一句话总结:用户体验是一个从抽象到具体的系统工程——五层模型帮助我们理解每个层次的设计决策如何影响最终的用户感受,也帮助我们在每个层次做出更好的设计决策。Garrett的《用户体验要素》为每一位产品从业者提供了理解和改善用户体验的系统性框架,是每个参与数字产品创建的人都应该认真阅读的经典之作。