小程序开发之强大的微交互功能如何提升用户体验

本文将讨论微交互的基础知识，以及如何利用它们来增强用户体验设计。

什么是微互动？

在数字设计中，大多数用户与产品的互动中都存在微交互。当您将鼠标悬停在文本上时，它会发生变化，并且颜色会改变，表示可以单击它。动画出来时会显示您的上传进度。甚至会弹出消息，提示您输入了错误的密码。

这些微小的视觉提示和其他细微的指示是微交互。尽管用户可能不容易注意到它们，但实际上通常是在正确执行它们之后。微交互无论多么微妙，将总体设计方案结合在一起，提供了一些信息，使用户可以导航界面并执行基本功能。

微交互如何工作

微交互具有四个基本元素：触发器，规则，反馈和循环/模式。这些元素有助于组织以下设计元素的操作周期：

触发器

这些是启动微交互过程的原因-例如，单击按钮或单击鼠标。当满足某些条件时，它也可以由系统启动，例如当您收到消息时收到声音通知时。

这些触发器与一组既定的动作规则一起工作，这些动作规则规定了可以做什么和不能做什么。

规则

这些基本上确定了触发微交互后会发生什么。因此，例如，当您在Tinder上向上滑动时，规则表明您“超级喜欢”某人。但是规则还规定，直到他们喜欢你，他们仍然无法向他们发送消息。

反馈

顾名思义，它可以让用户知道发生了什么。发生微交互时，用户看到，听到甚至感觉到的任何东西都是反馈。例如，如果将手机设置为振动，则短暂的振动即为反馈。

循环/模式

这些基本上定义了交互的性质-是否闪烁一次，重复一次？随着时间的流逝会发生什么？例如，循环可以是用户输入错误密码的次数，而模式可以是在五个密码错误后临时阻止帐户。

何时以及如何使用微交互

1.页面动画

当您谈论页面动画时，它可能是页面之间的创意过渡，或者只是一个很酷的滚动进度图标。这些类型的微交互可以使用户更好地了解以前页面与当前页面之间的关系。这也使撇取过程更加引人入胜。

2.刷卡

同样，您还可以通过在用户滑动时将平滑过渡合并到内容中来利用先天滑动的方式。这样，您可以为内容增加一些娱乐价值（无需用户使用约会应用程序）。

3.动画输入字段

您可能没有遇到喜欢填写表格的任何人。但是，设置动画字段至少可以使平凡的任务更具吸引力，甚至有所帮助。

4.状态动画

同样，在这个关注范围日益缩小和按需娱乐的时代，没有人喜欢等待。但是通过将动画用于诸如下载/上传状态之类的事情，您可以显示用户的进度，同时为原本无聊的功能增加更多的乐趣。

您甚至可以使用它来添加您的品牌。

5.通知

在通知方面，最好让用户选择。例如，有些用户更喜欢侵入式通知。同时，其他人则不介意即使在观看YouTube视频时，Facebook Messenger的聊天气泡也会突然弹出。

Facebook和Instagram将这一点提升到了一个新的高度，每当有人喜欢他们的帖子时，都会为用户提供多巴胺。这会养成习惯，使用户期待收到通知。

6.下拉菜单

它已成为智能手机操作系统中的主要设计，这是因为它非常易于使用。只需从屏幕顶部下拉即可访问所有通知和基本设置。轻松导航是微交互最重要的功能之一，而下拉菜单则可以实现这一点。

7.号召性用语按钮

您的CTA在那里是有原因的-那是因为您希望用户单击它们。将动画添加到CTA按钮可以帮助激发用户的行为。至少要让他们对可能发生的事情感到好奇。

8.锚文本动画

对锚文本进行动画处理是一种将创意品牌整合到简单功能（例如返回首页或什至只是表明可以单击某些内容）的绝佳方法。

9.教程

微交互也是一种教育用户如何使用您的产品的好方法。指出基本功能的简单动画甚至是图形，可以使产品易于使用，并推出出色的隐藏功能，从而可以为实现更好的用户体验大有帮助。

带走

这些小细节都为用户的整体体验增加了价值。诸如非侵入式通知或炫酷状态动画之类的小功能可以使用户感到公司在乎他们，并引起对品牌的善意。建立这种关系后，您就可以影响他们的行动，以实现自己的目标。

随着一切都数字化，在人群中脱颖而出变得越来越难了-但是这些微妙的微交互可以帮助您实现这一目标。