跳转到使用指南
Micro-Interaction Spec作者 Owl-Listener

Micro-Interaction Spec Skill.

向工程团队交付小型交互背后的行为,而不只是动画参考。

  • 交互设计
  • UI 交付
来源审查 · Micro-Interaction SpecSKILL.md
任务 交互设计 产出 • 一份针对单个交互的触发条件与规则规范。 • 一套包含时序和缓动说明的反馈序列。 • 重复操作、首次使用和无障碍行为。 开始之前 不要求使用特定的动效库;仍需在目标设备上进行测试。
编辑摘要 · 已审查来源 2026-10-07 · 并非生成的示例

01 功能说明

完整定义一个交互

一种聚焦交互的交付格式,以触发条件、规则、反馈以及循环或模式为核心。

基于来源的工作流并非执行基准测试

工作方法

Micro-Interaction Spec 将一个小型交互描述为完整的行为单元。触发条件启动交互,规则决定后续流程,反馈传达结果,而循环或模式则说明重复行为以及随时间发生的变化。这种结构适用于切换开关、收藏操作、下拉刷新、验证提示或长按操作。

动效只是产出的一部分。视觉变化、音频和触觉都可以作为反馈渠道,但并非每个平台都保证具备这些能力。来源要求在逻辑之外一并说明持续时间、缓动和无障碍注意事项,这有助于避免精美动画掩盖未定义的失败状态或重复状态。

预期交付物

  • 一份针对单个交互的触发条件与规则规范。
  • 一套包含时序和缓动说明的反馈序列。
  • 重复操作、首次使用和无障碍行为。
查看示例任务简述

从任务简述到审查

  1. 01
    定义触发条件

    说明交互是由手势、系统事件还是条件触发。

  2. 02
    编写规则

    在选择反馈呈现方式之前,描述流程、条件和分支。

  3. 03
    明确感知与重复行为

    说明用户会看到或感受到什么、持续多久,以及后续尝试时会发生哪些变化。

02 适用场景

适用场景

不要求使用特定的动效库;仍需在目标设备上进行测试。

适合的场景

  • 工程交付适用于原型中的简短交互看起来很明确、但缺少书面行为说明的情况。
  • 反馈优化有助于区分有明确用途的确认反馈与不提供实用信息的装饰效果。

需要核查的限制

  • 一次只处理一个交互包含许多相互依赖状态的组件需要更全面的状态机模型。
  • 不保证设备支持触觉或音频反馈必须得到目标平台支持,并在该平台上经过测试。

需要准备的输入

  • 操作与情境明确要定义的具体控件、手势或事件。
  • 逻辑与条件提供操作成功、被拒绝和重复执行时的行为。
  • 平台限制说明动效偏好、支持的反馈渠道和性能限制。

03 关键决策

重要决策

  1. 明确循环行为

    重复操作可能需要采用与首次使用不同的响应,而不是每次都重复播放相同反馈。

  2. 逻辑先于缓动

    即使出于无障碍考虑移除动画,这份规范仍然有用。

04 示例任务

尝试聚焦的任务简述

以下示例任务简述尚未经过测试。使用前请检查该技能的设置说明。

检查设置

使用仓库中记录的安装方式,并保留其中引用的所有配套文件。此条目描述的是一种聚焦的设计方法,而不是可执行应用程序。

上游源文件
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/micro-interaction-spec/SKILL.md

不要求使用特定的动效库;仍需在目标设备上进行测试。

从一项交付物开始

运行该技能之前,请调整此任务简述中的范围、来源材料和限制条件。

示例任务简述
使用 micro-interaction-spec 定义将文章保存到阅读列表的交互。定义点击触发条件、等待中和保存失败的规则、视觉确认、重复点击行为以及减少动态效果的替代方案。仅限于此交互,并且不要假定网页支持触觉反馈。

检查结果

依据以下可观察的标准检查实际产出。

  • 触发条件和最终状态清晰明确。
  • 重复触发具有明确的结果。
  • 减少动态效果后,必要反馈仍然存在。

OpenDesign 为编程智能体提供本地设计工作区。此条目并不表示该技能已内置,也不表示其中包含该技能所需的外部工具、凭据和软件依赖项。

05 来源与许可证

来源与许可证

本页描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能发生变化。

来源所有者
Owl-Listener
许可证
MIT
已审查的快照
2026-10-07 · 9a6930cf84a8
编辑来源摘要
一种聚焦交互的交付格式,以触发条件、规则、反馈以及循环或模式为核心。

由 OpenDesign 根据所链接的来源撰写的原创摘要。仓库星标数只是带有时间属性的热门程度信号,并不代表技能使用量或质量评分。

06 开始前的问题

开始前需要考虑的问题

它是否仅用于动画?

不是。该框架涵盖触发条件、逻辑、反馈和重复行为。动画只是反馈选项之一。

它与状态机有何不同?

它用于定义一个聚焦交互的体验。状态机则对范围更广的一组状态及其有效转换进行完整建模。

每个交互都必须使用声音或振动吗?

不是。来源列出了需要考虑的反馈渠道;应采用哪些渠道取决于产品情境和平台。

OpenDesign

为下一轮设计迭代留出空间。

将任务简述、来源材料和设计工作集中保存在本地工作区中。将该技能添加到工作流之前,请检查其自身的设置说明。

上游源文件
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/micro-interaction-spec/SKILL.md