8分钟阅读

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

Daniel Schwarz.
Daniel是一个由背景的设计师和开发人员,也是一个3x作者,一个带有Adobe和Invision的合作者,以及一个设计博客编辑器。
阅读 西班牙语 es. 本文的版本翻译 yesica danderfer

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

与此同时,尽管存在 完美的 设计者可能提供的设计服务的描述。这对这个词的魅力是什么 “UI” 所有关于?为什么一些设计师称自己为“UI设计师”或“UX / UI设计师”?

不是UI a 部分 of the UX?

为什么已成为这样的流行语?

ux. 与UI.

我们是设计师(作为人类),痴迷于如何看待。我们知道这是“内心的内心所在”,但我们每天早上仍然在镜子前面游行,试图为随机陌生人看起来很好,我们再也看不到。

UI. 设计 没有什么不同。我们希望我们的用户界面在美学上令人愉悦,以及我们是否承认或不承认,我们喜欢我们的工作,以欣赏和验证。由于视觉上有吸引力的事情变得更长,这可以带领一些设计师致力于接口看起来的更多时间,而不是它是如何工作的。 UI和UX之间的关键差异是那个 如何 看起来,而且 ux是 如何 作品.

根据定义 尼尔森诺曼集团, “”用户体验“包括最终用户与公司互动的各个方面,其服务及其产品。”

打电话给自己一个UI设计师就像说一样,“我更关注它的样子。”实际上,用户界面只是对用户体验的一个贡献。 UI之外还有许多其他因素有助于整体用户体验。

要命名一些:

  • 用户流程是否有助于用户快速实现目标?
  • 任何用户,无论年龄还是物理功能如何,都可以访问UI?
  • 用户可以轻松使用网站吗?
  • 设计决策是由稳固数据和用户研究驱动的吗?
  • 应用程序是否直观地猜测用户想要什么?

视觉设计仍然很重要。颜色仍然很重要,品牌仍然很重要,以及用户在用户与其交互时如何动画,但是当我们开始基于某种看法进行设计决策时, 我们不再为用户设计.

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

比较UI与UX的图像
用户体验与用户界面。 (插图by 谢恩爆炸)

作为一项规则, UI. 是您与产品互动的方式 (例如,点击,抽头和语音交互)和 ux. 是由此产生的意见/情感 由用户感受到(例如,它是快速/慢,直观/混淆,和/或使用户感到快乐/沮丧)。

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

社交媒体是令人上瘾的。 为什么 它是令人上瘾的是一个整体的故事底线,它是。人们在社交媒体上分享事物,因为简而言之,它激活了大脑中的奖励系统。我们以喜欢和追随者的形式寻求验证,就像我们寻求的性别或食物一样 - 感觉很好,因为感觉开始褪色,我们迅速再次寻求欲望。普通人花了 每天差不多两小时 on social media.

进入 德布布尔,或者相反,所谓的“DRIBBBLE效果 。“

DRIBBBLE开始作为设计师的“展示和讲述”网站,但它很快被称为展示喜欢的设计工作而不是建设性的反馈。这导致了设计师专门为喜欢的工作,而且这个时尚没有结束那里。

与所有上瘾一样,设计师开始找到更多方法来喂它​​,包括制作假客户和应用程序概念,以便有一些牵引者可以“喜欢”的东西。

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

那有什么问题?

设计是解决用户面临的问题。 如果我们没有考虑到用户,那么没有 问题 解决。如果没有 问题,然后我们只是为了它而可视化UI。我们不仅会有不切实际的事情,而且为想象中的理想设计无法帮助我们改善设计师。

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

尽管这个第一个例子没有形成真正的设计简介/客户,但是顶层背景有点带走了设计本身,这使得这更加不现实的是视觉元素延伸到视口之外,如a有点“打破第四”墙壁效应。虽然这一点 设计旨在“漂亮”, 这不是一个设计 这样可行.

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


设计真实设备的真实用户
这个例子,UI设计用于甚至没有存在的设备。


来自未来的3D UI
这个例子 看起来像艺术品一样令人惊叹,但目前没有任何设备让我们以这种方式查看UI。


一个精美的网站设计
这个例子 在没有钟声和口哨的情况下,它展示了一个真实,可行的设计。

这种对视觉设计的痴迷来自哪里?

为喜欢的设计往往来自于对具有主流的特定设计趋势的热爱;例如,Apple使用平面设计和极简主义,有效地看到了Skeoomorphism的结束。虽然当然存在任何一个可视美学没有问题,但纯粹是在艺术家的工作描述中实现趋势边界的东西,而不是设计师,肯定不会涵盖UX。

相反,首先, ux. 设计师s 应该看如何改善用户体验,如果填补视觉设计趋势,那么,才能填充那个void,只有那么我们应该使用它。

