产品设计中的微交互是什么？为什么要使用微交互？ | 产品壹佰

最好的产品有两个优点：功能和细节。功能是吸引人们使用产品的原因。细节是留住他们的原因，而这正是让我们app在竞争中脱颖而出的原因。

微交互是起到好效果的最佳技术之一。

所有的方法都是以人为中心的设计理念，用户作为主要的焦点。微交互通常被认为是附属的或次要的，但它一旦被用户发现，实际上会创造一种幸福感。作为一个设计师，认识到微交互的不可见性与设计它们一样重要。你必须去创造一些很人性的东西来完成一项任务。

什么是微交互作用？

微交互是能完成一项小任务的产品元素。

正如丹·萨弗在《微交互》一书中首先描述的，这些微小的细节通常具有以下基本功能：

• 传达反馈或行动的结果。
• 完成一项单独的任务。
• 增强直接操纵感。
• 帮助用户可视化其操作的结果并防止错误。

一些特定微相互作用的例子包括：

• 当将iPhone切换至静音时，手机会显示振动通知和静音模式图标。

显示“是否可点击“的界面动画（悬停时更改颜色的按钮）

为什么微交互有用？

微交互之所以起作用，是因为它们迎合了用户对“确认“的自然需求。用户能立即知道他们的行为被接受了，他们希望能获得令人愉悦的视觉回应效果。此外，微交互还可以指导用户如何操作系统。

微交互的一部分好处是，它们可以被插入到各种各样的地方，围绕着任何潜在的动作。不过，一般而言，它们往往出现在以下领域：

显示系统状态

Jakob Nielsen （杰布-尼尔森）提出的第一个可用性启发原则是：让你的用户了解正在发生的事情。用户希望立即得到响应。但有些情况下，app需要一些时间才能完成操作。

因此，微交互界面应该让用户了解正在发生的事情。

使用墨刀做出的“进度条”微交互效果，教程可点击查看

或用户所在的界面：

滚动条进度

关键点：不要让你的用户感到无聊——保持用户的信息和显示他们的进展（例如加载栏吸引用户并防止混淆）。

突出显示更改

有时我们必须显示通知以确保用户看到它。动画可以帮助你——它将吸引用户的注意力，而不是让他们忽视你认为重要的东西。

Source: Dribbble.

关键点：在许多情况下，动画效果被用来吸引用户对重要细节的注意。你应该使用KISS原则——微交互应该是小而简单的。

保留上下文

用户在上下文之间平顺地滑动，解决屏幕上元素排列的更改。对于移动设备和智能手表来说尤其如此，因为在一个屏幕上放置大量信息是不可能的。

关键点：在不同的页面之间保持清晰的导航；这样用户就可以理解从何处出现什么内容。两种视觉状态之间的转换应该是清晰、平滑和轻松的。统一于一个主题——创建一个统一的主题，将所有交互联系在一起。

可视化输入

数据输入是任何app种最重要的元素之一。微交互使这个过程变得特殊。可以使用现有元素来传递反馈。

Source: Dribbble.

关键点：微交互有助于揭示信息，帮助用户达到目标。

号召行动

微交互具有鼓励用户实际交互的能力。它们可以在用户体验中带来同理心。但要确保视觉提示和动画适合你的用户。另外要考虑“长久性”——微交互在第100次使用时会不会变得烦人，还是它是普遍清晰而又不夺人眼目？

关键点：关注用户情绪，因为它们在用户交互中起着巨大的作用。基于场景和用户研究，设计可重复使用的微交互元素。

简而言之，

• 微交互通过反馈、通知和指示来促进交互。
• 微交互应该通过即时交流信息来节省时间，而不会让用户感到厌烦或分心。它们应该像狡猾的眨眼一样吸引用户的注意力。
• 了解用户和微交互背后的背景将使他们更加精确和有效。
• 微交互作用必须经得起长期使用。第100次使用后，第一次看起来有趣的东西可能会变得烦人。
• 在微交互中加入人性，注重视觉和谐。这种运动应该感觉到流动性，从而使微交互变得生动自然。

如何制作微交互

微交互作为原型中的一个特色种类，使用原型设计工具基本上都可以实现。以墨刀为例，用户可以使用墨刀制作出像“进度条”，“切换效果”，“选中效果”，“悬浮按钮”，“弹出”等多种微交互。

要用心设计。想想人们是如何使用和使用他们的设备的，并在设计这些小部件时反映出常见的思维模式。关注每一个细节是你成功的关键，使人机交互更容易使用。伟大的设计都是“全栈”性的，从功能到微交互都伟大。

本文转自由墨刀编译自Nick Babich的 Microinteractions: The Secret of Great App Design