好的微交互设计如何提升用户体验

很多设计师认为微交互只是动画而已，所以他们给按钮添加弹跳效果，让菜单用花哨的物理效果滑入，然后就觉得万事大吉了，但是这完全没抓住重点。微交互并非装饰，而是一种沟通工具，它的作用是以最简洁、最不干扰用户的方式告知用户重要信息。它可以表示“成功了”、“稍等，正在加载”或“该操作目前不可用”。微小的细节如何建立信任并赋予数字产品生命力。

每次微交互的 4 个组成部分:
1、扳机
这就是整个过程的启动点。用户可以通过点击、轻触或滑动来启动它。或者，系统可以通过接收通知、完成后台任务或检测到状态变化来启动它。了解触发条件可以让你准确地知道何时开始交互。

2、规则
这就是反馈背后的隐性逻辑。当用户点击“赞”时，图标颜色会改变，计数加一，并且操作会被保存到服务器。你需要定义这些规则，以便开发人员知道该构建什么。这些规则对用户来说是不可见的，但它们控制着一切。

3、反馈
这就是用户实际体验到的：一个微妙的动画、一声轻柔的提示音、手机屏幕的轻微震动。视觉反馈是最常见的类型，但并非总是最佳选择。有时，一个简单的触觉脉冲比任何动画都能更清晰地传达信息。

4、循环
这种交互会重复出现吗？它在某些条件下会有不同的表现吗？想想手机闹钟。铃声是反馈，贪睡是一种模式，而它明天早上再次响起就是循环。设计师经常忽略这部分，但开发人员始终需要了解它。

如何找到合适的时机？
不要一开始就设计动画，先阅读用户流程图。留意用户执行操作或等待系统响应的每一个时刻。以下是一些典型应用中的示例。用户在搜索栏中输入内容。自动补全功能何时出现？用户点击“加入购物车”。购物车图标会发生什么变化？用户提交付款后，加载状态是什么样的？成功状态又是什么样的？出错状态又是什么样的？用户滑动删除项目后，他们是否有时间撤销操作？这些都适合添加微交互。你不需要在所有地方都添加反馈。只需关注那些缺少反馈会令用户感到困惑或沮丧的时刻。这些才是你的首要任务。

时机把握的黄金法则
无论你使用什么工具，时机才是区分业余人士和专业人士的关键。 按钮确认等反馈动画的持续时间应在 100 到 300 毫秒之间。低于 100 毫秒，人眼根本无法捕捉到；高于 300 毫秒，界面就会显得迟缓笨重。 永远不要使用线性缓动。现实世界中的物体运动速度并非恒定不变。你推门时，门会加速，然后减速直至停止。将同样的逻辑应用到你的动画中。元素进入屏幕时使用缓出，元素离开屏幕时使用缓入，而大多数过渡效果则使用缓入缓出。元素进入屏幕时使用缓出效果，元素离开屏幕时使用缓入效果，大多数中间过渡效果使用缓入缓出效果。

最后，好的微交互设计是富有情感化的、创意的和具有故事性，用户不会评论动画效果。他们会说“这个应用用起来很流畅”或者“我用它的时候总是很清楚发生了什么”，这就是终极设计目标了。