净化

微交互最佳实践

净化 · 2017-02-04翻译 · 923阅读 原文链接

微交互是产品中存在的某一个时刻,它完成了某一个小的任务。几乎所有应用都有微交互。简单的举几个例子:

每一个细小的瞬间都有微交互。我们不特别的关注它们,也能感受到他们的存在。这些细小的瞬间让你觉得,你不是在和冷冰冰的机器交互,增添了人文色彩。

在本文中,我将阐述关于微交互的5个实用的技巧,并举一些实际的例子。

1. 创建行为习惯循环

微交互能够鼓励用户对应用进行更多的操作。鼓励用户操作的一大法宝就是行为习惯循环。习惯促使人反复进行同样的行为,习惯形成的三大要素如下:

  1. 提示 — 触发启动行为

  2. 日常 — 对于提示行为的回应,你执行一个动作

  3. 奖励 — 从完成日常获得的好处,完成行为的原因

图片来自: wikia

Facebook的通知栏,是一个阐述行为习惯循环的好例子:白色对话图标上的红色图标是一个提示,提示用户有新通知。这样可以让用户形成点击红色图标看新通知的日常习惯, 经常点这个按钮会得到奖励,即一段时间过后,用户不假思索的点击红色图标,会获得红色勋章的奖励。

微交互是让用户对应用上瘾的秘密武器。

提示: 奖励提升我们的积极性 奖励越大,用户对应用的习惯会越稳定,依赖会越强。

2. 和主题保持一致

微交互是你设计的一部分 — 你应该为所以交互创建一个统一的主题。遵循如下两个原则:

  • 连续性 动画过渡连贯,平滑,不会突兀

图片来源:Cam Runcie

  • 可预测性 合适的微交互会让用户有一定的期待,可以给用户好的感觉,反馈给用户更清晰的信息。

图片来源:Leo Zakour图片来源: Matt D. Smith

3. 使用动画反馈

如果恰当的使用动画,动画会带来更多好处。功能性和趣味性兼备的动画,很适合用来进行反馈:

  • 功能性动画 减少认知上的加载,在暂时性白屏的情况下,给用户一个更好的反馈,来减轻用户对空间变化的感知

图片来源:Tamino Martinius

  • 趣味性的动画让微交互更加有趣,更加吸引用户,给界面带来生命力。

图片来源:Chris Bannister图片来源:Tubik

提示: 长久的记住,你觉得是同一个动画出现100次讨厌?还是,动画整体都不清晰,不醒目讨厌?

4. 幽默一点

幽默的互动,不管大或小,是一个可靠的给用户体验带来的情感反应的方式。举个例子, MailChimp,提供电子邮件服务,奖励用户的方式,就是在用户创建第一天email的时候,加入意想不到的幽默,并推进整个操作流程。通过添加小的惊喜,整个创建过程会更加愉快,MailChimp让发邮件的过程更加愉快。

MailChimp 确认邮件的过程中,通过幽默缓解紧张。

设计应该在每个环节加入情感的交流。

提示: 从人文角度发声 这是一个快速让你的UI有人文气息的方法,这不是一个机器,而是一个仿造的人。

5. 避免不必要的交互

确认所有的提示和动画是恰当的。一个普遍的问题是,过度的ui设计,过多的微交互让页面超出负荷,过度复杂。下面的例子就是一个典型的华而不实的交互:

使用一个水滴在页面上飞来飞去,每划一下就飞一次,用户在使用时,会有一点厌烦。图片来源:Jakub Antalík

记住 少即是多原则。任何移除了会让页面变得更干净的UI设计,移除他们都是最好的选择。所以在进行微设计的时候,我们只需要关注用户真正需要的东西。

提示: KISS 原则 微交互的主旨在于小和简单,不要把你的为交互做的大而空虚。

结论

交互设计中,最重要的是和用户打交道,猜想他们喜欢什么样的产品。即使很小的细节,在我们设计时也需要慎重的考虑,因为设计成功的要诀就是,让人机交互变得更简单。

谢谢!

译者净化尚未开通打赏功能

相关文章