01
明确触发方式
一次微交互从触发开始。触发可能来自用户动作，也可能来自条件变化；需要让人理解何时会发生以及如何控制。
查看正反案例
正向案例
通知设置清楚说明开启后会收到什么类型的提醒。
反向案例
用户只是浏览页面，系统却自动开启持续提醒。
动手练习
列出一个功能的手动触发和自动触发条件。
微交互
Microinteractions
做好每次操作的细节。
已学 0 / 6 个主题
6 个主题学习内容
02
把规则讲清楚
规则决定操作允许做什么以及结果如何产生。尽量通过控件约束和上下文提示表现规则，减少事后解释。
查看正反案例
正向案例
超过附件限制前就显示剩余容量，无法继续添加时说明原因。
反向案例
全部文件选好后才报错，而且只显示一个内部错误代码。
动手练习
为一个操作写出前提、限制和例外，再检查界面如何表达。
03
让反馈具有可行动性
反馈要回答发生了什么，以及用户接下来能做什么。失败反馈尤其需要恢复路径，避免只宣布问题。
查看正反案例
正向案例
上传失败后保留文件，提供重试和更换文件两个入口。
反向案例
弹出“发生未知错误”，关闭后已选文件全部丢失。
动手练习
改写一条错误消息，使它包含原因线索和可执行的下一步。
04
处理等待与重复操作
操作需要时间时，应让系统状态可见，并防止误触造成重复提交。不要用虚假的成功状态掩盖未完成的工作。
查看正反案例
正向案例
提交中显示处理状态，结束前避免重复提交，失败后允许重试。
反向案例
点击后无反馈，用户连点三次产生三条相同记录。
动手练习
检查慢速网络下，连续点击会不会产生重复结果。
05
设计重复使用的变化
首次使用和熟练使用的需求不同。引导、默认值与记忆行为可以随使用过程调整，但变化要保持可预测。
查看正反案例
正向案例
首次解释一个复杂选项，之后保留可再次打开的帮助入口。
反向案例
每次打开页面都强制播放同样的多步教程。
动手练习
把首次、第二次和长期使用的流程并排比较。
06
补齐退出与恢复
一次小交互也需要考虑取消、返回、撤销和异常中断。恢复方式应与操作后果匹配，重要任务不能依赖装饰反馈。
查看正反案例
正向案例
误归档后可以撤销，编辑中断后仍能找到草稿。
反向案例
页面刷新导致填写内容清空，界面没有任何恢复入口。
动手练习
模拟一次误操作与一次中断，为它们各提供合理恢复方式。
把阅读变成一次实践
从一个小任务开始
为一个提交按钮画出默认、处理中、成功、失败与重试五种状态。补上返回和撤销路径，再检查每一步是否都能被理解。