用途
Interaction Design 关注用户与系统之间的互动方式，目标是通过反馈与响应性，营造直观且令人愉悦的使用体验。该技能以提示词形式提供，属于 aj-geddes/useful-ai-prompts 中的一项。
适用场景
资料列出的适用时机包括：
- 设计用户流程与触点
- 创建动画与过渡
- 定义错误状态与加载状态
- 构建微交互
- 改进可用性与反馈
- 移动端交互模式
常见交互模式
资料提供了一份常见交互模式清单，每种模式包含用途、反馈与无障碍/边界说明：
- 滑动（Swipe）：用于移动端列表、轮播；反馈为视觉滑动与惯性；无障碍替代方案为键盘方向键。
- 长按（Tap & Hold）：用于上下文菜单、拖拽准备；延迟后给出视觉反馈；触发前时长约为 500ms。
- 捏合缩放（Pinch & Zoom）：用于图片查看、地图；反馈为平滑缩放动画；需设置最小与最大缩放边界。
- 拖拽（Drag & Drop）：用于重排序、移动项目；拖拽过程中提供视觉反馈，放下时给出确认；降级方案为按钮等其他方法。
- 双击（Double Tap）：用于缩放、收藏、选择；反馈为即时视觉响应。
参考指南
资料说明在 references/ 目录中包含更详细的实现，分为三份指南：
- 动画与过渡设计（Animation & Transition Design）
- 错误处理与反馈（Error Handling & Feedback）
- 交互中的无障碍（Accessibility in Interactions）
最佳实践
建议做法（DO）：
- 动画时长保持在 400ms 以内
- 提供清晰的视觉反馈
- 用动画引导注意力
- 尊重用户的动态偏好设置
- 让交互可撤销
- 使用键盘与屏幕阅读器进行测试
- 提供多种交互方式
- 同时为触屏与鼠标设计
- 使用合适的缓动曲线
- 记录交互行为
应避免做法（DON'T）：
- 仅为装饰而做动画
- 动画时长超过 500ms
- 忽视对动态敏感的用户
- 移除焦点指示器
- 把用户困在模态框中
- 使用令人困惑的动画
- 对所有元素都加动画
- 忽略加载状态
- 忘记错误状态
- 跳过无障碍测试
使用方式与限制
资料给出一个“最小可运行示例”的提示，以及常见交互模式的速查结构，但完整的实现代码位于 references/ 目录的参考指南中，资料正文未展开具体代码内容。官方文档、安装命令、所属平台的具体运行方式在资料中暂未提供。任何收费、价格、效果保证等信息在资料中均未提及。