关于UX设计师的普遍看法是， 我们是可以从空白画布创建漂亮界面的艺术家。尽管产品的美学很重要，但视觉设计只是设计过程的一个方面–具有不同技能和专长的团队成员彼此协作。对用户体验设计的各个组成部分的了解可以帮助初学者评估要专注于哪些技能，并帮助公司欣赏跨学科的产品团队，并雇用合适的团队成员组合来提供出色的体验。

杰西·詹姆斯·加勒特（Jesse James Garrett）在他的《用户体验的要素》一书中提供了UX设计各个方面的框架。该框架最初是为网站绘制的，但它适用于所有数字应用程序，可以帮助使视觉设计与UX设计之间的关系更加清晰。

Garrett的用户体验元素

杰西·詹姆斯·加勒特（Jesse James Garrett）的5个策略，范围，结构，骨架和表面平面构成了用户体验的要素

Garrett将用户体验的元素分解为5个平面，依次排列。堆栈的最底部是最抽象的平面-策略。随着我们在各平面上的移动，我们变得越来越抽象，越来越不可见。最顶部的平面是Surface，它是UX设计中最可见或最具体的方面。

我们可以通过类比来了解框架。

战略

假设您有一块土地，想建造一栋建筑物。该项目的前几个决定包括：为什么要建造建筑物？是居住还是用于商业目的？谁可能想租这栋楼？该位置对潜在的买家或租房者有利吗？您咨询评估师和律师以帮助您做出这些决定。通过这些问题，您可以确定业务目标和用户需求。

范围

在战略层面上做出的决定会影响范围。对于建筑物，您咨询专业人士，该专家检查土地以评估在其上可能建造的房屋–独立式房屋，公寓楼，办公空间或购物中心。项目的范围定义了满足业务目标和用户需求的价值主张，产品和功能。

结构体

确定范围后，您的建筑师将创建一些蓝图，以显示不同房间，走廊，洗手间，电梯和楼梯的入口和出口。这就是结构- 用户如何与产品功能交互并在产品功能中导航。

骨架

建筑师根据蓝图创建草图或3D模型，并包括内部细节。建筑师还寻求建筑商的帮助，为建筑物的一部分创建完整的样本，并配有家具和配件，以给您更真实的空间感。在这里，在“骨骼平面” 上，可以看到产品的界面。

表面

最后，室内设计师可以帮助您确定各个房间的墙壁，地板，家具和配件的颜色。表面层是表示层所在的位置。

数字“建筑”

让我们将此框架应用于虚拟数字产品。

UX团队首先确定用户，他们的挑战以及用户当前如何解决这些挑战。他们进行调查和采访，并使用诸如用户角色和客户旅程图之类的工具。在这些活动结束时，团队可能发现，例如，自由撰稿人（潜在用户）发现难以维护账簿（挑战）。可能现有的应用程序无法满足其服务的特定性质（机会）。

用户体验设计师通常与业务利益相关者紧密合作，以进行与战略相关的活动和决策。

该团队的奇思妙想，以确定潜在的解决方案，然后作用域出来的价值主张。假设团队决定为自由作家提供免费的移动应用程序。他们确定了应用程序的不同功能，并创建了产品路线图，该路线图将优先介绍的功能放在首位。设计师会咨询业务利益相关者以及技术团队来制定路线图。

然后，团队开始研究应用程序的结构。这通常包括不同类型的流程图和地图，它们指示信息如何分类以及用户如何浏览产品。假设要推出的第一个功能是发票。团队对与发票相关的不同数据进行分类-发货日期，付款条件，到期日等。可能还有其他数据，例如客户名称，联系信息和付款方式。然后，团队以逻辑方式识别这些不同数据之间的关系。有时由称为信息架构师的专家来处理此任务。

应用程序的骨架是创建第一个工程图（以线框形式）的位置。线框是简单的线条图，通常只不过是标记框和在屏幕上描绘不同项目的线条。可以将这些线框转换为原型，以了解应用程序的工作方式。

