大公司都在研究「微交互」!原来这货这么重要!

伟大的产品会把两件事做到极致:

1.塑造产品特色

2.提升交互体验

产品的特色能够吸引到目标用户,而交互细节则决定了我们的产品能否在同类竞争中取胜。

出色的微交互是用户能愉快使用我们app的关键因素之一。

一个app的所有设计都要围绕着它的目标用户展开,有趣的微交互会让用户在使用产品的过程中感到更加愉悦。作为一名设计师,能体会到这些难以察觉的微交互小细节是你做好交互设计的关键。

20167120

微交互究竟是什么?

我们可以这么界定:微交互是用户在完成某个小任务时产生的交互体验。绝大多数这种交互都是微小不引人注意的,但是微交互的存在却会为你提供更加流畅自然的用户体验。

Dan Saffer的著作《Microintrration》首次提到微交互。所谓的微交互通常服务于以下几个基本功能:

●向用户传递一个动作的反馈或者结果。

●完成一个独立任务。

●增强操作的感觉。

●帮助用户可视化操作结果并且防止误操作。

我们列举两个微交互的具体例子:

1.当你将iphone调制静音状态下,手机会震动,同时手机屏幕上会出现静音icon提示你手机进入了静音模式。

20167121

2.当你将鼠标置于图标上面时颜色会发生变化以此来暗示图标可以点击。

20167123

为什么微交互会起作用?

微交互之所以会起作用是因为它引起了人们总是想了解更多信息的原始欲望。用户在进行某个操作后能瞬间得到视觉上的反馈,这会让人充满继续操作下去的欲望。微交互也可以用来引导用户进行正确的操作。

如何正确应用微交互?

微交互有趣的地方在于它可以被应用到很多场景,似乎所有的交互动作都可以伴随微交互。不过一般来说,它们经常被应用到如下场景中:

1. 显示系统状态

Jakob Nielsen在《可用性启发原则》中曾说过:让你的用户时刻了解当下的状态。不管执行什么操作,用户都期望能迅速得到反馈,但是有些操作不得不等待一段时间,比如说信息的加载过程。这个时候就需要微交互登场让等待变得不那么另人抓狂。

20167124

或者告知用户已经进行到哪一步(如下图)

20167125

小结:

不要让你的用户感到无聊,你需要做的是让他们时刻了解当下的状况(例如:用进度条显示加载进度)

2. 将状态变化突出显示

当有消息来得时候我们必须要确保用户可以看得到,这个时候动画就会起到很好的作用,它会吸引到用户的注意力不会让用户忽略一些重要的信息。

20167126

小结:

很多场景之下动效都会被用来吸引用户的注意力,但是在使用动效的同时你还要注意使用“KISS原则”来让微交互变得轻便简洁。

关于kiss原则:

KISS 原则是用户体验的高层境界,简单地理解这句话,就是要把一个产品做得连白痴都会用,因而也被称为“懒人原则”。换句话说来,”简单就是美“。KISS 原则源于 David Mamet(大卫马梅)的电影理论,后来被逐渐延伸扩展到其他领域。

3. 顺畅的情景切换

使用流畅和谐的动效转换场景,为用户阐明界面的元素排列方式。这一方式对手机或者智能手表等小尺寸设备尤为重要,因为我们不可能在此类设备的一屏上展示过多的信息。

20167127

小结:

在不同的界面保持清晰的导航,这样用户就会容易理解每个地方会出现什么内容。两个不同界面之间的转换要做到清晰,流畅,简洁。总而言之就是要将所有的交互动作统一在一个主题之下。

4. 视觉输出

数据的输出是任何一个app最重要的过程,而微交互则让这个看似无趣的过程变得生动活泼起来。

20167128

小结:

微交互可以更有效的展示信息,帮助用户完成他们的操作。

5. 激励用户

微交互可以用来诱导和鼓励用户,他能让用户和产品之间产生更多共鸣,但是要确保所有的微交互都是适合你的用户的。同时还要考虑用户在长期使用这些微交互后是否会感到厌烦。

20167129

小结:

多考虑用户的使用感受,从产品背景和用户调研的结果来设计产品

你需要记住的几件事

  • 微交互是整体交互设计的“说明人”和“引导者”,常被用在操作反馈,信息通知和引导操作上。
  • 微交互的本意是帮助用户更加高效获取信息,我们应该用最简单的方式获取用户的注意力,切记不要把微交互做成重体验。
  • 充分了解你的用户和使用场景能让你的微交互更加精确和有效。

2016712110

  • 微交互必须满足长期使用原则,一些起初看起来有趣的微交互也许时间久了反而会使用户讨厌。
  • 做微交互时要多考虑人性,并且要格外注重视觉平衡。动效只有做到简洁流畅才会让微交互富有生机。
总结

微交互要以对用户的关怀为出发点,做设计时要站在用户的角度去考虑他们在使用过程中会遇到的各种问题。充分考虑每一个细节是你做出易用的人机交互的关键所在。兼顾功能性与易用性才会做出真正伟大的产品!

1 6 收藏 1 评论

相关文章

可能感兴趣的话题



直接登录
最新评论
  • 陈毅 前端开发 2016/07/16

    这种细节往往被公司遗忘, 公司忙着赚钱, 用户也没那么高的要求

跳到底部
返回顶部