微交互的最佳实践分享

作者: 三达不留点gpj | 来源:发表于2017-01-11 18:17 被阅读386次

什么是微交互？微交互是以用户完成单个任务为中心所设计的某些连续性的微妙瞬间。现在，几乎我们周围所有的应用程序中都无不充满了微交互。比如下面几个简单的例子：

确认商品已添加到购物车；使用下拉刷新更新内容；确认操作的界面动画；......

这些连续性的微妙瞬间共同组成了一个微交互。我们通常可能不太会注意到它们，但却能明显感知到它们的存在。当所有这些微小的瞬间都发挥作用的时候，你会发现，用户界面变得不再如以往那般呆板无趣，整个用户体验的的效果也在无形之中获得提升。

在本文中，我将描述5种有用的微交互设计指南，并提供一些实用案例。

一、培养用户习惯循环

微交互能够鼓励用户与你的产品进行更多的实际交互，它们对于培养用户习惯循环能发挥很大作用。当用户重复执行由下面的三个要素组成的一个完整操作时，便会自然而然的形成一个习惯循环：

1）提示—— 触发用户操作的提示；

2）执行—— 响应提示，执行操作；

3）奖励—— 完成操作后给用户的好处；

Facebook对于新消息通知的设计便是是培养用户习惯循环的一个很好的例子：红色标识和白色图标（提示）表示有新消息了，用户便会点击图标（执行），然后就可以与他们的朋友聊天了（奖励）。过不了多久，用户在看到红色标识出现后就会自动点击图标，潜移默化中形成了一种习惯。

温馨提示：奖励是激励用户的核心，奖励越强，用户形成的习惯也就越强（越稳定越有效果）。

二、统一主题

微交互应该是你设计中的自然组成部分——也就是说，你应该创建一个统一的主题，将所有的交互（无论是微交互还是宏交互）保持一致。按照两个简单的原则：

1）连续性：当一个设计对象在不同状态间切换时，适当的转场过渡动画能够让用户感受到这个过程的连续平滑而不会有唐突感。

2）可预测性：好的微交互能够提升用户对于下一步要发生的事情/变化提前预测的可能性，帮助用户更好的理解前后关联的信息。

三、使用动效给用户反馈

在应用得当的情况下动画可以从很大程度上提升用户体验。功能性动画和愉悦性动画都可以用来传达反馈效果：

1）功能性动画能够减少用户对于场景切换/动作状态改变的认知负担，防止发生变化盲视，通过同一空间下的动画效果帮助用户建立起更好的理解。

2）愉悦性动画则让微交互过程更加有趣，能够更好地吸引用户注意力并为用户界面注入生气。

温馨提示：动画效果应该适用于长期使用。在设计的时候问问自己，这个动画会在用户使用/遇见100次后开始厌烦还是能让用户自然而然的接受甚至依然充满愉悦感？

四、保持幽默（情感化设计）

在与用户的交互中，融入一定程度的幽默，无论多少，都一定能够给用户体验过程带来更多的情感化反应。例如，MailChimp——一个电子邮件服务商，会在新用户使用过程中用意想不到的幽默和积极的情感来激励用户创建完成他们的第一封电子邮件。通过在整个用户旅程中添加小而令人愉快的惊喜，MailChimp使得发送电子邮件变得更加有趣。