用户体验的要素（The Elements of User Experience）是一个著名的模型，早在 2000 年，加勒特就将自己绘制的用户体验模型发布到互联网上，该模型对用户体验设计的指导非常清晰明确，被数万人下载。模型中概括了用户体验设计过程中的核心环节和流程，这个模型是一种自下而上的构建方式，包括战略层（Strategy）、范围层（Scope）、结构层（Structure）、框架层（Skeleton）、表现层（Surface）。
每一个层面都是根据它下面的那个层面来决定的，在较高层面的决定有可能影响较低层面决策的重新评估。在每个层面，需要把抽象的问题具体化，使人更易于理解。在模型的最底层不再关注站点的最后形式，只关注站点怎样适应战略而且满足用户的需要；在最顶层，关注的是网站外部特征的展示。在推进方式上，每个层面的工作并不是完全割裂的，而具有一定的重叠。
1. 战略层（Strategy）
战略层位于模型的最底层，是网站设计的基石，主要包括网站目标（Site Objectives）和用户需求（UserNeeds）的定义。这个层面的主要产出物是网站的商业计划书，用来明确企业和用户双方的既得利益，解决两者之间的冲突，找到平衡点，确定产品原则和定位，这将有助于确立用户体验的各个方面。也就是说，需要把商业利益和其他目标结合在一起，并且与用户的需要和愿望保持一致。成功的用户体验，其基础是一个被明确表达的“战略”。知道企业与用户双方对网站的期许和目标，有助于制定用户体验战略。
2. 范围层（Scope）
范围层包括网站的功能规格（Functional Specifi cations）和内容需求（Content Requirements），主要指网站包括哪些范围的特征和功能，在一定范围内它针对不同的特征和功能，选择不同的技术手段，确保用户体验与站点的信息资源组织与服务业务的开展相一致。从软件的角度来说，它需要创建功能规格，形成对网站“功能组合”详细描述；在信息空间方面，范围层则是以内容需求的形式出现，明确各种内容元素的要求的详细描述。这部分的主要产出物是网站功能需求及内容需求文档。
3. 结构层（Structure）
结构层确定站点的各种特征和功能组合的方式，主要解决用户所需信息的分布结构，区分信息的重要程度，以确定导航目标设置，允许用户按需浏览有序分布的信息源。在软件方面，结构层的内容是交互设计 (Interaction Design)，定义系统如何响应用户的请求，产出物是交互流程图，在信息空间中内容元素的结构化设计，产出物是网站结构图。
4. 框架层（Skeleton)
框架层需要确定详细的界面外观、导航和信息设计。框架层的作用在于优化设置这些元素，使之产生最大的效应和效率，这部分的产出物是线框图和交互原型。无论是软件界面层面还是信息空间层面，完成信息设计 (Information Design) 都是必要的。另外，在软件方面，框架层的内容是界面设计 (Interface Design)，要安排好能让用户与系统功能产生互动的各界面元素。对于信息空间方面，这种界面就是导航设计 (Navigation Design)。
5. 表现层（Surface）
表现层的主要内容是视觉设计（Visual Design），将内容、功能、美学结合起来，呈现出最终的设计，由一系列网页构成。表面层要素包括色彩、文字、图形和布局，表现层要完成最终的视觉细化，要实现通过有形界面将网站信息进行合理展示和有效使用的目的。表现层虽是整个模型的最后一个层面，但确实是使用户建立对网站的良好印象的重要因素。用户对一个网站的印象，在其加载的几秒间就已形成。也就是说，色彩、布局和标题的展现方式等，在内容被认可前就已被评估了。用户不会一上来就进行深度阅读，网页的视觉设计可以影响甚至决定用户先看到什么，以及用户的视线的移动。
