交付微交互用这Skill说清反馈

完整规范单个微交互的触发、规则和反馈。

micro-interaction-spec 是把一个微交互说明完整的 Skill。它写清触发方式、处理规则、反馈和重复行为,帮助开发知道用户做了什么、界面应回应什么。

比如收藏按钮,要说明请求中能否再点、失败后怎样恢复,不能只写播放一段庆祝动画。视觉变色可提示操作,但请求未完成时不应让人误以为已经保存。

循环与首次使用可能有不同反馈,声音、震动和动效也要有可替代的信息。时长范围只是参考,减少动效设置不能把必要的成功或错误提示一起去掉。

适合把单个动作交给工程实现。本文未做交互;规格需结合目标设备与真实状态验证,多状态组件另需明确转换,反馈漂亮不等于任务成功,手势还应留键盘或其他可用入口。

分类:设计创作

来源仓库:owl-listener/designer-skills

适合用来做什么

  • 如何为按钮点击事件指定一个完整的微交互?
  • 设计微交互时,如何处理用户反馈和循环?

安装 micro-interaction-spec

npx skills add https://www.iskills.cc/skills/owl-listener/designer-skills/micro-interaction-spec/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 micro-interaction-spec 的用途与原始说明

浏览全部 Skill 指南