作为技能集的交互设计

每一个现代产品设计都必须掌握三项核心技能：产品思维、视觉设计和交互设计。

一般来说，你应该三个都擅长，但要掌握两个。 大多数设计师可以通过在线资源、实践和交付真实产品来自学视觉设计和产品思维。

作为一家 FAANG 公司的产品设计负责人，该公司已经指导了数百名有抱负的设计师，交互设计往往是设计师自学最具挑战性的核心技能。

在本文中，我提供了学习和提高交互设计技能的基础和框架。

定义交互成本

交互设计背后的基本概念是“交互成本”，它通常用于衡量产品的可用性。 Nielsen Norman 将“交互成本”定义为用户为实现目标而必须付出的身心努力的总和。

一般来说，我们希望尽可能降低交互成本。 但是，这很困难，因为您的产品涵盖的用例越多，这变得越困难。

支持更多用例和功能会增加产品信息架构 (IA) 和导航的复杂性。 用例是一系列步骤，从用户的目标和实现该目标时的结果开始。

更复杂的 IA 本质上会增加完成用户目标所需的点击次数。 例如，iOS 时钟应用程序具有以下闹钟用例目标：打开闹钟、创建新闹钟和编辑闹钟。

经验法则侧重于降低目标用户主要用例的交互成本。 每当产品容纳太多用例（例如，具有一百万个下拉菜单和功能的企业产品）时，它就会变得更难使用。 在构建全新产品时，选择要关注的特定用户和用例。

身心互动成本（Physical and Mental Interaction Costs）

大多数初级设计师都有这样的误解，即交互成本等于用户完成任务所需的点击次数。

然而，它比这更深。互动成本可以分为心理互动成本（MIC）和身体互动成本（PIC），我将在下面解释。

首先找到关键用户流

最佳实践是确定主要用例（即红色路线），并在必要时以牺牲第二和第三用例为代价降低其交互成本。

您可以使用红色路由分析（RRA）来评估哪些用例交互流对您的主要用户最重要。

红色路线往往至关重要，包含多个步骤的端到端任务，经常使用，为高容量使用而构建，提供最大价值，具有明确的成功标准，并与产品指标相关联。

如果产品是实时的，您可以通过用户访谈或数据创建RRA。

例如，在 Uber 应用中，乘客的红色路线是叫车，而他们的正常路线是添加支付方式。

特斯勒定律

根据 Tesler 的复杂性守恒定律，所有系统都具有无法去除或隐藏的内在复杂性。

良好的设计确保尽可能多的复杂性负担由系统而不是用户承担。

您应该首先降低主要用例中的交互成本，并将复杂性负担转移到最不重要的用例上。

Tesler 认为，设计师和工程师应该多花一周时间来降低应用程序的复杂性，而不是让数百万用户多花一分钟。

注意不要将接口简化到抽象点。一个常见的陷阱是以 MIC 为代价来减少 PIC；我在看着你，苹果。

当系统处理了尽可能多的内在复杂性时，您应该将其余的复杂性从主要用例转移到次要和三次用例。

由于这个原因，大多数数码产品都有复杂的设置。在大多数情况下，设置通常是第三个用例，很少使用。

想象一下，如果您总是看到设置屏幕而不是主屏幕，并且需要单击几次才能到达您需要的屏幕。您可能会对不合理的交互成本感到沮丧。

心理互动成本 (MIC)

心理交互成本（MIC）经常被只关注物理交互成本（PIC）的初级设计师所忽视。

您可能已经注意到，在可用性较差的产品中，常见的 MIC 包括复杂的导航、密集的指令、非常规的心智模型和交互模式等。

注意与记忆

MIC最重要的两个组成部分是注意力和记忆。

当一项任务需要过多的注意力或记忆才能完成时，它的可用性会相应地降低。

一些增加注意力成本或转移注意力的常见元素包括弹出横幅、模型、吸引注意力的视觉效果以及与用户当前任务无关的动作。用户很容易分心。当他们试图完成一项任务时，确保你没有把他们的注意力转移到别处。

评价注意力

如果你想评估你的界面有多大的注意力，考虑做一个眼动追踪研究（ETS）。您可以使用ETS不仅可以推断用户看什么，还可以推断他们在想什么。

ETS特别检查了两种相关的眼球运动：“注视”和“扫视”当用户的瞳孔停留在界面元素上足够长的时间来处理它时，就会发生注视。眼跳发生在眼球运动时——在界面内的不同区域之间快速移动。

如果你的ETS显示了许多与任务无关的扫视动作，很可能是因为界面分散了注意力。您的ETS结果可以帮助您了解用户是否缺少界面中的关键元素，哪些内容会分散注意力，哪些内容是不必要的。

工作记忆

所有不同类型的记忆都有广泛的分类。

