UI 与 UX 设计有什么区别?

UX 设计似乎是一个广泛的话题。它被行业外的人误解了,围绕 UI 设计的困惑更加严重。非设计人员想知道:UI 和 UX 设计有什么区别?将两者分开的线在哪里?那条线真的存在吗?让我们回顾一下基础知识。

UI 和 UX 设计有什么区别?

许多人可能很难看到将两者分开的界线或了解它们之间的关系。让我们首先从UI设计开始。

由于计算机成功获得了图形用户界面,全球用户都可以与计算机和软件进行交互。从 1980 年代开始,界面已经改变了我们使用技术的方式的一切——需要长行代码,现在任何人都可以简单地单击一个按钮。

技术上的这一重要变化为设计人员提供了大量的操作机会。突然之间,设计人员需要创建与用户交互的完整界面,并完全放弃代码语言。这就是 UI 设计师的用武之地。

他们的目标是创建一个具体的、有形的界面,不仅可以完成产品的主要工作,还可以帮助用户挖掘他们的体验。从技术上讲,我们在界面中看到的一切都归功于 UI 设计师。

现在让我们退后一步,考虑 UX 设计。UX 设计涵盖了有关用户体验的所有内容,从基本功能到交互。UI 设计只关注界面,而 UX 设计则关注用户从产品中获得的整个体验。这意味着虽然 UI 是 UX 的一个重要方面,但它只是整体的有限部分。

让我们以谷歌为例。众所周知,谷歌的界面设计是极简主义的,并坚持使用输入和搜索按钮等关键元素。在 UI 设计方面,Google 提供了一个基本界面,结果以有意义的方式列出并帮助用户理解每个搜索结果。没有什么复杂的,没有任何视觉上的大惊小怪。

话虽如此,谷歌提供的用户体验远非基本。人们知道他们总是可以通过谷歌获取快速信息,这是谷歌将复杂代码保存在锁定密钥下的结果。Web 应用程序在提供一种让人们快速获得他们想要的体验方面走得很远。虽然 UI 相当简单,但它只是增加了专注于用户需求的用户体验。

 

1. UX 是关于用户解决问题的旅程

这是 UI 和 UX 之间的主要区别。界面设计是关于表面发生的事情,而用户体验设计涵盖了整个产品的深层功能。UX 设计师不仅要考虑用户在使用产品时的主要目标,还要考虑他们如何确保顺利、轻松地实现目标。

考虑和绘制用户旅程是 UX 设计的主要支柱。那是因为用户体验是关于确保人们确实能够实现他们的目标并解决他们的问题。这也意味着要考虑任何可能影响用户旅程的因素,无论是在产品内部还是在现实生活中。

这一切的 UX 远不止确保所有按钮都在那里 - 它是关于确保产品存在的原因是可靠的。主要功能能否发挥作用?用户真的能用产品解决问题吗?

 

2. UX 关注大和概念,而 UI 关注有形

与我们之前的观点相联系,我们还发现 UX 倾向于处理整个项目的更大问题。

用户体验设计师会担心产品的信息架构、战略和主要目标等问题。所有这些都代表了产品的高影响领域,处理了竞争和可以添加的次要功能等问题。这些可以彻底改变产品,塑造产品的本质。UX 设计师将处理以下问题:

  • 什么情况导致用户需要这个产品?
  • 为什么他们会选择这个而不是竞争对手?
  • 如何让产品体验更高效?
  • 所有产品要求是否一致?

作为交换,UI 设计师倾向于处理产品的更具体和具体的方面。与其担心用户为什么想要该产品,UI 设计师将专注于创建一个布局,以实现产品的主要功能(就像我们上面的 Google 示例一样)。

他们会担心创建一个反映和尊重信息架构的导航系统。他们会比较多种元素组合,直到选出最佳组合。它是直接和具体的,创建可以非常快速地进行文字测试的东西。

 

3、UI设计及时处理快照

的确,与 UI 设计相比,UX 设计可以被认为是一条更复杂的道路。然而,这并不是说 UI 设计无论如何都容易或简单。

即使 UX 设计师关心诸如用户旅程、用户角色和总体策略之类的事情- UI 设计师也有自己的因素需要处理。不同之处可能在于 UI 设计人员担心可以在快照中捕获的问题,即产品中可以隔离的单个点。

考虑接口。UI 设计师需要考虑UI 布局视觉层次和平衡、创建标签和建立一致的视觉风格等事项。这里还有其他因素在起作用,比如为可能的产品扩展创建指南或建立一系列可以在产品周围重复使用的元素结构。

当涉及到这些孤立的屏幕和结构时,用户体验当然会发挥作用。这部分可以解释和证明使用了哪些元素以及为什么选择它们。也许更重要的是,用户体验将挑战界面并旨在证明被遗漏的元素是合理的。

 

4. UX 设计包括项目管理

这是 UI 和 UX 设计之间的另一个关键区别。从本质上讲,UI 设计是关于具有艺术因素的人机交互。虽然 UX 将包括与 UI 相关的所有内容,但它比视觉或功能设计更进一步。

