永远不要称自己为 UI 设计师:UI 就是 UX

已发表: 2022-03-11

UI 和 UX 是两个非常常见的设计术语; 但是,这些术语经常在错误的上下文中被抛出。

同时,“网站设计师”和“应用程序设计师”等传统职位如今已不常见,尽管它们完美地描述了设计师可能提供的设计服务。 对“UI”这个词的迷恋到底是什么? 为什么有些设计师称自己为“UI设计师”或“UX/UI设计师”?

UI 不是 UX 的一部分吗?

为什么“UI”会成为这样一个流行词?

用户体验与用户界面

作为设计师(和人类),我们痴迷于事物的外观。 我们知道“重要的是内在的东西”,但我们仍然每天早上在镜子前炫耀自己,努力让我们再也见不到的随机陌生人看起来不错。

UI设计也不例外。 我们希望我们的用户界面在美学上令人愉悦,无论我们承认与否,我们都希望我们的工作受到赞赏和验证。 由于视觉上吸引人的东西会吸引更多人,这可能会导致一些设计师将更多时间投入到界面的外观上,而不是它的工作原理上。 UI 和 UX 之间的主要区别在于 UI它的外观,而UX 是它的工作方式

根据尼尔森诺曼集团的定义, “‘用户体验’涵盖了最终用户与公司、服务和产品交互的所有方面。”

称自己为 UI 设计师与说“我更关注它的外观”几乎是一样的。 实际上,用户界面只是对用户体验的一种贡献。 除了 UI 之外,还有许多其他因素会影响整体用户体验。

仅举几例:

  • 用户流是否帮助用户快速实现目标?
  • 任何用户,无论年龄或身体能力如何,都可以访问 UI 吗?
  • 可用性是否足够好,用户可以轻松使用该网站?
  • 设计决策是由可靠的数据和用户研究驱动的吗?
  • 应用程序是否足够直观,可以猜测用户想要什么?

视觉设计仍然很重要。 颜色仍然很重要,品牌仍然很重要,当用户与之交互时 UI 如何动画仍然很重要,但是当我们开始根据外观做出设计决策时,我们不再为用户设计

事实上,我们甚至没有设计。 我们在做艺术。

比较 ui 与 ux 的图像
用户体验与用户界面。 (Shane Rounce 的插图)

通常, UI 是您与产品交互的方式(例如,点击、点击和语音交互),而UX 是用户感受到的最终意见/情感(例如,它是快/慢、直观/混乱,以及/或使用户感到高兴/沮丧)。

为什么你不应该“为喜欢而设计”

社交媒体令人上瘾。 为什么它会上瘾是另一回事——归根结底,确实如此。 人们在社交媒体上分享东西是为了“点赞”,简而言之,它会激活我们大脑中的奖励系统。 我们以喜欢和追随者的形式寻求他人的认可,就像我们寻求性或食物一样——感觉很好,随着这种感觉开始消退,我们很快再次寻求它来满足我们的欲望。 普通人每天在社交媒体上花费近两个小时。

进入 Dribbble,或者更确切地说,是所谓的“Dribbble 效应”。

Dribbble 最初是一个面向设计师的“展示和讲述”网站,但它很快就被认为是一种展示设计作品以获得喜欢而不是建设性反馈的方式。 这导致设计师专门为喜欢上传作品,而这种时尚并没有就此结束。

与所有上瘾一样,设计师开始寻找更多方式来满足它,包括编造假客户和应用程序概念,只是为了拥有 Dribbblers 可能“喜欢”的东西。

订阅 Toptal 设计博客并接收我们的电子书

那有什么问题?

设计是关于解决用户面临的问题。 如果我们在设计时没有考虑到用户,那么就没有需要解决的问题。 如果没有问题,那么我们只是为了它而将 UI 可视化。 我们不仅最终会得到一些不切实际的东西,而且为想象中的理想进行设计也不会帮助我们提高设计师的水平。

让我们来看看 Dribbble 上的一些设计灾难。

尽管第一个示例并未形成真正的设计简介/客户,并且过度的背景在某种程度上脱离了设计本身,但更不切实际的是视觉元素延伸到视口之外,例如一种“破四壁”效应。 虽然设计的目的是“漂亮”,但它不是一个有效的设计。

设计趋势与有意义的设计
在这个例子中,设计牺牲了不切实际的视觉效果的意义和价值。


使用真实设备为真实用户设计
在此示例中,UI 是为甚至不存在的设备设计的。


来自未来的 3d 用户界面
这个例子看起来像一件艺术品,但目前还没有设备允许我们以这种方式查看 UI。


精美呈现的网站设计
这个例子要好得多,因为它展示了一个真实可行的设计,没有花里胡哨。

这种对视觉设计的痴迷从何而来?

为喜欢而设计通常源于对已成为主流的特定设计趋势的热爱; 例如,Apple 对平面设计和极简主义的使用有效地见证了拟物化的终结。 虽然这两种视觉美学当然都没有错,但纯粹为了实现一种趋势而设计一些东西接近于艺术家的工作描述,而不是设计师,它当然不包括用户体验。