作为设计师，工作记忆（短期记忆的一部分）是最相关的。最短的内存类型称为工作内存，在一项任务中通常只持续几秒钟。

换句话说，当我们参与其他认知过程时，我们的工作记忆负责我们头脑中所能掌握的信息。

米勒定律指出，普通人一次只能在工作记忆中保留5-11个项目。在您的产品中完成任务所需的工作内存与您对用户施加的麦克风负担成正比。

相反，您的任务在任何时候都不应该要求用户在其工作记忆中保留七个以上的项目。

在需要用户记忆超过 11 个项目的罕见场景中，使用“分块”来减轻他们的心理负担。 分块是将信息集的各个部分分解然后组合成一个有意义的整体。

例如，我们将电话号码记为 XXX-XXXX 而不是 XXXXXXX。 将数字分成两部分比七个单独的单位更容易记住。

另一个与注意力和记忆相关的考虑因素是“希克定律”。 法律规定，“做出决定所需的时间随着选择的数量和复杂性而增加。

避免过多的选择让用户不知所措，尽可能突出最适合他们的选项。 将复杂的任务分解成更小的步骤，即在适当的时候使用渐进式披露。

物理交互成本 (PIC)

我不会详细介绍 PIC，因为大多数设计师都非常了解它们。

常见的 PIC 因素包括到达距离和目标宽度（菲特定律）、完成任务所需的用户输入和操作数量等。

菲特定律指出，击中目标的时间（例如，单击按钮）是与输入设备的距离和目标的命中框宽度的函数。

例如，如果您的鼠标光标离得很远并且按钮很小，则单击桌面上的按钮将花费更长的时间。

评估 PIC 的一种极好的方法是“任务分析”和检查可用性指标，例如“任务时间 (TT)”。

TA 的根源是查看完成用户目标所需的任务数量、这些任务的频率、物理要求和任务时间。

TA 和可用性指标是高级主题，需要一个完全单独的注释，因此我将其保存以备下次使用。

要避免的常见陷阱

根据 Nielsen Norman Group 的说法，产品中导致交互成本增加的一些最常见的方面包括：

• 过度阅读和滚动
• 环顾四周寻找相关信息用户
• 理解呈现给用户的信息
• 物理用户输入
• 页面加载和等待时间
• 注意开关
• 内存负载

情境交互成本

根据用户的不同，上述陷阱可能或多或少是严重的。例如，阅读障碍用户发现阅读比普通用户更具挑战性（专业提示：使用阅读障碍友好字体，如“Dyslexie”）。

https://miro.medium.com/max/1280/1*tKDhp9jSD7jVjq6TAFBRkw.gif

有运动障碍的用户可能会发现点击比阅读更难。 甚至用户的设备也可以发挥重要作用。 例如，如果蜂窝网络覆盖缓慢，移动设备上的页面加载可能需要很长时间。

互动路径和动机

在某些情况下，用户可以采用多种可能的路径来实现他们的目标。 用户根据“预期效用”的概念决定走哪条路； 定义为预期效用 = 预期收益 - 预期交互成本。

换句话说，用户权衡每个行动的收益和成本，并选择具有最佳收益与成本平衡的路径。

用户将倾向于具有最低估计交互成本的路径。 即使存在成本较低的路径，如果该路径不直观或不熟悉，由于 MIC 较低，他们最终会选择他们更熟悉的路径。

具有高动机的用户（例如，由于您的营销或品牌推广）更有可能为完成他们的目标付出高昂的互动成本。 例如，如果苹果网站的交互成本很高，用户可能仍然有足够的动力来完成他们的任务。

但是，如果用户想购买通用产品，并且结账过程的交互成本很高，他们会从竞争对手那里购买。

有关更多详细信息，请查看 Nielsen Norman Group 关于如何评估用例交互成本的示例，“找出‘仪式’一词的来源。”

结论

交互成本是任何现代产品设计师的一项重要技能。 我鼓励您超越表面的交互设计考虑，深入研究众多 PIC 和 MIC 因素。

当然，我们应该尽可能地降低交互成本，但是当推的时候，我们应该权衡，以确保主要用例的摩擦最小。

一个很好的第一步是创建一个法律、框架和测试的心理模型来评估你的设计的交互成本。

原文：https://uxdesign.cc/interaction-design-is-more-than-just-user-flows-and…

本文：http://jiagoushi.pro/node/1623

 

由于用户体验 (UX) 是一个如此广泛和多学科的领域，因此非 UX 人员可能很难准确确定它的含义。即使是在该领域工作的人，也可能会不时发现界限模糊，具体取决于情况和他们的谈话对象。

但总的来说，当您听到这些常见的 UX 相关术语在会议桌上飞来飞去时，这就是您所期待的。

首先，什么是UX​​？

