成就一款优秀 App 的秘密——微交互
2016-03-04 本文已影响304人
DEREK_GUO
在 Dan Saffer 的著作 Microinteractions 中,对微交互是这样定义的:
- 完成一个独立的任务
- 强化直接操作感
- 一个动作的结果或者输出反馈
- 帮助用户能可视化动作的结果,并且预防错误
** 为什么微交互能起作用 **
微交互能满足用户被认同的欲望。用户能快速知道他们的交互动作是否被系统接受,同时能指导用户使用系统。
微交互动作一般能应用到以下几个地方:
** 显示系统状态 **
让用户知道现在在发生什么,而且用户也期待迅速得到反馈。例如以下动画:

不要让用户产生无聊的情绪,始终让他们知道正在发生什么,并且显示出过程。
** 强调变化 **
有时候我们不得不显示通知,让用户能注意到它。动画能起到作用,它能吸引用户的注意力。

许多情况下,动画效果被用来将用户的注意力引向重要的细节上。微交互本应该是小并且简单的交互动作。
** 保持文本一致 **
在不同的导航栏之间使用动画流畅地切换,能清楚的表明在一个屏幕上元素内容安排的变化。

不同视觉状态的变动应该清晰、流畅,并统一主题。
** 视觉输出 **
数据输入是一款 App 里最重要的元素之一。并且微交互能将这一过程变得更加特别,可以使用现存的元素来输出反馈。

微交互起到协调交互、反馈、通知和结构的作用,并且在长期使用下,也不会让用户厌烦。