用户体验五要素 29次播放 00:00
用户体验五要素由Jesse James Garrett提出,包含战略层、范围层、结构层、框架层、表现层,为产品从抽象目标到具体呈现提供了系统化的分层方法。其价值在于:以用户为中心,兼顾商业目标与可用性原则,适用于网站、App、H5、小程序等多类数字产品的全生命周期设计。该模型强调“自下而上建设、自上而下体验”的双重视角,帮助团队在复杂场景中保持一致的设计与决...
五要素的内涵与关键产出
战略层:回答“为什么做”。明确商业目标(盈利模式、品牌识别)与用户需求(细分、画像、痛点),设定可度量的成功标准(如活跃、留存、转化率)。 范围层:回答“做什么”。将战略转化为功能规格与内容需求,形成需求池与优先级,产出功能清单、内容清单及非功能约束。 结构层:回答“如何组织”。完成信息架构(分类、导航、标签)与交互设计(任务流程、跳转逻辑、反馈机制),确保用户能高效完成任务。 框架层:回答“如何呈现”。细化到界面设计(控件与布局)、导航设计(全局/局部/辅助导航)、信息设计(信息分组与层级),产出低保真到高保真原型。 表现层:回答“如何感知”。统一视觉风格(色彩、字体、动效、间距),保证对比与一致性,优化视线路径与品牌传达,完成UI设计与规范落地。
自上而下体验与自下而上设计的协同
落地步骤与实践要点
0—30天 战略聚焦:完成用户细分、用户研究、竞品分析与成功标准设定;明确商业目标与品牌诉求,形成战略对齐纪要。 31—60天 范围与结构:建立功能/内容清单与优先级;完成信息架构与关键任务流程设计,输出低保真原型与交互说明。 61—90天 框架与表现:沉淀设计系统(组件、样式、动效、规范);完成高保真原型与可用性测试,打通度量看板(如转化率、任务完成率、错误率、NPS),进入持续迭代。 实践要点: 需求描述坚持积极、具体、客观,减少歧义; 导航与信息架构优先保证可达性与可发现性; 视觉层面重视对比/一致性与视线引导,兼顾品牌与可访问性。
常见误区与优化建议
只做表现层:忽视战略与范围,易陷入“好看不好用”。建议以关键任务成功率为牵引,逐层回溯。 功能堆砌:范围层未做优先级与验证,导致复杂度失控。建议以价值/成本/风险三维度裁剪。 导航失配:结构层与框架层不一致,用户“迷路”。建议用面包屑、标签、分级导航构建清晰位置感。 商业化挤压体验:广告与弹窗干扰主任务。建议设置频控、场景白名单、可关闭与延时展示,以体验为边界。 忽视非功能需求:性能、安全、可访问性不足。建议将性能基线、兼容清单、无障碍标准纳入范围与度量。 度量与复盘缺位:缺少数据闭环。建议以北极星指标联动层间指标,建立季度体验评审与问题清单机制。