的表面是所有视觉设计元素-色彩，字体，图标和插图-进入图片。这也包括内容和微观内容，例如标签，标题，消息和说明。

如我们所见，UX设计是一门广泛的学科，许多专家可以处理特定的活动，例如研究，信息体系结构，视觉设计和文案写作。

在大多数UX设计过程中，可交付成果将包括以流程图或地图形式显示的信息，而这些信息不需要艺术技能。

视觉设计的作用

“视觉设计问题可以迅速关闭用户，以至于他们永远不会发现您通过导航或交互设计做出的所有明智选择。”
–杰西·詹姆斯·加勒特

因为它是UX设计中最（也是唯一）可见的方面，所以刚接触该领域的人认为视觉设计是UX设计人员角色的最大组成部分。但是，正如我们已经看到的那样，视觉设计通常是设计过程中做出的最后决定之一，而且表面之下的产品还有很多。

尽管您可能具有执行所有任务的技能，但您可能会成为团队的一部分，而不是独自工作。在设计过程中，两个（和多个）头要比一个头好！一组设计师提供不同的观点，并且可以产生更多的想法，更不用说并行工作以加快工作速度了。您可能会发现您可以进行调查并有效地分析结果，而另一位团队成员则可以创建插图或调色板。

UX设计还需要与业务和技术相关的决策，这需要跨学科的团队来做出决策，例如：

• 产品将如何产生收入？

• 我们应该在产品上投放第三方广告吗？

• 是否可以与类似产品进行协作/集成以提供更全面的体验？

所有这些决定都会以不同的方式影响产品-从广泛的功能集（范围）到独立屏幕（表面）上的小图标。

团队中从事视觉设计的专家称为用户界面（UI）设计师。当您看到职位描述时，将UX设计人员的角色称为UI / UX，这意味着该公司正在寻找视觉设计以及研究，信息架构和线框图方面的熟练技术人员。

但这并不意味着专门的视觉设计师不应理解用户体验设计的原理。作为与用户接触的第一点，视觉设计非常重要。如果用户不喜欢自己看到的内容，那么她可能根本就不会花时间去探索产品。一旦用户决定探索产品，美学必须与基础架构保持一致，并遵守可用性原则，以提供使用户满意的体验。例如：

• 表面上的购物车图标可让用户轻松了解潜在的购买功能。

• 背景和前景色之间的高对比度使文本易于阅读。

• 如果将屏幕上的交互式元素设置为按钮样式，则所有屏幕上的样式相同，因此可以轻松识别交互式元素。

重复。重复。重复。

不用说我们对UX设计的讨论是不完整的，与我们最初示例中的物理构建不同，UX设计团队的工作从未完成。在设计过程的每个阶段，团队都要测试其假设和设计。该团队与实际用户进行启发式评估和可用性测试，以确定改进和机会的范围。

团队可能会问的一些问题是：

• 我们对用户的了解程度如何？我们正在解决正确的问题吗？（战略）

• 产品是否解决了问题？哪些功能可以帮助解决问题？（范围）

• 产品功能易于使用吗？（结构，骨架，表面）

可用性测试的结果通常会对在其他飞机上做出的决策产生连锁反应。

拿走

UX设计是一门广泛的学科，涉及多个活动和技能。按照抽象的顺序，UX设计包括在策略，范围，结构，骨架和曲面平面上做出的决策。视觉设计是Surface平面的一部分，并且是设计项目期间做出的最后决定之一。

尽管UX设计师可以拥有与用户体验设计相关的所有技能，但UX团队通常会聘请设计过程中一个或多个方面的专家。视觉设计师（也称为用户界面（UI）设计师）是专注于用户体验的视觉方面的专家。尽管UX设计师不必是视觉设计师，但视觉设计师必须了解UX设计的原理，以确保用户拥有无缝的体验。