如前所述,收集“喜欢”激活我们大脑中的奖励系统。更准确地说,奖励增加了我们体内的多巴胺水平,多巴胺充当神经递质,当我们奖励自己时向大脑发送信息。大脑,非常感恩,让我们感到善于回报我们的行为。

这导致懒惰的“设计师”害羞地远离用户设计,而是实现将导致大量喜欢的趋势。这会导致对真正的设计的误解,这导致客户思考。这是对UX设计行业和UX设计师同行的巨大陷阱,他们想要设计最佳产品。

ux. 设计原则

不可能立即解释UX的许多概念,但这里是有助于有效的用户体验的基本因素,简而言之:

  • 速度
    • 应用程序或网站是否慢(或感觉慢)?
    • 用户是否需要单击/滚动/交互超过必要?
    • 有太多的分心和/或决定吗?
    • 是否有摩擦阻止/延迟用户获取他们想要的东西?
  • 直觉
    • 对用户明显是他们接下来要做什么的吗?
    • 我们可以确定用户想要什么和相应地显示内容吗?
  • 无障碍
    • 用户可以访问UI,无论其年龄还是残疾如何?
    • 我们是否考虑过许多​​不同类型的色盲?
  • 可用性
    • 在移动设备上,水龙头是适当的大小吗?
    • 拇指是否容易进入目标?
    • 是个 设计响应?它是否适应所有设备?

20可用性启发式
苏珊·韦林苏克迪恩巴克 (Weinschenk和Barker 2000)研究了许多来源的可用性指南和启发式(包括 尼尔森,Apple和Microsoft)并生成了这组20个可用性启发式抵消。

视觉设计仍然很重要

视觉设计在用户体验设计中起着巨大的作用,因此我们不应该将UI与UX-UI进行比较的原因是一个 部分 UX。打电话给自己一个UI设计师只关注UX设计的更加迷人的方面,同时放置在UX上的整体上以及它如何用于满足业务目标。

以下是上面列出的UX设计原则,只有这次,我们将提到如何 视觉设计 factors into things:

  • 速度
    • 可以用户吗? 迅速地 确定他们需要查看和互动的地方 对比, 颜色, 和 间距 as visual cues?
    • 上面折叠的UI /内容是否立即呈现,解释了用户需要在所述屏幕上进行操作,并有一个清晰的动作调用?
  • 无障碍
    • 颜色选择是否会产生足够的对比?
    • 对于那些难以看见的人来说,UI足够大吗?
  • 可用性
    • 是否有一个可视化层次结构,说明每个元素的重要性?
    • 我们是否在适用时直观地传达信任和安全性?
    • 我们是否实施了觉得自然的微互动,并澄清了用户所采取的行动?

重要的是要将UI视为可用于改善UX的工具,而不是一个可以使UX“看起来更好”的闪亮涂层。例如,拿亚马逊:他们每年制作超过千亿美元,而他们的UI和结账经验显然是直观的,它 在视觉美学方面不可能吸引人.

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

ux. / UI设计应由数据驱动

应该驱动UX设计(包括UI) 用户 research (跟踪分析,用户访谈,客户调查), 可用性测试,瘦ux工作流程(包括 原型设计,内部反馈和常规运输),以及其他任何内容提供数据和洞察,用户如何与接口(或整个业务)交互。

如果应用程序或网站没有对预期标准进行预期,这些定性和定量的用户研究方法可以帮助 ux. 设计师s 做出更有效的设计决策,无论是与用户流还是只有颜色的决定。这是这种数据驱动的设计方法 UI. 和UX. 一个和同样的事情。

结论

被称为网页设计师或App Designer,甚至是语音应用程序设计师或可穿戴设备设计师,没有任何问题。它描述了您所在的,客户将能够掌握您做的更快。客户不在乎您是否有一个时尚的职位或有多少人喜欢DRIBBBLE。所有客户都想知道,您知道如何有效解决用户体验,同时考虑公司的业务目标,并制定由数据驱动的设计决策而不是喜欢和趋势。

另一方面,如果您认为自己是设计所有类型的接口的设计师,则术语“UX Designer”的错误与众不同。最重要的是,重要的是,作为设计师,您可以选择真正认同的职称。

进一步阅读顶部设计博客:

理解基础知识

UI. 和UX之间有什么区别?

UI. 是用户与实现目标的界面,UX是用户在导航和交互时对产品的整体体验。

什么是UX​​设计师?

ux. 设计器是设计用户体验的设计者。他们的工作是分析用户的意图和目标以及设计方法,同时也在考虑客户的业务目标时更轻松地实现这些目标。

什么是ux和可用性?

ux. 是用户对产品的整体体验,而可用性专门在导航,交互,移动响应性等方面使用的产品是多么容易。

设计中的问题是什么?

在设计中解决的问题是设计快速,直观,可访问和可用的用户体验,作为帮助用户解决他们遇到的问题的手段。