画交互流程先定去向的Skill

产品设计交互流程层技术:地点、Affordance、边缘情况。

layers-interaction-flow 是先理清交互逻辑再画视觉界面的 Skill。它用文字列出用户所在的位置、可执行动作、下一处去向和需要显示的内容。

“提交”之后到哪里,失败时留在哪里,取消后保留什么,都需要具体决定。加载、空状态、断线和并发修改也属于流程,不是正常路径画完后才补的装饰。

同一对象的资料与动作别散落到互不连通的地方,名称也需和概念模型一致。流程图能帮助定位顺序,却常丢掉条件;文字说明应保留哪些动作何时可用。

适合某个明确用户任务的流程设计。本文补读共用框架,没有画真实原型;五六个位置是提醒检查复杂度,不是硬限制,未稳定的对象关系还需先核,不能用漂亮流程图盖过去。

分类:AI 与 Agent

来源仓库:jamiemill/layers-skills

适合用来做什么

  • 请帮我映射这个交互流程的结构和可能的失败路径。
  • 如何分析这个功能的地点和边缘情况?

安装 layers-interaction-flow

npx skills add https://www.iskills.cc/skills/jamiemill/layers-skills/layers-interaction-flow/SKILL.md

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

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

查看 layers-interaction-flow 的用途与原始说明

浏览全部 Skill 指南