交互｜帮你梳理微交互的五个基本要素

2016-12-07 10:29:00

微交互应该火热了相当一段时间了。它成为话题中心很大程度是因为微交互所带来的令人动容的体验。如果说要界定微交互，那么它应该是围绕着用户完成单个任务前后而存在的微妙的交互和效果。微交互可以存在于APP和网页的各个环节，举几个常见的例子：

·确认已经添加到购物车的项目
·使用下拉刷新更新内容
·确认某个操作的界面动效

这些微妙的动效和交互给用户带来微妙的瞬间，它们出现在APP和网页的各个角落。这些微小的瞬间虽然不明显，但是用户可以轻松地感知到，这些为交互一点一滴地让整个APP的用户体验得到了极大的提升。

今天的文章中，我们将探讨5种常见的微交互技术，并且提供相应的实战案例。

1、培养用户习惯

微交互能够鼓励用户进行更多的交互，这也使得它们能够有效地培养用户习惯，构成习惯循环。培养用户习惯通常需要三个步骤：

·提示：触发用户操作的提示
·执行：响应提示，执行相应的操作
·奖励：完成操作给予用户以好处

之前我们在《微交互怎么玩？一份简单实用的微交互设计指南（超多案例）》这篇文章中还推荐过诸多微交互的案例~

Facebook 培养用户习惯的方式就是一个很好的案例：当白色的图标上出现红色的标识的时候（提示），用户会知道有新消息了，用户就可以点击图标（执行）的时候，就可以同好友进行聊天了（奖励）。当用户在看到红色的标识之时，随后会主动点击并查看。

虽然这个案例看起来很简单，但是基本所有的微交互都遵循这个规则。

小贴士：奖励机制是驱动用户的核心，奖励越强，产生的习惯效果也就越明显。

2、结合主题

微交互应当是你的设计的自然组成部分，换句话来说，你应当创建一个统一的主题，宏观上的交互和微交互应当在设计上保持一致。结合主题的微交互应当结合两个简单的原则：

·连续性：动效和UI控件不同状态之间的转变应该是平滑自然的，而非不连续的。
·可预测性：良好的微交互应当给用户以一定的预期，帮助用户理解界面的含义，获取正确的信息。

3、用动效给予反馈

如果正确地将动效和微交互结合起来，它能够极大的提升用户体验。但是并非所有动效都能达成好的效果，只有同时具备良好的功能性，还能够令人产生愉悦感的动效才适合在微交互中给用户以反馈：

功能性良好的动效能够降低用户的认知符合，防止用户在使用过程中产生迷惑，便于用户在使用过程中同界面产生正向的联系。

令人愉悦的动效让微交互更加有趣，并且能够吸引用户的注意力，让界面更加富有生命力。

当然，UI设计中的反馈提示技巧有很多，这篇文章中有更为详细的内容：《交互基础科普！聊聊移动APP中反馈提示的设计方法与实例》

小贴士：动效应当具有足够持久的生命力，所以设计的时候，应当思考它是否会在看过100次之后让人觉得厌烦？它是否清晰可见，或者完全无法引人注意？

4、保持幽默

无论是哪种程度的幽默，融入到交互中，都能给用户带来充满情绪、富有感情的用户体验。比如著名的电子邮件服务 MailChimp 就会在用户加入之后，使用各种意想不到的幽默和积极的情绪来引导用户使用产品，协助他们发出他们的第一封电子邮件。用户在使用的过程中，会不断地收获小而令人愉悦的惊喜，MailChimp 让发送邮件的过程令人难忘。