微交互最佳行为

微交互是指以完成某项单独任务为目的的微妙时刻。几乎我们周围所有的应用都有微交互。比如:

a.确认加入购物车
b.使用下拉刷新
c.确认行为的交互动效(比如:切换按钮)

这些都过成了微交互的一个短暂的瞬间。我们并不会刻意的注意它,但是我们刻意感觉他们的存在。将这些短暂的瞬间添加到设计上可以优化用户体验,使得界面看起来不那么机械,更人性化。

在本文里,我会介绍5个有用的微交互技巧,并给出些有用的例子。

1.创建习惯循环

微交互可以驱动用户实际的交互行为。它们是帮助用户形成习惯的一种强有力手段。当人们重复相同的动作,习惯就很容易形成。通常这种由三部分构成:

a.暗示——初始行为的触发器
b.一系列行为——相应暗示后,你执行的动作
c.奖励——在一些列完成动作中获得的好处,也就是完成动作的原因

微交互最佳行为_第1张图片

Facebook关于消息的提醒就是一个很好的习惯循环的例子。红色的气泡白色的数字icon(暗示)表示有新信息,用户点击气泡(行为),跟朋友交流(奖励)。一会儿,用户看到红色气泡就会自动点击icon。

微交互最佳行为_第2张图片

Tip:奖励驱动行为。奖励越给力,习惯就越容易形成。

2.相同主题的绑定在一起

微交互应该是你设计中自然的一部分,你需要确定统一的主题,确保这些微交互绑在一起,实现同一个动作和目的。以下是两个基本原则:

持续:事物不同状态之间的过渡动画应该看起来顺畅不间断。

微交互最佳行为_第3张图片

可预测:良好的隐形微交互可以设置期望,并帮助用户及时纠正信息。

微交互最佳行为_第4张图片


微交互最佳行为_第5张图片

3.通过动画反馈

动画如果使用正确的话,会对用户体验有很大的影响。功能性和愉悦性的动画都能用于传递反馈信息:

功能性动画降低任职成本,避免变化不可见,并且在空间关系上,建立比较好反馈。

微交互最佳行为_第6张图片

愉悦性动画可以让交互变得更有趣,通过动效吸引用户,赋予交互界面更多生机。

微交互最佳行为_第7张图片
微交互最佳行为_第8张图片

4.使用幽默

幽默在交互中,无论在什么角度,都会给用户体验带来情感反馈。比如,MailChimp,一个邮箱网络服务产品,在用户创建和安排第一封邮件加入了出乎意料的诙谐,积极向上贯穿在整个过程中。通过添加微小的愉快的惊喜在用户路径上,MailChimp使得发送邮件变得更加有趣。


微交互最佳行为_第9张图片

设计应该以任何形式进行情感沟通。

5.避免不适宜的交互

确保视觉暗示和动效都是合适的。这是微交互过度或者交互太复杂的界面中的常见错误。如下面这个例子所示,这是个非常漂亮,但是却十分不切实际的交互

微交互最佳行为_第10张图片

切记,少即是多,设计微交互要三思而后行。所有移除后让UI看起来更加清晰的东西,都是无用的。所以再设计为交互时,我们应该注意那些对于用户来说确实可行的微交互。

建议:使用KISS原则,微交互一定是非常细微非常简单的。别把微交互做成巨交互。

结论:

在UX中,关注你怎样对待用户以及他们使用产品时的感受。即使是很小的细节都值得被关注,因为关注每个小细节是使人机交互变得简单易用的关键所在。


原文链接

你可能感兴趣的:(微交互最佳行为)