SuperAPI AI 工具集

interaction-design

设计与创作

查看项目

更新于 10-16 08:03

技能介绍

该技能用于设计直观且有意义的交互,核心切入点是用户目标、认知原理与情感体验,而非单纯堆砌机制。使用前先回答:用户想完成什么、该交互如何帮助或阻碍目标。

主要能力:提供两类输出契约。一是交互规格(Interaction Specification),包含用户目标与风险、概念模型、状态与过渡表(含外观、过渡时间与情感基调)、键盘与输入、错误预防与恢复、无障碍(屏幕阅读器、焦点管理、减少动效)。二是流程分析(Flow Analysis),涵盖目标与失败代价、叙事弧(铺垫、上升、高潮、收尾)、步骤与用户感受、摩擦分析、错误路径。

核心原则:目标导向设计(区分新手、专家与永久中间用户,消除不服务于目标的额外工作);概念模型(系统表象需准确传达设计者模型,用示能符号提示可操作处);直接操作(可见对象、快速可逆的增量操作、即时反馈、在问题域内操作);可逆性(多步撤销、一致的反向操作、状态可见);错误预防优先于错误处理(防滑误与误判,使用联锁、锁定等强制功能);反馈与系统状态(按 100ms、1s、10s 阈值给出不同响应,乐观 UI 需诚实);模态的取舍;意义与情感设计(本能、行为、反思三层)。

决策框架与输入:按使用频率选择激活方式(常驻、快捷键、菜单/命令面板、仅菜单);明确何时该动画、何时不该动画;区分应消除的额外工作与可保留的建设性摩擦;给出触控目标尺寸(iOS 44×44pt、Android 48×48dp、Web 触控 44×44px)、手势词汇与双手交互建议;并分 Web、iOS、Android、桌面给出平台注意事项。

使用方式:作为 Claude Code 设置中的技能加载,按需引用参考资料文件,包括 goals-and-context、cognitive-foundations、input-and-physicality、component-patterns、animation-timing、accessibility-patterns,以及直接操作与工具性交互等理论基础。

限制:资料未提供安装命令、价格、平台兼容范围或量化效果;具体采用取决于项目情境,部分平台细节与版本相关,使用时需核对实际环境。