“UX”是“User Experience”的首字母缩写词，指的是一个人如何体验他们正在使用的系统。用户体验设计领域包括各种子学科，包括：

在为人们创建系统时，应该从头到尾应用以用户为中心的思维方式。在大型数字项目中，每个项目阶段都是自己独特的野兽，用户体验思维可以以多种方式体现，每种方式都旨在为引人入胜、流畅且易于使用的结果做出贡献。

用户体验研究/用户研究

UX 研究（也称为“用户研究”）是对系统目标受众的研究，以更好地了解您为其设计的用户的需求和痛点。研究往往与项目的发现阶段相吻合——或者，在重新设计的情况下，可能会在项目开始之前进行。

研究活动可能包括：

• 研讨会、访谈和焦点小组，研究人员在此与用户或受众代表进行个人咨询，以深入了解系统需要提供的内容。
• 定量研究，可能涉及进行调查、研究分析数据以及评估已知和可观察到的用户行为模式。
• 用户测试，其中可能包括卡片分类练习、纸质原型的 lo-fi 测试、眼动追踪研究等。

用户体验策略

您的用户体验策略设定了您希望观众如何体验您的数字产品的愿景。这是您的所有界面和系统都旨在与之保持一致的大局。在研究阶段结束时，您应该有足够的现实意识来制定实用的、基于证据的用户体验策略。

制定一个好的战略时的关键考虑因素包括：

• 你的愿景：你打算做的用户体验驱动工作的最终目标。
• 结果：您希望看到什么结果和好处。
• 开发路线图：概述实现愿景所需的更改。
• 关键绩效指标：用于确定改进效果的措施清单。
• 内部开发：您需要对内部流程和团队能力进行哪些改进以帮助实现您的长期用户体验愿景。

UX 设计与系统的整体体验有关。在某些情况下，术语“UX 设计”和“UI 设计”可以互换使用（结合团队角色），但这通常是不正确的。项目的 UX 设计阶段出现在您的视觉设计师甚至考虑用户将看到什么之前。

您的研究和战略工作的见解将用于创建资源，例如：

• 工作流程和线框图，概述了用户朝着目标前进的过程。
• 信息架构图，有时被随意称为“站点地图”或“导航地图”（尽管这些实际上略有不同）或“网站拓扑”。
• 内容策略，确定内容随时间的呈现、时间安排、行为和治理。该策略可能由用户体验设计师、内容策略师或两者合作创建。
• 用户角色，即。刻板印象用户的个人资料。重要的是要了解（并向您的利益相关者传达）角色并不代表实际用户，而是观察到的用户行为、需求、挑战和态度的拟人化——这些因素可能会影响他们对您的产品或服务的体验。

UI 设计（即用户界面设计）决定了最终产品的外观，并且可以涵盖一系列学科来创建提供理想用户体验的产品。这些学科可能包括：

• 品牌化，确保用户界面代表您的品牌。
• 美学，即创造视觉上令人愉悦的体验。
• 可用性，通常涉及使界面易于交互的设计决策。
• 内容设计，主要关注内容如何呈现给观众。

“UI 设计”这个术语经常被广泛使用，因此如果在工作开始之前没有确定具体细节，就很难设定和管理期望。 UI 设计师可能专注于高度可用的界面，但仍然会创造出丑陋和品牌外的产品。相反，来自印刷背景的熟练设计师可能不了解数字用户界面以产生用户友好的结果。

然而，考虑到 UI 设计师也可以拥有 UX 设计技能，从而可以在您的各个项目阶段之间节省时间重叠。在将 UI 设计工作委派给内部团队或外部创意人员时，请务必考虑项目可用的所有技能，以及如何最好地传达您的需求以实现最佳最终结果。

响应式设计

术语“响应”是指网站（或 web 应用程序）对访问它的设备“响应”的能力。无论用户是在桌面显示器、平板设备还是手机大小的屏幕上查看站点，设计合理的响应式站点都将提供有用且积极的体验。

响应式设计应该是项目所有阶段的整体考虑，因为它会影响用户在许多不同场景中查看和体验产品的方式。

由于移动设备通常是许多人访问网络的主要方式，响应式设计（或移动优先设计）现在是良好网络体验的一个关键特征。

把它们加起来…

UX 是一个多方面的学科，关注用户如何体验他们与之交互的系统。用户体验研究涉及旨在深入了解受众需求的各种活动。

您希望用户如何体验您的产品的愿景由您的 UX 策略捕捉，为 UX 设计提供信息，进而为您的 UI 设计提供信息。由于用户在各种设备和屏幕尺寸上访问网站，您很可能需要采用响应式设计实践来确保最佳用户体验。

原文：https://medium.com/@epicprogrammer/ux-ui-and-more-a-practical-explainer…

本文：https://jiagoushi.pro/node/1647