Jesse James Garrett的经典著作《用户体验要素》为设计和开发网站、软件等数字产品提供了一个清晰且层次分明的框架。该框架将用户体验的创建过程分解为五个层面,从抽象的概念到具体的表现,帮助团队系统地思考和决策。这五个层面自下而上构成一个整体,下一层的决策会影响上一层的选择。
用户体验的五个层面
一、战略层: 成功的基石
核心问题: 我们为什么要开发这个产品?用户想从产品中得到什么?
内容:
产品目标: 公司或组织希望通过产品实现什么商业目标?例如,增加收入、提升品牌知名度、降低成本等。
用户需求: 目标用户希望从产品中获得什么?他们的目标、需求、行为模式是什么?通常通过用户研究(访谈、问卷等)来获取。
产出: 商业案例、用户研究报告、战略文档。
二、范围层: 功能与内容的界定
核心问题: 我们要开发什么?产品需要包含哪些功能和内容?
内容:
功能规格说明(对于功能型产品): 对产品功能需求的详细描述。它关注“是什么”而非“怎么做”,应尽可能具体、客观。
内容需求(对于信息型产品): 确定需要向用户提供哪些文字、图片、视频等内容,并规划其内容结构和管理流程。
产出: 产品需求文档、内容清单。
三、结构层: 交互与信息的架构
核心问题: 用户如何与产品交互?信息如何被组织和呈现?
内容:
交互设计(对于功能型产品): 定义系统如何响应用户的请求和操作。设计用户完成任务的工作流。
信息架构(对于信息型产品): 设计内容的组织、结构和导航方式,使用户能够高效地找到所需信息。
产出: 流程图、站点地图、用户场景。
四、框架层: 界面、导航和信息的设计
核心问题: 产品看起来是什么样子?功能和信息安排在屏幕的什么位置?
内容:
界面设计: 选择和安排界面元素(按钮、输入框等),使用户能与之交互。
导航设计: 设计引导用户在产品中移动的元件,让用户始终知道自己身在何处、能去何方。
信息设计: 呈现有效的信息沟通,如如何排版、分组、强调内容,使其易于理解和阅读。
产出: 线框图、导航规范。
五、表现层: 感官体验的呈现
核心问题: 产品的视觉外观和感觉如何?
内容: 这是用户实际看到的层面,涉及:
视觉设计: 包括配色方案、字体排版、图标、图片等。
品牌一致性: 确保产品的视觉风格与品牌形象一致。
感知设计: 通过视觉手段,优化可用性,例如通过对比和留白来引导用户注意力。
产出: 视觉设计稿、高保真原型。
框架的应用价值
这个“要素”框架的价值在于:
提供共同语言: 为跨职能团队(产品、设计、开发、运营)提供了一个讨论用户体验的通用词汇和结构。
揭示决策依赖: 明确展示了“为什么上层面的决策依赖于下层面”的逻辑关系。例如,不能在没有确定“范围”(有哪些功能)的情况下,去设计“结构”(如何操作这些功能)。
防止本末倒置: 避免团队陷入“还没想清楚战略和范围,就开始争论按钮颜色”的陷阱。
结论
《用户体验要素》的五个层面模型,将一个复杂的产品创建过程变得清晰、可控。它教导我们,卓越的用户体验不是偶然产生的,而是通过从抽象到具体、从战略到表现的系统性思考和精心设计而来的。掌握这一框架,意味着掌握了构建以用户为中心的成功产品的底层逻辑。