相反,首先,用户体验设计师应该着眼于如何改善用户体验,如果视觉设计趋势恰好填补了这一空白,那么,只有那时我们才应该使用它。

如前所述,收集“喜欢”会激活我们大脑中的奖励系统。 更准确地说,奖励会增加我们体内多巴胺的水平,而多巴胺作为一种神经递质,当我们奖励自己时会向大脑发送信息。 大脑非常感激,作为对我们行为的回报,让我们感觉良好。

这导致懒惰的“设计师”回避为用户设计,而是实施将导致大量喜欢的趋势。 这会导致对设计的真正含义产生误解,从而导致客户产生相同的想法。 这对 UX 设计行业和想要设计最好产品的 UX 设计师同行来说是一个巨大的伤害。

用户体验设计原则

一次解释 UX 的许多概念是不可能的,但简而言之,以下是有助于有效用户体验的基本因素:

  • 速度
    • 应用程序或网站是否缓慢(或感觉缓慢)?
    • 用户是否需要更多地点击/滚动/交互?
    • 是否有太多的分心和/或决定要做?
    • 是否存在阻碍/延迟用户获得他们想要的东西的摩擦?
  • 直觉
    • 对用户来说他们接下来要做什么是显而易见的吗?
    • 我们能否确定用户想要什么并相应地显示内容?
  • 可访问性
    • 用户是否可以访问 UI,无论其年龄或残疾如何?
    • 我们是否考虑过许多​​不同类型的色盲?
  • 可用性
    • 在移动设备上,点击目标的大小是否合适?
    • 目标是否容易被拇指访问?
    • 设计是否响应? 它适用于所有设备吗?

20个可用性启发式
Susan Weinschenk 和 Dean Barker(Weinschenk 和 Barker 2000)研究了来自许多来源(包括 Nielsen、Apple 和 Microsoft)的可用性指南和启发式方法,并生成了这组 20 个可用性启发式方法来检查。

视觉设计仍然很重要

视觉设计在用户体验设计中发挥着巨大的作用,因此我们不应该将 UI 与 UX 进行比较——UI 是 UX 的一部分。 称自己为 UI 设计师只会引起人们对 UX 设计更迷人方面的关注,而对整体 UX 以及如何使用它来实现业务目标的关注较少。

以下是上面列出的 UX 设计原则,只是这一次,我们将提到视觉设计是如何影响事物的:

  • 速度
    • 用户能否使用对比度颜色间距作为视觉提示快速识别他们需要查看和交互的位置?
    • 首屏 UI/内容是否立即呈现,解释用户需要在所述屏幕上做什么,并有明确的行动号召?
  • 可访问性
    • 颜色选择是否产生足够的对比度?
    • 用户界面是否足够大,适合那些看不清的人?
  • 可用性
    • 是否有一个视觉层次结构来说明每个元素的重要性?
    • 在适用的情况下,我们是否在视觉上传达了信任和安全感?
    • 我们是否实施了感觉自然的微交互并阐明了用户正在采取的行动?

重要的是要将 UI 视为一种可用于改进 UX 的工具,而不是可以使 UX “看起来更好”的闪亮涂层。 以亚马逊为例:他们每年的收入超过 1000 亿美元,虽然他们的 UI 和结账体验显然很直观,但在视觉美学方面并不具有传统吸引力。

亚马逊
亚马逊在 2017 年最后三个月赚了 19 亿美元,但你不会从它的 UI 设计中猜到。

UX/UI 设计应该由数据驱动

UX 设计(包括 UI)应该由用户研究(跟踪分析、用户访谈、客户调查)、可用性测试、精益 UX 工作流程(包括原型设计、内部反馈和定期发货)以及任何其他提供数据的东西驱动并深入了解用户如何与界面(或整个业务)交互。

如果应用程序或网站的性能未达到预期标准,这些定性和定量用户研究方法可以帮助 UX 设计师做出更有效的设计决策,无论是与用户流相关的决策还是仅与颜色相关的决策。 正是这种数据驱动的设计方法使 UI 和 UX 成为一回事。

结论

被称为网页设计师或应用程序设计师,甚至是语音应用程序设计师或可穿戴设备设计师都没有错。 它描述了您的身份,客户将能够更快地掌握您的工作。 客户不在乎你是否有一个时髦的职位或一个设计在 Dribbble 上有多少喜欢。 所有客户都想知道的是,您知道如何有效地解决用户体验问题,同时考虑公司的业务目标,并根据数据而非喜好和趋势做出设计决策。

另一方面,“用户体验设计师”这个词也没有太大的问题——也就是说,如果你认为自己是一个设计所有类型界面的设计师。 最重要的是,作为一名设计师,你选择一个你真正认同的职位是很重要的。

• • •

进一步阅读 Toptal 设计博客:

  • 电子商务用户体验——最佳实践概述(附信息图)
  • 以人为本的设计在产品设计中的重要性
  • 最佳 UX 设计师作品集——鼓舞人心的案例研究和示例
  • 移动界面的启发式原则
  • 预期设计:如何创造神奇的用户体验