微互动示例

微互动实例

我们选择的示例绝非详尽无遗，而只是一系列常见用途。它们仅仅是你每天都可能遇到的一些数字元素，它们为你的在线体验增添了价值，但往往被认为是理所当然的。

滚动条

在早期的互联网时代，滚动条具有物理功能：抓取并移动滚动条以浏览页面。现在，滚动条是一种动画功能，可以显示我们所处的页面位置以及页面还包含多少内容。

拉动以刷新动画

作为智能手机的一项常见功能，"拉动-刷新 "微交互可以重新加载页面、接收新邮件、更新天气预报等。旋转的轮盘、品牌 gif 或进度条可以让我们知道它已识别到我们的请求并正在处理。

轻扫动画

如果没有声名狼藉的 "扫一扫"，约会应用程序将何去何从？动画十字、打钩或心形图案可以对我们的决定提供实时反馈。

数字闹钟

以系统触发的听觉反应为例：在特定的时间，你的闹钟会响。不过，在智能手机、平板电脑或电脑上，它会通过视觉反馈要求对任务的完成做出响应。

通知

通知也是如此。声音和视觉反馈可提供有关所要求的事件、选项或促销活动的更新和提醒（而且往往是那些你认为你没有注册的活动！），旨在吸引不感兴趣的用户。

密码错误

内联验证无需跳转到一个新的错误页面，要求您重复填写输入字段，从而节省了时间和挫败感。此外，通过内联密码错误反馈（如确保字母、数字和特殊字符数量正确），还可以简化新账户的设置。

上机热点

在探索新软件或平台的过程中，有很多东西需要学习。无论是一个微小的脉动点，还是一个恰到好处的语音气泡，用户都能立即知道如何按照系统启动的教程进行操作。页面上同时出现太多的动画会让人不知所措，也会显得笨拙，因此，新用户可以按照设定的路径，以最简单的方式逐一学习和消化各项功能。

在线聊天和消息状态

向信息应用程序用户提供视觉反馈是如何使应用程序具有粘性的一个很好的例子。通过三个跳动的小圆点，我们可以立即识别出收件人已经阅读了我们的信息并正在回复。另外，以 WhatsApp 为例，视觉反馈位于页面顶部，可显示收件人是在线、不在还是正在打字。无论你喜欢还是讨厌，这些双蓝色的"√"都能提供有关信息的即时信息。

组织复杂的导航结构

许多网站需要共享大量信息，这就需要一个结构合理、易于浏览的信息架构。面对如此多的信息，却只有一个通常很小的屏幕，将所有信息整齐地隐藏在一个可识别的图标（即汉堡包的三条水平线）后面，当用户点击每个类别时，它们就会以动画的形式滑入视图，使我们能够简单明了地找到想要的信息。

提高填表和结账流程的效率

收到意想不到的错误信息可能会让人非常沮丧，因此很多表单和在线结账都有用户触发的微交互来增加防错功能，简化流程。无论是电子邮件格式的内联验证、必填字段建议，还是引入日历框来指定精确日期，它们都是为了让我们顺利到达终点，而无需返回来纠正我们可能忽略的错误。这种技术还能简化账户创建流程，使注册更容易，减少用户放弃的可能性。

鼠标悬停效果和光标变化

我们习惯于滚动图片、信息框和幻灯片来测试它们是否可以点击，但如果在其中加入动画说明，如 "点击访问我们的联系页面 "或 "按住并移动以重新排列您的选择"，就能为参与其中的用户提供他们正在寻找的反馈类型。

搜索框扩展

带有预定义选项的扩展搜索框或在输入时自动显示建议，是为产品和用户的用户体验增加功能和价值的另一个很好的例子。

聊天室人性化

为了创造更感性的聊天框体验，聊天框的响应动画在时间上不仅要高效，还要体现人类行为。在用户发送问题或请求后，他们会看到三个跳动的小点，表明有人正在打字，尽管这是一个人工智能回复。为您的聊天框赋予人类化身，就像与人建立情感联系一样。

使用动画的巧妙方法

当您的进度条在屏幕上扩展、旋转或跳动时，在等待屏幕上添加信息、促销活动或信息，为您的用户增加价值。这是一个很好的机会，可以向购物者、用户或会员进行追加销售，或向他们介绍他们可能还没有了解过的产品。

如果符合你的品牌，添加一些奇思妙想或笑话（我们都见过一个有趣的 404 页面，让我们会心一笑）可能不会给用户的访问带来任何立竿见影的效果，但会加强用户关系，提高客户忠诚度。

激励您的成功微互动案例

我们都知道，哪些网站和应用程序元素给我们留下了最深刻的印象，哪些能让我们的互动更轻松、更有趣，最终更有价值，从而为我们的体验增添价值。以下是几个极大地改变了我们使用数字产品方式的元素。

Facebook React 功能

当 Facebook 将 "喜欢 "按钮从简单的竖起大拇指改为按住原来的图标即可选择反应时，每个新的表情选项都有一个独特的小图标和动画。毫无疑问，它改变了我们以最快、最简单的方式让他人了解我们感受的方式。

苹果和谷歌的语音控制解决方案

苹果和谷歌都需要让用户知道，他们的语音控制请求正在得到处理。整个过程都是通过最少但简单、智能的视觉反馈完成的。

当你发出请求时，谷歌助手会出现浮点，让你知道它正在聆听；当你说话时，浮点会变成声波，让你知道它正在捕捉你的声音，并做出反馈和回应。Siri 也会做同样的事情，尽管它的品牌形象很抽象，但它会震动并改变形态，让你知道它已经锁定了你的声音。

摘要

要实现理想的用户体验，就必须创建流畅的交互，减少用户的挫败感，让用户从一种状态或阶段无缝地流向另一种状态或阶段。精心设计和交付的微交互恰恰能提供这种体验。

作为用户体验研究人员，我们的职责是为设计微交互的人员确定理想的版本。通过用户研究和测试，我们可以通过A-B测试和原型测试找出表现最好的版本。用户研究阶段可以减少交付过程中的缺陷，这与表单提交和结账流程中的许多微交互方式是一样的。