答应我一点更要知道的：出色的应用程序设计的秘诀是微交互！

回复「大礼包」送你offer拿到手软的大招

最好的产品可以做两件事：功能和细节。功能是吸引人们使用产品的原因；细节是让人持续使用的原因，细节是真正使我们的应用在竞争中脱颖而出的原因。而微交互就是提供令人愉快的细节反馈的最佳技术之一！

01

微交互是什么？

微交互是完成一项小任务的产品瞬间。正如Dan Saffer的书《微交互》中首次描述的那样，这些微小的细节通常具有以下基本功能：

● 交流反馈或采取行动的结果；

● 完成一项个人任务；

● 增强直接操纵感；

● 帮助用户可视化其操作结果并防止错误。

微交互之所以起作用，是因为它们吸引了用户对确认的自然渴望。当用户与UI交互时，他们想知道他们的系统收到了他们的操作。微交互还可以指导用户如何与系统交互。

要记住的事情

● 微交互充当用户与系统之间交互的促进者；

● 微交互应该通过即时交流正在发生的事情来节省时间，而不会干扰用户或分散用户的注意力；

● 了解您的用户和交互背后的背景将使微交互更加有效；

● 微交互作用必须能够长期使用。

微交互的一些示例：

● 当您将iPhone切换为静音时，振动通知以及静音模式图标将显示。

● 用户输入时的界面动画（单击时会更改颜色的按钮）。

02

微交互通常出现在哪里？

1.显示系统状态

Jakob Nielsen提出的第一个可用性启发式原则指出：让用户了解正在发生的事情。当用户触发操作时，他们期望得到立即响应。但是在某些情况下，应用程序需要一些时间才能完成操作。因此，该界面应使用户对正在发生的事情有所了解。

要点：不要让用户对发生的事情感到惊讶，让用户了解情况并向他们显示进度。

例如：用于上传和下载的进度栏、滚动条进度

2.突出显示更改

当发生任何重要事件时，我们需要显示通知以告知用户有关情况。动画可以帮助实现这一目标。它会引起用户的注意，并且不会让用户忽略系统认为重要的内容。

要点：在许多情况下，动画效果将会吸引用户对重要细节的关注。

例如：新的传入消息

3.保持上下文

使用动作导航引导用户在上下文之间平稳地运输，解释屏幕上元素排列的变化。对于移动设备和智能手表尤其如此，因为在一个屏幕上完全不可能容纳很多信息，并且任何屏幕状态更改都应该对用户非常清晰。

要点：两种视觉状态之间的过渡应该清晰流畅。

例如：页面切换

4.可视化输入

数据输入是任何应用程序中最重要的元素之一。微观互动使这个过程变得很特别，用户可以使用现有的视觉元素来传递反馈，只需添加漂亮的视觉细节。

要点：微交互有助于揭示信息并帮助用户实现其目标。

例如：卡单填写

5.呼吁采取行动

微交互功能可以鼓励用户进行实际交互。通过在用户体验中引入同理心，您将有更好的机会让用户采取行动。但是，请确保视觉提示和动画适合您的用户，并牢记要保证其清晰且引人注目。

要点：关注用户情绪，因为它们在用户交互中起着巨大的作用。从上下文和用户研究和设计中汲取经验，以供重复使用。

例如：鼠标情绪引导

产品设计要精心，从大型功能部件到微小的微交互，出色的设计必须在各个层次上进行！