在用户体验设计的世界中,项目管理可能是一项至关重要的技能。这不仅是关于了解产品的重要元素,例如总体策略和围绕用例的上下文。UX 还处理更多的后勤和管理问题,所有这些在任何 UX 项目中都至关重要。

一个主要的例子是需求的收集和管理。这包括在概念和视觉之外走得更远,处理大量的研究,委派任务并在项目展开时保持无懈可击的记录。需求管理有很多变体,当涉及到控制每个小需求时,首先迫切需要铁杆。

草率的需求管理往往会导致松散的结局和漏洞百出的产品永远无法达到预期。设计团队不仅需要收集需求列表,将它们全部对齐并通过有形设计实现它们。需要对它们中的每一个进行细致的测试和验证,从而导致 UX 设计的复杂方面经常被忽视。

 

5. 我们对 UI 设计的想法正在迅速变化

用户体验设计始终超越简单的以数字屏幕为中心的产品。众所周知,用户体验可以通过各种有形的、真实的东西获得,例如咖啡机、微波炉或门把手。用户体验是一种广泛的概念,几乎涉及我们生活中的一切。

另一方面,UI 设计的本质已被定义并仅限于数字产品。很容易将 UI 设计写成狭隘而具体的东西,在现实世界中没有立足之地。然而,这可能不是定义 UI 设计的一种完全正确的方式——至少在不久的将来不会。突破边界的新型 UI 设计和我们对界面的深刻理解的关键示例包括语音界面设计和虚拟现实。

我们以语音界面设计为例。在这种情况下,将不会有用户可以参考的有形界面。没有按钮,也没有视觉元素。只有用户可以使用语音命令来控制产品。那么 UI 和 UX 之间的界限在哪里?在这种情况下,我们如何定义 UI 设计师的工作?

毫无疑问,看看 UI 设计师将来会处理什么样的事情会很有趣。数字产品的本质正在发生变化,不知道它会走向何方。在某种程度上,这就是 UI 和 UX 设计作为一个行业如此引人入胜和有趣的原因。

 

UI 和 UX 设计是否应该由同一个人来完成?

这是许多公司都在努力解决的问题。很明显,对于预算紧张的初创公司,有时为设计师提供两个独立的角色根本不是一种选择。但是人们应该强调这一点吗?

让我们说,UI和UX设计师往往会共享相同的技能,甚至可以共享一些相同的任务开始。众所周知,根据公司的不同,两位设计师之间的界限可能会有所移动,甚至可以完全消除。

在用户体验设计的世界里,对于什么是最好的,有不同的看法。有人说,有一个单人负责监管产品的所有方面都可以导致更全面的产品,提供了为用户提供一致的体验 - 使它成为一个双赢。然而,其他人会承认,让一个人戴两顶帽子会导致盲点和重要细节被忽视。

尽管如此,那些认为这两个角色不应该混在一起的人有一系列的优点。例如,一个是关于这些设计师倾向于拥有的一般背景。

由于 UI 设计的本质,我们发现大多数 UI 设计师都具有图形设计背景。这些人具有敏锐的视觉技能,并掌握了创建清晰交互元素的艺术。他们了解眼睛的工作原理,并寻求创建一个几乎不需要解释的界面。

相比之下,用户体验设计师通常来自不同的背景。事实上,我们中的许多人发现,最好的 UX 设计师来自与人打交道而不是设计的背景。需要大量同理心的工作角色,如护士,是一个很好的发现。事实上,用户体验设计师最受追捧的背景是心理学。

这些人可以将自己置于用户的脑海中,并且可以了解他们的目标和痛点。与其说是视觉技巧,不如说是为用户量身打造产品的能力。了解人们想要什么、他们如何生活以及他们的感受是我们所有人都无法自然习得的关键技能。然而,用户体验设计师为此而生。

这里的论点是 UI 和 UX 设计师往往是根本不同类型的人,这两种人在你的团队中都很重要。

业内人士面临的主要问题之一是,UI 设计只是整个 UX 的一部分。因此,通过担任单一设计师角色,您将迫使忽视一切的人专注于项目的一个非常特定的领域。

从业务管理的角度来看,削减管理整个项目所需的时间和精力是没有意义的。用户体验设计师已经有太多的事情需要管理,有太多的因素和元素需要处理——添加 UI 设计充其量似乎是不明智的。理想情况下,您需要两种不同类型的专家一起工作并且不会相互影响。

 

UI 和 UX 设计师协同工作:工作流程

尽管该理论似乎很清楚 UI 在哪里结束和 UX 从哪里开始,但实践可能有点迷雾。在两者之间划清界限的部分困难在于,许多公司以自己的方式做事,将这条界限放在更适合他们的地方。他们不一定以理论为指导,而是以当前情况下的实际情况为指导。

