永远不要称自己为UI设计器：UI是UX

本文概述

• 用户体验与用户界面
• 为什么你不应该”为喜欢设计”
• UX设计原则
• 视觉设计仍然很重要
• UX / UI设计应由数据驱动
• 总结

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

同时, 尽管对设计师可能提供的设计服务进行了完美的描述, 但诸如”网站设计师”和”应用设计师”之类的传统职务如今已不那么普遍。对” UI”一词的迷恋到底是什么？为什么有些设计师将自己称为” UI设计师”或” UX / UI设计师”？

用户界面不是UX的一部分吗？

为什么” UI”变得如此流行？

用户体验与用户界面

我们作为设计师(和人类)都对事物的外观着迷。我们知道这是”内部最重要的东西”, 但我们仍然每天早晨在镜子前游行, 试图让我们再也见不到的随机陌生人看起来不错。

UI设计没有什么不同。我们希望用户界面在美学上令人愉悦, 并且无论我们是否接受, 我们都希望我们的工作受到赞赏和验证。由于在视觉上吸引人的事物会吸引更多人的目光, 因此这可能导致某些设计师将更多的时间投入到界面的外观而不是界面的工作方式上。 UI和UX之间的主要区别在于UI是它的外观, 而UX是它的工作方式。

根据尼尔森·诺曼集团(Nielsen Norman Group)的定义, “”用户体验”涵盖了最终用户与公司, 其服务和产品的交互的所有方面。”

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

仅举几例：

• 用户流程是否可以帮助用户快速实现其目标？
• 不论年龄或体力大小, 任何用户都可以访问UI吗？
• 可用性是否足以使用户可以轻松使用该网站？
• 设计决策是否受到可靠数据和用户研究的推动？
• 应用程序是否足够直观以猜测用户想要什么？

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

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

用户体验与用户界面(Shane Rounce的插图)

通常, UI是你与产品进行交互的方式(例如, 单击, 点击和语音交互), 而UX是用户感觉到的意见/情感(例如, 快速/慢速, 直观/令人困惑以及/或使用户感到高兴/沮丧)。

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

社交媒体上瘾。为何令人上瘾的还有另外一个故事, 那就是底线。人们通过”喜欢”在社交媒体上共享事物, 因为总而言之, 它激活了我们大脑中的奖励系统。当我们寻求性或食物时, 我们会以喜欢和追随者的形式寻求他人的认可-感觉很好, 随着感觉开始消退, 我们很快又寻求满足自己的欲望。一般人每天在社交媒体上花费近2个小时。

输入Dribbble, 或称为” Dribbble effect”。

Dribbble最初是为设计师提供的”展示和讲述”网站, 但很快它就成为了一种向喜欢的人而不是建设性的人展示设计作品的方法。这导致设计师上传专门针对喜欢的作品, 但这种风潮并没有止步于此。

与所有成瘾一样, 设计师开始寻找更多的方式来养成瘾, 包括伪造客户和应用程序概念, 以使Dribbblers能够”喜欢”一些东西。

怎么了

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

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

即使第一个示例并没有构成真正的设计摘要/客户, 并且顶层背景在某种程度上与设计本身无关, 但使这种情况变得更加不现实的是, 视觉元素超出了视口, 例如一种”突破第四壁”效应。设计的目的是”漂亮”, 但并不是可行的设计。

在此示例中, 设计牺牲了不切实际的视觉效果的意义和价值。

在此示例中, UI是为根本不存在的设备设计的。

这个示例看起来很美, 但是目前还没有设备允许我们以这种方式查看UI。

这个例子要好得多, 因为它展示了一个真实, 可行的设计, 没有花哨的时间。

对视觉设计的迷恋从何而来？

为喜欢的设计通常是源于对特定设计趋势的热爱, 而这种趋势已成为主流；例如, 苹果公司对平面设计和极简主义的使用有效地见证了拟态的终结。当然, 这两种视觉美学都没有错, 但设计某种东西纯粹是在艺术家而非设计师的职位描述上实现趋势边界, 并且当然不包含用户体验。

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

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

这导致懒惰的”设计者”回避为用户设计, 而实施趋势, 导致大量的赞。这导致人们对真正的设计有误解, 从而导致客户也有相同的想法。这对UX设计行业和想要设计最好产品的UX设计人员来说是一个巨大的障碍。

UX设计原则

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

• 速度
  • 应用或网站运行缓慢(还是感觉缓慢)？
  • 用户是否需要点击/滚动/互动超过必要的数量？
  • 有太多的干扰和/或决定要制定吗？
  • 是否存在阻止/延迟用户获得所需东西的摩擦？
• 直觉
  • 对用户来说, 他们下一步需要做什么？
  • 我们可以确定用户想要什么并相应地显示内容吗？
• 辅助功能
  • 不论年龄或残障人士, 用户都可以访问UI吗？
  • 我们是否考虑过许多​​不同类型的色盲？
• 易用性
  • 在移动设备上, 点击目标是否合适？
  • 大拇指容易触及目标吗？
  • 设计是否具有响应能力？它适用于所有设备吗？

Susan Weinschenk和Dean Barker(Weinschenk和Barker, 2000年)从许多来源(包括Nielsen, Apple和Microsoft)研究了可用性指南和启发式方法, 并生成了这套20种可用性启发式方法进行检验。

视觉设计仍然很重要

视觉设计在用户体验设计中扮演着重要角色, 因此我们不应该将UI与UX进行比较的原因-UI是UX的一部分。称呼自己为UI设计师的人只会将注意力转移到UX设计的更多魅力方面, 而很少考虑整个UX及其如何用于实现业务目标。

这是上面列出的UX设计原则, 仅这次, 我们将提到视觉设计是如何影响事物的：

• 速度
  • 用户是否可以使用对比度, 颜色和间距作为视觉提示来快速识别需要查看和交互的位置？
  • 折叠式UI /内容是否可以立即呈现, 在该屏幕上说明用户需要执行的操作以及明确的号召性用语？
• 辅助功能
  • 颜色选择是否产生足够的对比度？
  • 用户界面足够大, 适合那些看不清楚的人吗？
• 易用性
  • 是否有一个可视化的层次结构来说明每个元素的重要性？
  • 如果适用, 我们是否在视觉上传达信任和安全？
  • 我们是否实施了自然的微交互并澄清了用户所采取的操作？

将UI视为可以用来改善UX的工具, 而不是可以使UX”看起来更好”的光泽涂层, 这一点很重要。以亚马逊为例：他们每年的收入超过一千亿美元, 虽然他们的用户界面和结帐体验显然是直观的, 但从视觉美学的角度来看, 这在传统上并不有吸引力。

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

UX / UI设计应由数据驱动

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

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

总结

所谓的网页设计师或应用设计师, 甚至语音应用设计师或可穿戴设备设计师都没有错。它描述了你的身份, 客户将能够更快地了解你的工作。客户不在乎你的职位是否时尚, 或者Dribbble上有多少喜欢的设计。所有客户想知道的是, 你知道如何有效地解决用户体验, 同时考虑到公司的业务目标并根据数据而不是喜好和趋势来制定设计决策。

另一方面, ” UX设计器”一词也没有多大错, 也就是说, 如果你认为自己是设计所有类型接口的设计器。最重要的是, 重要的是, 作为设计师, 你必须选择真正能找到的职位。

• • •

在srcmini设计博客上进一步阅读：

• 电子商务UX –最佳做法概述(带有信息图)
• 以人为本的设计在产品设计中的重要性
• 最佳UX设计器产品组合–启发性的案例研究和示例
• 移动接口的启发式原理
• 预期设计：如何创建神奇的用户体验