这意味着很难说一个通用的工作流程,其中 UXer 做 A、B 和 C,而 UI 设计师做 C、D 和 E。在某些地方,交互设计属于 UX 领域,其他地方则放在用户界面区域。话虽如此,产品设计过程中的一些关键任务往往会交给团队中的特定人员——让我们现在回顾一下其中的一些。

 

用户体验研究

研究对于任何新产品都绝对至关重要。它将揭示产品的用途、需要做什么以及有哪些因素在起作用。用户体验研究可以是真正的研究人员的工作,这已经不是什么秘密了,但它通常属于用户体验设计师,尤其是在小团队和公司方面。

诸如进行采访、创建用户角色和绘制用户旅程图之类的事情都倾向于团队中的 UXer。毕竟,这些工具旨在向我们展示我们正在为谁设计并从这项研究中得出结论需要大量的同理心。

这项广泛研究的结果将帮助整个团队继续进行设计,包括 UI 和 UX 设计师。这些将为解决方案的构思奠定基础,有助于指导每个人的工作。

 

设计研究和品牌推广

还有一点涉及UI设计研究。大多数情况下,这项研究是为了了解正确的视觉基调瞄准,以及了解哪些比赛做直到现在。一般来说,这是一种方式,UI设计师的越来越坐落在该产品的行业,了解合适的款式可能是什么样子。

与此类似,UI设计师也负责创建品牌的视觉识别的。在一些项目中,尤其是那些已经有一个既定的品牌,这可能并非如此。有时候,UI设计只需要创建一个视觉风格,连接和代表着一个品牌已经存在。其他时候,UI 设计师负责为该产品创建品牌视觉效果。

所有这些任务都指向 UI 设计师的同一个核心工作。在每个数字解决方案项目中,都需要创建一种可用且一致的视觉风格,而这正是这些设计师最闪耀的地方。

 

信息架构 (IA) 和导航设计

这两者都代表了解决方案的关键方面,信息架构通常由用户体验设计师负责。IA 创建产品中包含的所有信息的结构,包括提供的商品和产品正常运行所需的一切。这使得任何人都可以使用任何数字产品,以合乎逻辑的方式对事物进行分类和标记。

导航设计是非常重要的,并且通常是IA的亲密表示。这是确保用户可以导航、探索和发现整个产品的高速公路系统。产品的这方面可以属于 UX 或 UI 设计师,这取决于公司如何组织自己。

 

线框图

现在众所周知,线框图的起点并不高。这一切都始于创建几个潜在的布局,既可以有效利用空间,又可以实现 IA。这是 UI 设计的主要领域,因为它需要一定的技能才能看到空白空间并看到潜力。

UI 设计师通常会首先创建几种可能的布局,并考虑几个因素,例如必须包含哪些元素以及所有元素的视觉层次结构。这往往是在与 UX 设计师密切接触的情况下完成的,以便线框捕捉产品的关键特性和功能。

随着时间的推移,UI 设计师将与 UX 设计师合作,以便在此线框图上进行开发。UXer 添加了更多功能、交互和更实用的方面。UI 设计师添加了更多视觉元素、品牌和细节。这就形成了一个循环,导致一波又一波的测试和验证两位设计师的工作,直到产品开发结束。

 

原型设计和测试

从理论上讲,原型设计往往落在围栏的用户体验方面。这是因为尽管原型往往包含更多的视觉细节,但它们的行为更像成品。这意味着它们包括所有交互、解决方案的内部工作(包括以数据为中心的)和整个产品的一般功能等关键内容。

这不是关于原型看起来比线框更复杂。线框奠定了基础并仔细处理了空间分配,而原型则从整体上捕捉了产品的本质。而且,也许最重要的是,原型可以被彻底测试,通常是通过测试工具和专业原型工具的共同作用。

现在,值得注意的是,在大公司中,我们可以找到一个特定的团队,他们不一定要设计或创造——他们进行测试。他们测试一切。然而,对于我们大多数人,卑微的凡人来说,这种肌肉确实是不可能的。在大多数情况下,用户体验设计师还将负责测试和验证产品设计。

用户测试是整个项目的重要组成部分。它的设计师是如何知道哪个方向是向上,他们是如何发现错误,并发现改进。UI 设计师可能会参与界面的测试,但他们并不是负责整个测试的人。用户体验设计师必须测试与解决方案的界面和功能相关的所有内容——这是为了确保整个项目是合理的。

 

总结:UI 与 UX 设计

UI 与 UX 设计可能是一场艰难的对话。随着时间的推移,人们开始交替使用这些术语,并且应该将比赛场地分开的界限可能非常模糊。今天,每个设计团队都有自己的方法来确定谁做什么以及他们的职位是什么。

归根结底,UI vs UX 的理论只能让我们走到这一步。根据预算和时间限制,设计实践可能会因项目而异。然而,每个领域都需要一套独特的技能。一个人可以成为真正的 UI/UX 设计师吗?只有时间会给出答案!

 原文作者:Rebeka Costa
本页面最后更新于 2021年07月01日 10:04